@entur/menu 5.2.6 → 5.2.7-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +1151 -933
  2. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -1,979 +1,1197 @@
1
- /* DO NOT CHANGE!*/
2
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- /* DO NOT CHANGE!*/
4
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- /* DO NOT CHANGE!*/
6
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
1
  [data-color-mode=light],
8
- :root {
9
- --components-menu-breadcrumb-contrast-icon: #ffffff;
10
- --components-menu-breadcrumb-contrast-text: #ffffff;
11
- --components-menu-breadcrumb-standard-icon: #181c56;
12
- --components-menu-breadcrumb-standard-text: #181c56;
13
- --components-menu-navigationbar-contrast-background: #393d79;
14
- --components-menu-navigationbar-contrast-divide: rgba(255, 255, 255, 0);
15
- --components-menu-navigationbar-contrast-icon-selected: #ffffff;
16
- --components-menu-navigationbar-contrast-icon-unselected: #d9dae8;
17
- --components-menu-navigationbar-contrast-stroke-selected: #ff5959;
18
- --components-menu-navigationbar-contrast-text-selected: #ffffff;
19
- --components-menu-navigationbar-contrast-text-unselected: #d9dae8;
20
- --components-menu-navigationbar-standard-background: #ffffff;
21
- --components-menu-navigationbar-standard-divide: #e3e6e8;
22
- --components-menu-navigationbar-standard-icon-selected: #181c56;
23
- --components-menu-navigationbar-standard-icon-unselected: #626493;
24
- --components-menu-navigationbar-standard-stroke-selected: #ff5959;
25
- --components-menu-navigationbar-standard-text-selected: #181c56;
26
- --components-menu-navigationbar-standard-text-unselected: #626493;
27
- --components-menu-navigationlink-contrast-icon: #ffffff;
28
- --components-menu-navigationlink-contrast-text: #ffffff;
29
- --components-menu-navigationlink-standard-icon: #181c56;
30
- --components-menu-navigationlink-standard-text: #181c56;
31
- --components-menu-overflowmenu-border: #8284ab;
32
- --components-menu-overflowmenu-fill-active: #aeb7e2;
33
- --components-menu-overflowmenu-fill-default: #f2f5f7;
34
- --components-menu-overflowmenu-fill-hover: #d9ddf2;
35
- --components-menu-overflowmenu-icon: #181c56;
36
- --components-menu-overflowmenu-icon-disabled: #6e6f73;
37
- --components-menu-overflowmenu-text: #181c56;
38
- --components-menu-overflowmenu-text-disabled: #6e6f73;
39
- --components-menu-pagination-contrast-active: #8794d4;
40
- --components-menu-pagination-contrast-border-selected: #ffffff;
41
- --components-menu-pagination-contrast-border-unselected: rgba(174, 183, 226, 0.6980392157);
42
- --components-menu-pagination-contrast-default: rgba(255, 255, 255, 0);
43
- --components-menu-pagination-contrast-hover: #626493;
44
- --components-menu-pagination-contrast-icon: #ffffff;
45
- --components-menu-pagination-contrast-text-selected: #181c56;
46
- --components-menu-pagination-contrast-text-subdued: #d9dae8;
47
- --components-menu-pagination-contrast-text-unselected: #ffffff;
48
- --components-menu-pagination-standard-active: #aeb7e2;
49
- --components-menu-pagination-standard-border-selected: #181c56;
50
- --components-menu-pagination-standard-border-unselected: rgba(84, 86, 140, 0.4);
51
- --components-menu-pagination-standard-default: rgba(255, 255, 255, 0);
52
- --components-menu-pagination-standard-hover: #d9ddf2;
53
- --components-menu-pagination-standard-icon: #181c56;
54
- --components-menu-pagination-standard-text-selected: #181c56;
55
- --components-menu-pagination-standard-text-subdued: #626493;
56
- --components-menu-pagination-standard-text-unselected: #181c56;
57
- --components-menu-sidenavigation-contrast-avatar: #393d79;
58
- --components-menu-sidenavigation-contrast-background: #181c56;
59
- --components-menu-sidenavigation-contrast-divide: #8284ab;
60
- --components-menu-sidenavigation-contrast-fill-active: rgba(255, 255, 255, 0);
61
- --components-menu-sidenavigation-contrast-fill-default: rgba(255, 255, 255, 0);
62
- --components-menu-sidenavigation-contrast-fill-hover: #393d79;
63
- --components-menu-sidenavigation-contrast-icon: #ffffff;
64
- --components-menu-sidenavigation-contrast-icon-disabled: #b6b8ba;
65
- --components-menu-sidenavigation-contrast-icon-label: #aeb7e2;
66
- --components-menu-sidenavigation-contrast-label: #aeb7e2;
67
- --components-menu-sidenavigation-contrast-stroke-selected: #ff5959;
68
- --components-menu-sidenavigation-contrast-text: #ffffff;
69
- --components-menu-sidenavigation-contrast-text-disabled: #b6b8ba;
70
- --components-menu-sidenavigation-standard-avatar: #ffffff;
71
- --components-menu-sidenavigation-standard-background: #f2f5f7;
72
- --components-menu-sidenavigation-standard-divide: #e3e6e8;
73
- --components-menu-sidenavigation-standard-fill-active: rgba(255, 255, 255, 0);
74
- --components-menu-sidenavigation-standard-fill-default: rgba(255, 255, 255, 0);
75
- --components-menu-sidenavigation-standard-fill-hover: #d9dae8;
76
- --components-menu-sidenavigation-standard-icon: #181c56;
77
- --components-menu-sidenavigation-standard-icon-disabled: #6e6f73;
78
- --components-menu-sidenavigation-standard-icon-label: #626493;
79
- --components-menu-sidenavigation-standard-label: #626493;
80
- --components-menu-sidenavigation-standard-stroke-selected: #181c56;
81
- --components-menu-sidenavigation-standard-text: #181c56;
82
- --components-menu-sidenavigation-standard-text-disabled: #6e6f73;
83
- --components-menu-stepper-contrast-background: #626493;
84
- --components-menu-stepper-contrast-progressbar: #aeb7e2;
85
- --components-menu-stepper-contrast-text-completed: #ffffff;
86
- --components-menu-stepper-contrast-text-uncompleted: #aeb7e2;
87
- --components-menu-stepper-standard-background: #e3e6e8;
88
- --components-menu-stepper-standard-progressbar: #181c56;
89
- --components-menu-stepper-standard-text-completed: #181c56;
90
- --components-menu-stepper-standard-text-uncompleted: #6e6f73;
91
- --components-menu-tableofcontent-contrast-icon-selected: #ffffff;
92
- --components-menu-tableofcontent-contrast-icon-unselected: #d9dae8;
93
- --components-menu-tableofcontent-contrast-stroke-selected: #ff5959;
94
- --components-menu-tableofcontent-contrast-stroke-unselected: #54568c;
95
- --components-menu-tableofcontent-contrast-text-selected: #ffffff;
96
- --components-menu-tableofcontent-contrast-text-unselected: #d9dae8;
97
- --components-menu-tableofcontent-standard-icon-selected: #181c56;
98
- --components-menu-tableofcontent-standard-icon-unselected: #626493;
99
- --components-menu-tableofcontent-standard-stroke-selected: #ff5959;
100
- --components-menu-tableofcontent-standard-stroke-unselected: #e3e6e8;
101
- --components-menu-tableofcontent-standard-text-selected: #181c56;
102
- --components-menu-tableofcontent-standard-text-unselected: #626493;
2
+ :root{
3
+ --components-menu-breadcrumb-contrast-icon:#ffffff;
4
+ --components-menu-breadcrumb-contrast-text:#ffffff;
5
+ --components-menu-breadcrumb-standard-icon:#181c56;
6
+ --components-menu-breadcrumb-standard-text:#181c56;
7
+ --components-menu-navigationbar-contrast-background:#393d79;
8
+ --components-menu-navigationbar-contrast-divide:rgba(255, 255, 255, 0);
9
+ --components-menu-navigationbar-contrast-icon-selected:#ffffff;
10
+ --components-menu-navigationbar-contrast-icon-unselected:#d9dae8;
11
+ --components-menu-navigationbar-contrast-stroke-selected:#ff5959;
12
+ --components-menu-navigationbar-contrast-text-selected:#ffffff;
13
+ --components-menu-navigationbar-contrast-text-unselected:#d9dae8;
14
+ --components-menu-navigationbar-standard-background:#ffffff;
15
+ --components-menu-navigationbar-standard-divide:#e3e6e8;
16
+ --components-menu-navigationbar-standard-icon-selected:#181c56;
17
+ --components-menu-navigationbar-standard-icon-unselected:#626493;
18
+ --components-menu-navigationbar-standard-stroke-selected:#ff5959;
19
+ --components-menu-navigationbar-standard-text-selected:#181c56;
20
+ --components-menu-navigationbar-standard-text-unselected:#626493;
21
+ --components-menu-navigationlink-contrast-icon:#ffffff;
22
+ --components-menu-navigationlink-contrast-text:#ffffff;
23
+ --components-menu-navigationlink-standard-icon:#181c56;
24
+ --components-menu-navigationlink-standard-text:#181c56;
25
+ --components-menu-overflowmenu-border:#8284ab;
26
+ --components-menu-overflowmenu-fill-active:#aeb7e2;
27
+ --components-menu-overflowmenu-fill-default:#f2f5f7;
28
+ --components-menu-overflowmenu-fill-hover:#d9ddf2;
29
+ --components-menu-overflowmenu-icon:#181c56;
30
+ --components-menu-overflowmenu-icon-disabled:#6e6f73;
31
+ --components-menu-overflowmenu-text:#181c56;
32
+ --components-menu-overflowmenu-text-disabled:#6e6f73;
33
+ --components-menu-pagination-contrast-active:#8794d4;
34
+ --components-menu-pagination-contrast-border-selected:#ffffff;
35
+ --components-menu-pagination-contrast-border-unselected:rgba(174, 183, 226, 0.6980392157);
36
+ --components-menu-pagination-contrast-default:rgba(255, 255, 255, 0);
37
+ --components-menu-pagination-contrast-hover:#626493;
38
+ --components-menu-pagination-contrast-icon:#ffffff;
39
+ --components-menu-pagination-contrast-text-selected:#181c56;
40
+ --components-menu-pagination-contrast-text-subdued:#d9dae8;
41
+ --components-menu-pagination-contrast-text-unselected:#ffffff;
42
+ --components-menu-pagination-standard-active:#aeb7e2;
43
+ --components-menu-pagination-standard-border-selected:#181c56;
44
+ --components-menu-pagination-standard-border-unselected:rgba(84, 86, 140, 0.4);
45
+ --components-menu-pagination-standard-default:rgba(255, 255, 255, 0);
46
+ --components-menu-pagination-standard-hover:#d9ddf2;
47
+ --components-menu-pagination-standard-icon:#181c56;
48
+ --components-menu-pagination-standard-text-selected:#181c56;
49
+ --components-menu-pagination-standard-text-subdued:#626493;
50
+ --components-menu-pagination-standard-text-unselected:#181c56;
51
+ --components-menu-sidenavigation-contrast-avatar:#393d79;
52
+ --components-menu-sidenavigation-contrast-background:#181c56;
53
+ --components-menu-sidenavigation-contrast-divide:#8284ab;
54
+ --components-menu-sidenavigation-contrast-fill-active:rgba(255, 255, 255, 0);
55
+ --components-menu-sidenavigation-contrast-fill-default:rgba(255, 255, 255, 0);
56
+ --components-menu-sidenavigation-contrast-fill-hover:#393d79;
57
+ --components-menu-sidenavigation-contrast-icon:#ffffff;
58
+ --components-menu-sidenavigation-contrast-icon-disabled:#b6b8ba;
59
+ --components-menu-sidenavigation-contrast-icon-label:#aeb7e2;
60
+ --components-menu-sidenavigation-contrast-label:#aeb7e2;
61
+ --components-menu-sidenavigation-contrast-stroke-selected:#ff5959;
62
+ --components-menu-sidenavigation-contrast-text:#ffffff;
63
+ --components-menu-sidenavigation-contrast-text-disabled:#b6b8ba;
64
+ --components-menu-sidenavigation-standard-avatar:#ffffff;
65
+ --components-menu-sidenavigation-standard-background:#f2f5f7;
66
+ --components-menu-sidenavigation-standard-divide:#e3e6e8;
67
+ --components-menu-sidenavigation-standard-fill-active:rgba(255, 255, 255, 0);
68
+ --components-menu-sidenavigation-standard-fill-default:rgba(255, 255, 255, 0);
69
+ --components-menu-sidenavigation-standard-fill-hover:#d9dae8;
70
+ --components-menu-sidenavigation-standard-icon:#181c56;
71
+ --components-menu-sidenavigation-standard-icon-disabled:#6e6f73;
72
+ --components-menu-sidenavigation-standard-icon-label:#626493;
73
+ --components-menu-sidenavigation-standard-label:#626493;
74
+ --components-menu-sidenavigation-standard-stroke-selected:#181c56;
75
+ --components-menu-sidenavigation-standard-text:#181c56;
76
+ --components-menu-sidenavigation-standard-text-disabled:#6e6f73;
77
+ --components-menu-stepper-contrast-background:#626493;
78
+ --components-menu-stepper-contrast-progressbar:#aeb7e2;
79
+ --components-menu-stepper-contrast-text-completed:#ffffff;
80
+ --components-menu-stepper-contrast-text-uncompleted:#aeb7e2;
81
+ --components-menu-stepper-standard-background:#e3e6e8;
82
+ --components-menu-stepper-standard-progressbar:#181c56;
83
+ --components-menu-stepper-standard-text-completed:#181c56;
84
+ --components-menu-stepper-standard-text-uncompleted:#6e6f73;
85
+ --components-menu-tableofcontent-contrast-icon-selected:#ffffff;
86
+ --components-menu-tableofcontent-contrast-icon-unselected:#d9dae8;
87
+ --components-menu-tableofcontent-contrast-stroke-selected:#ff5959;
88
+ --components-menu-tableofcontent-contrast-stroke-unselected:#54568c;
89
+ --components-menu-tableofcontent-contrast-text-selected:#ffffff;
90
+ --components-menu-tableofcontent-contrast-text-unselected:#d9dae8;
91
+ --components-menu-tableofcontent-standard-icon-selected:#181c56;
92
+ --components-menu-tableofcontent-standard-icon-unselected:#626493;
93
+ --components-menu-tableofcontent-standard-stroke-selected:#ff5959;
94
+ --components-menu-tableofcontent-standard-stroke-unselected:#e3e6e8;
95
+ --components-menu-tableofcontent-standard-text-selected:#181c56;
96
+ --components-menu-tableofcontent-standard-text-unselected:#626493;
103
97
  }
104
98
 
105
- [data-color-mode=dark] {
106
- --components-menu-breadcrumb-contrast-icon: #e5e5e9;
107
- --components-menu-breadcrumb-contrast-text: #e5e5e9;
108
- --components-menu-breadcrumb-standard-icon: #e5e5e9;
109
- --components-menu-breadcrumb-standard-text: #e5e5e9;
110
- --components-menu-navigationbar-contrast-background: #393a49;
111
- --components-menu-navigationbar-contrast-divide: rgba(255, 255, 255, 0);
112
- --components-menu-navigationbar-contrast-icon-selected: #e5e5e9;
113
- --components-menu-navigationbar-contrast-icon-unselected: #b6b8ba;
114
- --components-menu-navigationbar-contrast-stroke-selected: #ff9494;
115
- --components-menu-navigationbar-contrast-text-selected: #e5e5e9;
116
- --components-menu-navigationbar-contrast-text-unselected: #b6b8ba;
117
- --components-menu-navigationbar-standard-background: #393a49;
118
- --components-menu-navigationbar-standard-divide: rgba(255, 255, 255, 0);
119
- --components-menu-navigationbar-standard-icon-selected: #e5e5e9;
120
- --components-menu-navigationbar-standard-icon-unselected: #b6b8ba;
121
- --components-menu-navigationbar-standard-stroke-selected: #ff9494;
122
- --components-menu-navigationbar-standard-text-selected: #e5e5e9;
123
- --components-menu-navigationbar-standard-text-unselected: #b6b8ba;
124
- --components-menu-navigationlink-contrast-icon: #e5e5e9;
125
- --components-menu-navigationlink-contrast-text: #e5e5e9;
126
- --components-menu-navigationlink-standard-icon: #e5e5e9;
127
- --components-menu-navigationlink-standard-text: #e5e5e9;
128
- --components-menu-overflowmenu-border: rgba(255, 255, 255, 0);
129
- --components-menu-overflowmenu-fill-active: #8794d4;
130
- --components-menu-overflowmenu-fill-default: #464755;
131
- --components-menu-overflowmenu-fill-hover: #626493;
132
- --components-menu-overflowmenu-icon: #e5e5e9;
133
- --components-menu-overflowmenu-icon-disabled: #949699;
134
- --components-menu-overflowmenu-text: #e5e5e9;
135
- --components-menu-overflowmenu-text-disabled: #949699;
136
- --components-menu-pagination-contrast-active: #8794d4;
137
- --components-menu-pagination-contrast-border-selected: #e5e5e9;
138
- --components-menu-pagination-contrast-border-unselected: rgba(174, 183, 226, 0.6980392157);
139
- --components-menu-pagination-contrast-default: rgba(255, 255, 255, 0);
140
- --components-menu-pagination-contrast-hover: #626493;
141
- --components-menu-pagination-contrast-icon: #e5e5e9;
142
- --components-menu-pagination-contrast-text-selected: #08091c;
143
- --components-menu-pagination-contrast-text-subdued: #b3b4bd;
144
- --components-menu-pagination-contrast-text-unselected: #e5e5e9;
145
- --components-menu-pagination-standard-active: #8794d4;
146
- --components-menu-pagination-standard-border-selected: #e5e5e9;
147
- --components-menu-pagination-standard-border-unselected: rgba(174, 183, 226, 0.6980392157);
148
- --components-menu-pagination-standard-default: rgba(255, 255, 255, 0);
149
- --components-menu-pagination-standard-hover: #626493;
150
- --components-menu-pagination-standard-icon: #e5e5e9;
151
- --components-menu-pagination-standard-text-selected: #08091c;
152
- --components-menu-pagination-standard-text-subdued: #b3b4bd;
153
- --components-menu-pagination-standard-text-unselected: #e5e5e9;
154
- --components-menu-sidenavigation-contrast-avatar: rgba(229, 229, 233, 0.1490196078);
155
- --components-menu-sidenavigation-contrast-background: #212233;
156
- --components-menu-sidenavigation-contrast-divide: #81828f;
157
- --components-menu-sidenavigation-contrast-fill-active: rgba(255, 255, 255, 0);
158
- --components-menu-sidenavigation-contrast-fill-default: rgba(255, 255, 255, 0);
159
- --components-menu-sidenavigation-contrast-fill-hover: rgba(229, 229, 233, 0.1490196078);
160
- --components-menu-sidenavigation-contrast-icon: #e5e5e9;
161
- --components-menu-sidenavigation-contrast-icon-disabled: #949699;
162
- --components-menu-sidenavigation-contrast-icon-label: #b3b4bd;
163
- --components-menu-sidenavigation-contrast-label: #b3b4bd;
164
- --components-menu-sidenavigation-contrast-stroke-selected: #ff9494;
165
- --components-menu-sidenavigation-contrast-text: #e5e5e9;
166
- --components-menu-sidenavigation-contrast-text-disabled: #949699;
167
- --components-menu-sidenavigation-standard-avatar: rgba(229, 229, 233, 0.1490196078);
168
- --components-menu-sidenavigation-standard-background: #212233;
169
- --components-menu-sidenavigation-standard-divide: #81828f;
170
- --components-menu-sidenavigation-standard-fill-active: rgba(255, 255, 255, 0);
171
- --components-menu-sidenavigation-standard-fill-default: rgba(255, 255, 255, 0);
172
- --components-menu-sidenavigation-standard-fill-hover: rgba(229, 229, 233, 0.1490196078);
173
- --components-menu-sidenavigation-standard-icon: #e5e5e9;
174
- --components-menu-sidenavigation-standard-icon-disabled: #949699;
175
- --components-menu-sidenavigation-standard-icon-label: #b3b4bd;
176
- --components-menu-sidenavigation-standard-label: #b3b4bd;
177
- --components-menu-sidenavigation-standard-stroke-selected: #ff9494;
178
- --components-menu-sidenavigation-standard-text: #e5e5e9;
179
- --components-menu-sidenavigation-standard-text-disabled: #949699;
180
- --components-menu-stepper-contrast-background: #626493;
181
- --components-menu-stepper-contrast-progressbar: #aeb7e2;
182
- --components-menu-stepper-contrast-text-completed: #e5e5e9;
183
- --components-menu-stepper-contrast-text-uncompleted: #b6b8ba;
184
- --components-menu-stepper-standard-background: #626493;
185
- --components-menu-stepper-standard-progressbar: #aeb7e2;
186
- --components-menu-stepper-standard-text-completed: #e5e5e9;
187
- --components-menu-stepper-standard-text-uncompleted: #b6b8ba;
188
- --components-menu-tableofcontent-contrast-icon-selected: #e5e5e9;
189
- --components-menu-tableofcontent-contrast-icon-unselected: #b3b4bd;
190
- --components-menu-tableofcontent-contrast-stroke-selected: #ff9494;
191
- --components-menu-tableofcontent-contrast-stroke-unselected: rgba(84, 86, 140, 0.4);
192
- --components-menu-tableofcontent-contrast-text-selected: #e5e5e9;
193
- --components-menu-tableofcontent-contrast-text-unselected: #b3b4bd;
194
- --components-menu-tableofcontent-standard-icon-selected: #e5e5e9;
195
- --components-menu-tableofcontent-standard-icon-unselected: #b3b4bd;
196
- --components-menu-tableofcontent-standard-stroke-selected: #ff9494;
197
- --components-menu-tableofcontent-standard-stroke-unselected: rgba(84, 86, 140, 0.4);
198
- --components-menu-tableofcontent-standard-text-selected: #e5e5e9;
199
- --components-menu-tableofcontent-standard-text-unselected: #b3b4bd;
99
+ [data-color-mode=dark]{
100
+ --components-menu-breadcrumb-contrast-icon:#e5e5e9;
101
+ --components-menu-breadcrumb-contrast-text:#e5e5e9;
102
+ --components-menu-breadcrumb-standard-icon:#e5e5e9;
103
+ --components-menu-breadcrumb-standard-text:#e5e5e9;
104
+ --components-menu-navigationbar-contrast-background:#393a49;
105
+ --components-menu-navigationbar-contrast-divide:rgba(255, 255, 255, 0);
106
+ --components-menu-navigationbar-contrast-icon-selected:#e5e5e9;
107
+ --components-menu-navigationbar-contrast-icon-unselected:#b6b8ba;
108
+ --components-menu-navigationbar-contrast-stroke-selected:#ff9494;
109
+ --components-menu-navigationbar-contrast-text-selected:#e5e5e9;
110
+ --components-menu-navigationbar-contrast-text-unselected:#b6b8ba;
111
+ --components-menu-navigationbar-standard-background:#393a49;
112
+ --components-menu-navigationbar-standard-divide:rgba(255, 255, 255, 0);
113
+ --components-menu-navigationbar-standard-icon-selected:#e5e5e9;
114
+ --components-menu-navigationbar-standard-icon-unselected:#b6b8ba;
115
+ --components-menu-navigationbar-standard-stroke-selected:#ff9494;
116
+ --components-menu-navigationbar-standard-text-selected:#e5e5e9;
117
+ --components-menu-navigationbar-standard-text-unselected:#b6b8ba;
118
+ --components-menu-navigationlink-contrast-icon:#e5e5e9;
119
+ --components-menu-navigationlink-contrast-text:#e5e5e9;
120
+ --components-menu-navigationlink-standard-icon:#e5e5e9;
121
+ --components-menu-navigationlink-standard-text:#e5e5e9;
122
+ --components-menu-overflowmenu-border:rgba(255, 255, 255, 0);
123
+ --components-menu-overflowmenu-fill-active:#8794d4;
124
+ --components-menu-overflowmenu-fill-default:#464755;
125
+ --components-menu-overflowmenu-fill-hover:#626493;
126
+ --components-menu-overflowmenu-icon:#e5e5e9;
127
+ --components-menu-overflowmenu-icon-disabled:#949699;
128
+ --components-menu-overflowmenu-text:#e5e5e9;
129
+ --components-menu-overflowmenu-text-disabled:#949699;
130
+ --components-menu-pagination-contrast-active:#8794d4;
131
+ --components-menu-pagination-contrast-border-selected:#e5e5e9;
132
+ --components-menu-pagination-contrast-border-unselected:rgba(174, 183, 226, 0.6980392157);
133
+ --components-menu-pagination-contrast-default:rgba(255, 255, 255, 0);
134
+ --components-menu-pagination-contrast-hover:#626493;
135
+ --components-menu-pagination-contrast-icon:#e5e5e9;
136
+ --components-menu-pagination-contrast-text-selected:#08091c;
137
+ --components-menu-pagination-contrast-text-subdued:#b3b4bd;
138
+ --components-menu-pagination-contrast-text-unselected:#e5e5e9;
139
+ --components-menu-pagination-standard-active:#8794d4;
140
+ --components-menu-pagination-standard-border-selected:#e5e5e9;
141
+ --components-menu-pagination-standard-border-unselected:rgba(174, 183, 226, 0.6980392157);
142
+ --components-menu-pagination-standard-default:rgba(255, 255, 255, 0);
143
+ --components-menu-pagination-standard-hover:#626493;
144
+ --components-menu-pagination-standard-icon:#e5e5e9;
145
+ --components-menu-pagination-standard-text-selected:#08091c;
146
+ --components-menu-pagination-standard-text-subdued:#b3b4bd;
147
+ --components-menu-pagination-standard-text-unselected:#e5e5e9;
148
+ --components-menu-sidenavigation-contrast-avatar:rgba(229, 229, 233, 0.1490196078);
149
+ --components-menu-sidenavigation-contrast-background:#212233;
150
+ --components-menu-sidenavigation-contrast-divide:#81828f;
151
+ --components-menu-sidenavigation-contrast-fill-active:rgba(255, 255, 255, 0);
152
+ --components-menu-sidenavigation-contrast-fill-default:rgba(255, 255, 255, 0);
153
+ --components-menu-sidenavigation-contrast-fill-hover:rgba(229, 229, 233, 0.1490196078);
154
+ --components-menu-sidenavigation-contrast-icon:#e5e5e9;
155
+ --components-menu-sidenavigation-contrast-icon-disabled:#949699;
156
+ --components-menu-sidenavigation-contrast-icon-label:#b3b4bd;
157
+ --components-menu-sidenavigation-contrast-label:#b3b4bd;
158
+ --components-menu-sidenavigation-contrast-stroke-selected:#ff9494;
159
+ --components-menu-sidenavigation-contrast-text:#e5e5e9;
160
+ --components-menu-sidenavigation-contrast-text-disabled:#949699;
161
+ --components-menu-sidenavigation-standard-avatar:rgba(229, 229, 233, 0.1490196078);
162
+ --components-menu-sidenavigation-standard-background:#212233;
163
+ --components-menu-sidenavigation-standard-divide:#81828f;
164
+ --components-menu-sidenavigation-standard-fill-active:rgba(255, 255, 255, 0);
165
+ --components-menu-sidenavigation-standard-fill-default:rgba(255, 255, 255, 0);
166
+ --components-menu-sidenavigation-standard-fill-hover:rgba(229, 229, 233, 0.1490196078);
167
+ --components-menu-sidenavigation-standard-icon:#e5e5e9;
168
+ --components-menu-sidenavigation-standard-icon-disabled:#949699;
169
+ --components-menu-sidenavigation-standard-icon-label:#b3b4bd;
170
+ --components-menu-sidenavigation-standard-label:#b3b4bd;
171
+ --components-menu-sidenavigation-standard-stroke-selected:#ff9494;
172
+ --components-menu-sidenavigation-standard-text:#e5e5e9;
173
+ --components-menu-sidenavigation-standard-text-disabled:#949699;
174
+ --components-menu-stepper-contrast-background:#626493;
175
+ --components-menu-stepper-contrast-progressbar:#aeb7e2;
176
+ --components-menu-stepper-contrast-text-completed:#e5e5e9;
177
+ --components-menu-stepper-contrast-text-uncompleted:#b6b8ba;
178
+ --components-menu-stepper-standard-background:#626493;
179
+ --components-menu-stepper-standard-progressbar:#aeb7e2;
180
+ --components-menu-stepper-standard-text-completed:#e5e5e9;
181
+ --components-menu-stepper-standard-text-uncompleted:#b6b8ba;
182
+ --components-menu-tableofcontent-contrast-icon-selected:#e5e5e9;
183
+ --components-menu-tableofcontent-contrast-icon-unselected:#b3b4bd;
184
+ --components-menu-tableofcontent-contrast-stroke-selected:#ff9494;
185
+ --components-menu-tableofcontent-contrast-stroke-unselected:rgba(84, 86, 140, 0.4);
186
+ --components-menu-tableofcontent-contrast-text-selected:#e5e5e9;
187
+ --components-menu-tableofcontent-contrast-text-unselected:#b3b4bd;
188
+ --components-menu-tableofcontent-standard-icon-selected:#e5e5e9;
189
+ --components-menu-tableofcontent-standard-icon-unselected:#b3b4bd;
190
+ --components-menu-tableofcontent-standard-stroke-selected:#ff9494;
191
+ --components-menu-tableofcontent-standard-stroke-unselected:rgba(84, 86, 140, 0.4);
192
+ --components-menu-tableofcontent-standard-text-selected:#e5e5e9;
193
+ --components-menu-tableofcontent-standard-text-unselected:#b3b4bd;
200
194
  }
201
-
202
- /* DO NOT CHANGE!*/
203
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
204
- /* DO NOT CHANGE!*/
205
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
206
195
  [data-color-mode=light],
207
- :root {
208
- --basecolors-frame-contrast: #181c56;
209
- --basecolors-frame-contrastalt: #393d79;
210
- --basecolors-frame-contrastalt-2: #292b6a;
211
- --basecolors-frame-default: #ffffff;
212
- --basecolors-frame-elevated: #ffffff;
213
- --basecolors-frame-elevatedalt: #f6f6f9;
214
- --basecolors-frame-subdued: #d9dae8;
215
- --basecolors-frame-tint: #f6f6f9;
216
- --basecolors-shape-accent: #181c56;
217
- --basecolors-shape-bicycle-contrast: #00db9b;
218
- --basecolors-shape-bicycle-default: #33826b;
219
- --basecolors-shape-bus-contrast: #ff6392;
220
- --basecolors-shape-bus-default: #c5044e;
221
- --basecolors-shape-cableway-contrast: #b482fb;
222
- --basecolors-shape-cableway-default: #78469a;
223
- --basecolors-shape-disabled: #6e6f73;
224
- --basecolors-shape-disabledalt: #b6b8ba;
225
- --basecolors-shape-ferry-contrast: #6fdfff;
226
- --basecolors-shape-ferry-default: #0c6693;
227
- --basecolors-shape-funicular-contrast: #b482fb;
228
- --basecolors-shape-funicular-default: #78469a;
229
- --basecolors-shape-helicopter-contrast: #fbafea;
230
- --basecolors-shape-helicopter-default: #800664;
231
- --basecolors-shape-highlight: #ff5959;
232
- --basecolors-shape-light: #ffffff;
233
- --basecolors-shape-mask: #ffffff;
234
- --basecolors-shape-maskalt: #ffffff;
235
- --basecolors-shape-metro-contrast: #f08901;
236
- --basecolors-shape-metro-default: #bf5826;
237
- --basecolors-shape-mobility-contrast: #00db9b;
238
- --basecolors-shape-mobility-default: #33826b;
239
- --basecolors-shape-plane-contrast: #fbafea;
240
- --basecolors-shape-plane-default: #800664;
241
- --basecolors-shape-subdued: #626493;
242
- --basecolors-shape-subduedalt: #d9dae8;
243
- --basecolors-shape-taxi-contrast: #ffe082;
244
- --basecolors-shape-taxi-default: #3d3e40;
245
- --basecolors-shape-train-contrast: #42a5f5;
246
- --basecolors-shape-train-default: #00367f;
247
- --basecolors-shape-tram-contrast: #b482fb;
248
- --basecolors-shape-tram-default: #78469a;
249
- --basecolors-shape-walk-contrast: #8284ab;
250
- --basecolors-shape-walk-default: #8d8e9c;
251
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
252
- --basecolors-shape-airportlinkbus-default: #800664;
253
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
254
- --basecolors-shape-airportlinkrail-default: #800664;
255
- --basecolors-stroke-contrast: #aeb7e2;
256
- --basecolors-stroke-default: #181c56;
257
- --basecolors-stroke-disabled: #949699;
258
- --basecolors-stroke-focus-contrast: #aeb7e2;
259
- --basecolors-stroke-focus-standard: #181c56;
260
- --basecolors-stroke-highlight: #ff5959;
261
- --basecolors-stroke-light: #ffffff;
262
- --basecolors-stroke-subdued: #8284ab;
263
- --basecolors-stroke-subduedalt: #e3e6e8;
264
- --basecolors-text-accent: #181c56;
265
- --basecolors-text-disabled: #6e6f73;
266
- --basecolors-text-disabledalt: #b6b8ba;
267
- --basecolors-text-highlight: #ff5959;
268
- --basecolors-text-light: #ffffff;
269
- --basecolors-text-subdued: #626493;
270
- --basecolors-text-subduedalt: #d9dae8;
196
+ :root{
197
+ --basecolors-frame-contrast:#181c56;
198
+ --basecolors-frame-contrastalt:#393d79;
199
+ --basecolors-frame-contrastalt-2:#292b6a;
200
+ --basecolors-frame-default:#ffffff;
201
+ --basecolors-frame-elevated:#ffffff;
202
+ --basecolors-frame-elevatedalt:#f6f6f9;
203
+ --basecolors-frame-subdued:#d9dae8;
204
+ --basecolors-frame-tint:#f6f6f9;
205
+ --basecolors-shape-accent:#181c56;
206
+ --basecolors-shape-bicycle-contrast:#00db9b;
207
+ --basecolors-shape-bicycle-default:#33826b;
208
+ --basecolors-shape-bus-contrast:#ff6392;
209
+ --basecolors-shape-bus-default:#c5044e;
210
+ --basecolors-shape-cableway-contrast:#b482fb;
211
+ --basecolors-shape-cableway-default:#78469a;
212
+ --basecolors-shape-disabled:#6e6f73;
213
+ --basecolors-shape-disabledalt:#b6b8ba;
214
+ --basecolors-shape-ferry-contrast:#6fdfff;
215
+ --basecolors-shape-ferry-default:#0c6693;
216
+ --basecolors-shape-funicular-contrast:#b482fb;
217
+ --basecolors-shape-funicular-default:#78469a;
218
+ --basecolors-shape-helicopter-contrast:#fbafea;
219
+ --basecolors-shape-helicopter-default:#800664;
220
+ --basecolors-shape-highlight:#ff5959;
221
+ --basecolors-shape-light:#ffffff;
222
+ --basecolors-shape-mask:#ffffff;
223
+ --basecolors-shape-maskalt:#ffffff;
224
+ --basecolors-shape-metro-contrast:#f08901;
225
+ --basecolors-shape-metro-default:#bf5826;
226
+ --basecolors-shape-mobility-contrast:#00db9b;
227
+ --basecolors-shape-mobility-default:#33826b;
228
+ --basecolors-shape-plane-contrast:#fbafea;
229
+ --basecolors-shape-plane-default:#800664;
230
+ --basecolors-shape-subdued:#626493;
231
+ --basecolors-shape-subduedalt:#d9dae8;
232
+ --basecolors-shape-taxi-contrast:#ffe082;
233
+ --basecolors-shape-taxi-default:#3d3e40;
234
+ --basecolors-shape-train-contrast:#42a5f5;
235
+ --basecolors-shape-train-default:#00367f;
236
+ --basecolors-shape-tram-contrast:#b482fb;
237
+ --basecolors-shape-tram-default:#78469a;
238
+ --basecolors-shape-walk-contrast:#8284ab;
239
+ --basecolors-shape-walk-default:#8d8e9c;
240
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
241
+ --basecolors-shape-airportlinkbus-default:#800664;
242
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
243
+ --basecolors-shape-airportlinkrail-default:#800664;
244
+ --basecolors-stroke-contrast:#aeb7e2;
245
+ --basecolors-stroke-default:#181c56;
246
+ --basecolors-stroke-disabled:#949699;
247
+ --basecolors-stroke-focus-contrast:#aeb7e2;
248
+ --basecolors-stroke-focus-standard:#181c56;
249
+ --basecolors-stroke-highlight:#ff5959;
250
+ --basecolors-stroke-light:#ffffff;
251
+ --basecolors-stroke-subdued:#8284ab;
252
+ --basecolors-stroke-subduedalt:#e3e6e8;
253
+ --basecolors-text-accent:#181c56;
254
+ --basecolors-text-disabled:#6e6f73;
255
+ --basecolors-text-disabledalt:#b6b8ba;
256
+ --basecolors-text-highlight:#ff5959;
257
+ --basecolors-text-light:#ffffff;
258
+ --basecolors-text-subdued:#626493;
259
+ --basecolors-text-subduedalt:#d9dae8;
271
260
  }
272
261
 
273
- [data-color-mode=dark] {
274
- --basecolors-frame-contrast: #212233;
275
- --basecolors-frame-contrastalt: #141527;
276
- --basecolors-frame-contrastalt-2: #08091c;
277
- --basecolors-frame-default: #08091c;
278
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
279
- --basecolors-frame-elevatedalt: #464755;
280
- --basecolors-frame-subdued: #2d2e3e;
281
- --basecolors-frame-tint: #141527;
282
- --basecolors-shape-accent: #e5e5e9;
283
- --basecolors-shape-bicycle-contrast: #4db295;
284
- --basecolors-shape-bicycle-default: #4db295;
285
- --basecolors-shape-bus-contrast: #ef7398;
286
- --basecolors-shape-bus-default: #ef7398;
287
- --basecolors-shape-cableway-contrast: #b898e5;
288
- --basecolors-shape-cableway-default: #b898e5;
289
- --basecolors-shape-disabled: #b6b8ba;
290
- --basecolors-shape-disabledalt: #b3b4bd;
291
- --basecolors-shape-ferry-contrast: #8ccfe2;
292
- --basecolors-shape-ferry-default: #8ccfe2;
293
- --basecolors-shape-funicular-contrast: #b898e5;
294
- --basecolors-shape-funicular-default: #b898e5;
295
- --basecolors-shape-helicopter-contrast: #f2b8e5;
296
- --basecolors-shape-helicopter-default: #f2b8e5;
297
- --basecolors-shape-highlight: #ff9494;
298
- --basecolors-shape-light: #e5e5e9;
299
- --basecolors-shape-mask: #2d2e3e;
300
- --basecolors-shape-maskalt: #393a49;
301
- --basecolors-shape-metro-contrast: #dd973c;
302
- --basecolors-shape-metro-default: #dd973c;
303
- --basecolors-shape-mobility-contrast: #4db295;
304
- --basecolors-shape-mobility-default: #4db295;
305
- --basecolors-shape-plane-contrast: #f2b8e5;
306
- --basecolors-shape-plane-default: #f2b8e5;
307
- --basecolors-shape-subdued: #b3b4bd;
308
- --basecolors-shape-subduedalt: #b3b4bd;
309
- --basecolors-shape-taxi-contrast: #ffe082;
310
- --basecolors-shape-taxi-default: #ffe082;
311
- --basecolors-shape-train-contrast: #60a2d7;
312
- --basecolors-shape-train-default: #60a2d7;
313
- --basecolors-shape-tram-contrast: #b898e5;
314
- --basecolors-shape-tram-default: #b898e5;
315
- --basecolors-shape-walk-contrast: #8d8e9c;
316
- --basecolors-shape-walk-default: #8d8e9c;
317
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
318
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
319
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
320
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
321
- --basecolors-stroke-contrast: #aeb7e2;
322
- --basecolors-stroke-default: #b3b4bd;
323
- --basecolors-stroke-disabled: #e3e6e8;
324
- --basecolors-stroke-focus-contrast: #aeb7e2;
325
- --basecolors-stroke-focus-standard: #aeb7e2;
326
- --basecolors-stroke-highlight: #ff9494;
327
- --basecolors-stroke-light: #b3b4bd;
328
- --basecolors-stroke-subdued: #81828f;
329
- --basecolors-stroke-subduedalt: #949699;
330
- --basecolors-text-accent: #e5e5e9;
331
- --basecolors-text-disabled: #b6b8ba;
332
- --basecolors-text-disabledalt: #b6b8ba;
333
- --basecolors-text-highlight: #ff9494;
334
- --basecolors-text-light: #e5e5e9;
335
- --basecolors-text-subdued: #b3b4bd;
336
- --basecolors-text-subduedalt: #b3b4bd;
262
+ [data-color-mode=dark]{
263
+ --basecolors-frame-contrast:#212233;
264
+ --basecolors-frame-contrastalt:#141527;
265
+ --basecolors-frame-contrastalt-2:#08091c;
266
+ --basecolors-frame-default:#08091c;
267
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
268
+ --basecolors-frame-elevatedalt:#464755;
269
+ --basecolors-frame-subdued:#2d2e3e;
270
+ --basecolors-frame-tint:#141527;
271
+ --basecolors-shape-accent:#e5e5e9;
272
+ --basecolors-shape-bicycle-contrast:#4db295;
273
+ --basecolors-shape-bicycle-default:#4db295;
274
+ --basecolors-shape-bus-contrast:#ef7398;
275
+ --basecolors-shape-bus-default:#ef7398;
276
+ --basecolors-shape-cableway-contrast:#b898e5;
277
+ --basecolors-shape-cableway-default:#b898e5;
278
+ --basecolors-shape-disabled:#b6b8ba;
279
+ --basecolors-shape-disabledalt:#b3b4bd;
280
+ --basecolors-shape-ferry-contrast:#8ccfe2;
281
+ --basecolors-shape-ferry-default:#8ccfe2;
282
+ --basecolors-shape-funicular-contrast:#b898e5;
283
+ --basecolors-shape-funicular-default:#b898e5;
284
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
285
+ --basecolors-shape-helicopter-default:#f2b8e5;
286
+ --basecolors-shape-highlight:#ff9494;
287
+ --basecolors-shape-light:#e5e5e9;
288
+ --basecolors-shape-mask:#2d2e3e;
289
+ --basecolors-shape-maskalt:#393a49;
290
+ --basecolors-shape-metro-contrast:#dd973c;
291
+ --basecolors-shape-metro-default:#dd973c;
292
+ --basecolors-shape-mobility-contrast:#4db295;
293
+ --basecolors-shape-mobility-default:#4db295;
294
+ --basecolors-shape-plane-contrast:#f2b8e5;
295
+ --basecolors-shape-plane-default:#f2b8e5;
296
+ --basecolors-shape-subdued:#b3b4bd;
297
+ --basecolors-shape-subduedalt:#b3b4bd;
298
+ --basecolors-shape-taxi-contrast:#ffe082;
299
+ --basecolors-shape-taxi-default:#ffe082;
300
+ --basecolors-shape-train-contrast:#60a2d7;
301
+ --basecolors-shape-train-default:#60a2d7;
302
+ --basecolors-shape-tram-contrast:#b898e5;
303
+ --basecolors-shape-tram-default:#b898e5;
304
+ --basecolors-shape-walk-contrast:#8d8e9c;
305
+ --basecolors-shape-walk-default:#8d8e9c;
306
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
307
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
308
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
309
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
310
+ --basecolors-stroke-contrast:#aeb7e2;
311
+ --basecolors-stroke-default:#b3b4bd;
312
+ --basecolors-stroke-disabled:#e3e6e8;
313
+ --basecolors-stroke-focus-contrast:#aeb7e2;
314
+ --basecolors-stroke-focus-standard:#aeb7e2;
315
+ --basecolors-stroke-highlight:#ff9494;
316
+ --basecolors-stroke-light:#b3b4bd;
317
+ --basecolors-stroke-subdued:#81828f;
318
+ --basecolors-stroke-subduedalt:#949699;
319
+ --basecolors-text-accent:#e5e5e9;
320
+ --basecolors-text-disabled:#b6b8ba;
321
+ --basecolors-text-disabledalt:#b6b8ba;
322
+ --basecolors-text-highlight:#ff9494;
323
+ --basecolors-text-light:#e5e5e9;
324
+ --basecolors-text-subdued:#b3b4bd;
325
+ --basecolors-text-subduedalt:#b3b4bd;
337
326
  }
338
327
 
339
- :root {
340
- --eds-menu: 1;
341
- --reach-menu-button: 1;
342
- }/* DO NOT CHANGE!*/
343
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
344
- .eds-breadcrumb {
345
- list-style: none;
346
- margin: 0;
347
- padding: 0;
328
+ :root{
329
+ --eds-menu:1;
330
+ --reach-menu-button:1;
331
+ }.eds-breadcrumb{
332
+ list-style:none;
333
+ margin:0;
334
+ padding:0;
348
335
  }
349
336
 
350
- .eds-breadcrumb__item {
351
- display: inline-block;
352
- color: var(--components-menu-breadcrumb-standard-text);
337
+ .eds-breadcrumb__item{
338
+ display:inline-block;
339
+ color:var(--components-menu-breadcrumb-standard-text);
353
340
  }
354
- .eds-contrast .eds-breadcrumb__item {
355
- color: var(--components-menu-breadcrumb-contrast-text);
341
+ .eds-contrast .eds-breadcrumb__item{
342
+ color:var(--components-menu-breadcrumb-contrast-text);
356
343
  }
357
344
 
358
- .eds-breadcrumb__separator {
359
- margin: 0 0.25rem 0 0.25rem;
345
+ .eds-breadcrumb__separator{
346
+ margin:0 0.25rem 0 0.25rem;
360
347
  }
361
348
 
362
- .eds-breadcrumb__link {
363
- text-decoration: none;
364
- color: var(--components-menu-breadcrumb-standard-text);
365
- background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
366
- background-repeat: no-repeat;
367
- background-size: 100% 0.125rem;
368
- background-position: 0 100%;
369
- }
370
- .eds-contrast .eds-breadcrumb__link {
371
- color: var(--components-menu-breadcrumb-contrast-text);
372
- background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
373
- }
374
- .eds-breadcrumb__link:hover {
375
- animation: eds-breadcrumb-underline 0.3s ease-in;
376
- }
377
- .eds-breadcrumb__link:focus-visible {
378
- outline: 2px solid #181c56;
379
- outline-color: var(--basecolors-stroke-focus-standard);
380
- outline-offset: 0.125rem;
381
- }
382
- .eds-contrast .eds-breadcrumb__link:focus-visible {
383
- outline-color: var(--basecolors-stroke-focus-contrast);
384
- }
385
- @keyframes eds-breadcrumb-underline {
386
- from {
387
- background-size: 0% 0.125rem;
349
+ .eds-breadcrumb__link{
350
+ -webkit-text-decoration:none;
351
+ text-decoration:none;
352
+ color:var(--components-menu-breadcrumb-standard-text);
353
+ background-image:-webkit-linear-gradient(330deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
354
+ background-image:-moz-linear-gradient(330deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
355
+ background-image:-o-linear-gradient(330deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
356
+ background-image:linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
357
+ background-repeat:no-repeat;
358
+ -moz-background-size:100% 0.125rem;
359
+ -o-background-size:100% 0.125rem;
360
+ background-size:100% 0.125rem;
361
+ background-position:0 100%;
362
+ }
363
+ .eds-contrast .eds-breadcrumb__link{
364
+ color:var(--components-menu-breadcrumb-contrast-text);
365
+ background-image:-webkit-linear-gradient(330deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
366
+ background-image:-moz-linear-gradient(330deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
367
+ background-image:-o-linear-gradient(330deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
368
+ background-image:linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
369
+ }
370
+ .eds-breadcrumb__link:hover{
371
+ -webkit-animation:eds-breadcrumb-underline 0.3s ease-in;
372
+ -moz-animation:eds-breadcrumb-underline 0.3s ease-in;
373
+ -o-animation:eds-breadcrumb-underline 0.3s ease-in;
374
+ animation:eds-breadcrumb-underline 0.3s ease-in;
375
+ }
376
+ .eds-breadcrumb__link:focus-visible{
377
+ outline:2px solid #181c56;
378
+ outline-color:var(--basecolors-stroke-focus-standard);
379
+ outline-offset:0.125rem;
380
+ }
381
+ .eds-contrast .eds-breadcrumb__link:focus-visible{
382
+ outline-color:var(--basecolors-stroke-focus-contrast);
383
+ }
384
+ @-webkit-keyframes eds-breadcrumb-underline{
385
+ from{
386
+ background-size:0% 0.125rem;
387
+ }
388
+ to{
389
+ background-size:100% 0.125rem;
390
+ }
391
+ }
392
+ @-moz-keyframes eds-breadcrumb-underline{
393
+ from{
394
+ -moz-background-size:0% 0.125rem;
395
+ background-size:0% 0.125rem;
388
396
  }
389
- to {
390
- background-size: 100% 0.125rem;
397
+ to{
398
+ -moz-background-size:100% 0.125rem;
399
+ background-size:100% 0.125rem;
391
400
  }
392
401
  }
393
- .eds-breadcrumb__link--current {
394
- font-weight: 600;
395
- }/* DO NOT CHANGE!*/
396
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
397
- .eds-overflow-menu__menu-list {
398
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
399
- overflow: hidden;
400
- border-radius: 0.25rem;
401
- border: 0.0625rem solid var(--components-menu-overflowmenu-border);
402
- z-index: 20;
403
- }
404
- .eds-overflow-menu__menu-list.eds-contrast {
405
- box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
406
- }
407
- .eds-overflow-menu__item {
408
- display: block;
409
- width: 100%;
410
- appearance: none;
411
- padding: 0.75rem;
412
- border: none;
413
- outline: none;
414
- font-size: 1rem;
415
- line-height: 1.375rem;
416
- text-align: left;
417
- text-decoration: none;
418
- color: var(--components-menu-overflowmenu-text);
419
- background: var(--components-menu-overflowmenu-fill-default);
420
- cursor: pointer;
421
- }
422
- .eds-overflow-menu__item--highlighted {
423
- background: var(--components-menu-overflowmenu-fill-hover);
424
- }
425
- .eds-overflow-menu__item:active {
426
- background: var(--components-menu-overflowmenu-fill-active);
427
- color: var(--components-menu-overflowmenu-text-active);
428
- }
429
- .eds-overflow-menu__item--disabled {
430
- background: var(--components-menu-overflowmenu-fill-default);
431
- color: var(--components-menu-overflowmenu-text-disabled);
432
- cursor: not-allowed;
433
- }
434
- .eds-overflow-menu__item svg {
435
- margin-right: 0.75rem;
436
- }/* DO NOT CHANGE!*/
437
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
438
- .eds-pagination {
439
- align-items: center;
440
- display: flex;
441
- flex-wrap: wrap;
442
- row-gap: 0.75rem;
443
- justify-content: space-between;
444
- }
445
- .eds-pagination__results {
446
- margin-right: 0.5rem;
447
- display: flex;
448
- flex: 1;
449
- align-items: center;
450
- justify-content: flex-start;
451
- color: var(--components-menu-pagination-standard-text-subdued);
452
- }
453
- .eds-contrast .eds-pagination__results {
454
- color: var(--components-menu-pagination-contrast-text-subdued);
455
- }
456
- .eds-pagination__results .eds-pagination__results__change-number-of-results {
457
- border: solid 0.0625rem var(--components-menu-pagination-contrast-border-unselected);
458
- margin: 0 0.5rem;
459
- }
460
- .eds-pagination__results .eds-pagination__results__change-number-of-results__arrow {
461
- margin-left: 0.5rem;
462
- }
463
- .eds-pagination__results .eds-pagination__results__change-number-of-results[aria-expanded=true] .eds-pagination__results__change-number-of-results__arrow {
464
- transform: rotate(180deg);
465
- }
466
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
467
- margin: 0 auto;
468
- }
469
- .eds-pagination__controls {
470
- align-items: center;
471
- display: flex;
472
- justify-content: center;
473
- }
474
- .eds-pagination__controls__page {
475
- align-items: center;
476
- appearance: none;
477
- background-color: var(--components-menu-pagination-standard-default);
478
- border: 0.0625rem solid var(--components-menu-pagination-standard-border-unselected);
479
- border-radius: 0.25rem;
480
- color: var(--components-menu-pagination-standard-text-unselected);
481
- cursor: pointer;
482
- display: flex;
483
- font-family: inherit;
484
- font-size: 0.875rem;
485
- height: 2rem;
486
- justify-content: center;
487
- margin: 0 0.125rem;
488
- padding: 0 0.25rem;
489
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
490
- user-select: none;
491
- min-width: 2rem;
492
- }
493
- .eds-contrast .eds-pagination__controls__page {
494
- background-color: var(--components-menu-pagination-contrast-default);
495
- border-color: var(--components-menu-pagination-contrast-border-unselected);
496
- color: var(--components-menu-pagination-contrast-text-unselected);
497
- }
498
- .eds-pagination__controls__page--selected {
499
- background: var(--components-menu-pagination-standard-active);
500
- border-color: var(--components-menu-pagination-standard-border-selected);
501
- color: var(--components-menu-pagination-standard-text-selected);
502
- opacity: 1;
503
- pointer-events: none;
504
- }
505
- .eds-contrast .eds-pagination__controls__page--selected {
506
- background: var(--components-menu-pagination-contrast-active);
507
- border-color: var(--components-menu-pagination-contrast-border-selected);
508
- color: var(--components-menu-pagination-contrast-text-selected);
509
- }
510
- .eds-pagination__controls__page--disabled {
511
- opacity: 0.5;
512
- pointer-events: none;
513
- }
514
- .eds-pagination__controls__page:hover {
515
- background-color: var(--components-menu-pagination-standard-hover);
516
- border-color: var(--components-menu-pagination-standard-border-unselected);
517
- }
518
- .eds-contrast .eds-pagination__controls__page:hover {
519
- background-color: var(--components-menu-pagination-contrast-hover);
520
- border-color: var(--components-menu-pagination-contrast-border-unselected);
521
- }
522
- .eds-pagination__controls__page:focus-visible {
523
- outline: 2px solid #181c56;
524
- outline-color: var(--basecolors-stroke-focus-standard);
525
- outline-offset: 0.125rem;
526
- }
527
- .eds-contrast .eds-pagination__controls__page:focus-visible {
528
- outline-color: var(--basecolors-stroke-focus-contrast);
529
- }
530
- .eds-pagination__controls__page__ellipsis {
531
- color: var(--components-menu-pagination-standard-icon);
532
- align-items: baseline;
533
- cursor: default;
534
- display: flex;
535
- font-size: 1.5rem;
536
- height: 2rem;
537
- justify-content: center;
538
- user-select: none;
539
- width: 2rem;
540
- margin: 0 2px;
541
- }
542
- .eds-contrast .eds-pagination__controls__page__ellipsis {
543
- color: var(--components-menu-pagination-contrast-icon);
544
- }
545
- .eds-pagination__controls__input__wrapper {
546
- white-space: nowrap;
547
- }
548
- .eds-pagination__controls__input__label {
549
- border-left: 0.0625rem solid var(--components-menu-pagination-standard-border-unselected);
550
- color: var(--components-menu-pagination-standard-text-subdued);
551
- font-size: 0.875rem;
552
- margin-left: 0.5rem;
553
- padding: 0 1rem;
554
- }
555
- .eds-contrast .eds-pagination__controls__input__label {
556
- border-color: var(--components-menu-pagination-contrast-border-unselected);
557
- color: var(--components-menu-pagination-contrast-text-subdued);
558
- }
559
- .eds-pagination__controls__input__field {
560
- appearance: none;
561
- background-color: var(--components-menu-pagination-standard-default);
562
- border: 0.0625rem solid var(--components-menu-pagination-standard-border-unselected);
563
- border-radius: 0.25rem;
564
- color: var(--components-menu-pagination-standard-text-unselected);
565
- font-family: inherit;
566
- font-size: 0.875rem;
567
- height: 2rem;
568
- text-align: center;
569
- width: 2rem;
570
- }
571
- .eds-contrast .eds-pagination__controls__input__field {
572
- background-color: var(--components-menu-pagination-contrast-default);
573
- border-color: var(--components-menu-pagination-contrast-border-unselected);
574
- color: var(--components-menu-pagination-contrast-text-unselected);
575
- }
576
- .eds-pagination__controls__input__field::-webkit-inner-spin-button, .eds-pagination__controls__input__field::-webkit-outer-spin-button {
577
- appearance: none;
578
- margin: 0;
579
- }
580
- .eds-pagination__controls__input__field:focus-visible {
581
- outline: 2px solid #181c56;
582
- outline-color: var(--basecolors-stroke-focus-standard);
583
- outline-offset: 0.125rem;
584
- }
585
- .eds-contrast .eds-pagination__controls__input__field:focus-visible {
586
- outline-color: var(--basecolors-stroke-focus-contrast);
587
- }/* DO NOT CHANGE!*/
588
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
589
- .eds-side-navigation,
590
- .eds-side-navigation-group {
591
- color: var(--components-menu-sidenavigation-standard-text);
402
+ @-o-keyframes eds-breadcrumb-underline{
403
+ from{
404
+ -o-background-size:0% 0.125rem;
405
+ background-size:0% 0.125rem;
406
+ }
407
+ to{
408
+ -o-background-size:100% 0.125rem;
409
+ background-size:100% 0.125rem;
410
+ }
411
+ }
412
+ @keyframes eds-breadcrumb-underline{
413
+ from{
414
+ -moz-background-size:0% 0.125rem;
415
+ -o-background-size:0% 0.125rem;
416
+ background-size:0% 0.125rem;
417
+ }
418
+ to{
419
+ -moz-background-size:100% 0.125rem;
420
+ -o-background-size:100% 0.125rem;
421
+ background-size:100% 0.125rem;
422
+ }
423
+ }
424
+ .eds-breadcrumb__link--current{
425
+ font-weight:600;
426
+ }.eds-overflow-menu__menu-list{
427
+ -webkit-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
428
+ -moz-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
429
+ box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
430
+ overflow:hidden;
431
+ -webkit-border-radius:0.25rem;
432
+ -moz-border-radius:0.25rem;
433
+ border-radius:0.25rem;
434
+ border:0.0625rem solid var(--components-menu-overflowmenu-border);
435
+ z-index:20;
436
+ }
437
+ .eds-overflow-menu__menu-list.eds-contrast{
438
+ -webkit-box-shadow:0 0.0625rem 0.1875rem rgb(57, 61, 121);
439
+ -moz-box-shadow:0 0.0625rem 0.1875rem rgb(57, 61, 121);
440
+ box-shadow:0 0.0625rem 0.1875rem rgb(57, 61, 121);
441
+ }
442
+ .eds-overflow-menu__item{
443
+ display:block;
444
+ width:100%;
445
+ -webkit-appearance:none;
446
+ -moz-appearance:none;
447
+ appearance:none;
448
+ padding:0.75rem;
449
+ border:none;
450
+ outline:none;
451
+ font-size:1rem;
452
+ line-height:1.375rem;
453
+ text-align:left;
454
+ -webkit-text-decoration:none;
455
+ text-decoration:none;
456
+ color:var(--components-menu-overflowmenu-text);
457
+ background:var(--components-menu-overflowmenu-fill-default);
458
+ cursor:pointer;
459
+ }
460
+ .eds-overflow-menu__item--highlighted{
461
+ background:var(--components-menu-overflowmenu-fill-hover);
462
+ }
463
+ .eds-overflow-menu__item:active{
464
+ background:var(--components-menu-overflowmenu-fill-active);
465
+ color:var(--components-menu-overflowmenu-text-active);
466
+ }
467
+ .eds-overflow-menu__item--disabled{
468
+ background:var(--components-menu-overflowmenu-fill-default);
469
+ color:var(--components-menu-overflowmenu-text-disabled);
470
+ cursor:not-allowed;
471
+ }
472
+ .eds-overflow-menu__item svg{
473
+ margin-right:0.75rem;
474
+ }.eds-pagination{
475
+ -webkit-box-align:center;
476
+ -webkit-align-items:center;
477
+ -moz-box-align:center;
478
+ align-items:center;
479
+ display:-webkit-box;
480
+ display:-webkit-flex;
481
+ display:-moz-box;
482
+ display:flex;
483
+ -webkit-flex-wrap:wrap;
484
+ flex-wrap:wrap;
485
+ row-gap:0.75rem;
486
+ -webkit-box-pack:justify;
487
+ -webkit-justify-content:space-between;
488
+ -moz-box-pack:justify;
489
+ justify-content:space-between;
490
+ }
491
+ .eds-pagination__results{
492
+ margin-right:0.5rem;
493
+ display:-webkit-box;
494
+ display:-webkit-flex;
495
+ display:-moz-box;
496
+ display:flex;
497
+ -webkit-box-flex:1;
498
+ -webkit-flex:1;
499
+ -moz-box-flex:1;
500
+ flex:1;
501
+ -webkit-box-align:center;
502
+ -webkit-align-items:center;
503
+ -moz-box-align:center;
504
+ align-items:center;
505
+ -webkit-box-pack:start;
506
+ -webkit-justify-content:flex-start;
507
+ -moz-box-pack:start;
508
+ justify-content:flex-start;
509
+ color:var(--components-menu-pagination-standard-text-subdued);
510
+ }
511
+ .eds-contrast .eds-pagination__results{
512
+ color:var(--components-menu-pagination-contrast-text-subdued);
513
+ }
514
+ .eds-pagination__results .eds-pagination__results__change-number-of-results{
515
+ border:solid 0.0625rem var(--components-menu-pagination-contrast-border-unselected);
516
+ margin:0 0.5rem;
517
+ }
518
+ .eds-pagination__results .eds-pagination__results__change-number-of-results__arrow{
519
+ margin-left:0.5rem;
520
+ }
521
+ .eds-pagination__results .eds-pagination__results__change-number-of-results[aria-expanded=true] .eds-pagination__results__change-number-of-results__arrow{
522
+ -webkit-transform:rotate(180deg);
523
+ -moz-transform:rotate(180deg);
524
+ -o-transform:rotate(180deg);
525
+ transform:rotate(180deg);
526
+ }
527
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type{
528
+ margin:0 auto;
529
+ }
530
+ .eds-pagination__controls{
531
+ -webkit-box-align:center;
532
+ -webkit-align-items:center;
533
+ -moz-box-align:center;
534
+ align-items:center;
535
+ display:-webkit-box;
536
+ display:-webkit-flex;
537
+ display:-moz-box;
538
+ display:flex;
539
+ -webkit-box-pack:center;
540
+ -webkit-justify-content:center;
541
+ -moz-box-pack:center;
542
+ justify-content:center;
543
+ }
544
+ .eds-pagination__controls__page{
545
+ -webkit-box-align:center;
546
+ -webkit-align-items:center;
547
+ -moz-box-align:center;
548
+ align-items:center;
549
+ -webkit-appearance:none;
550
+ -moz-appearance:none;
551
+ appearance:none;
552
+ background-color:var(--components-menu-pagination-standard-default);
553
+ border:0.0625rem solid var(--components-menu-pagination-standard-border-unselected);
554
+ -webkit-border-radius:0.25rem;
555
+ -moz-border-radius:0.25rem;
556
+ border-radius:0.25rem;
557
+ color:var(--components-menu-pagination-standard-text-unselected);
558
+ cursor:pointer;
559
+ display:-webkit-box;
560
+ display:-webkit-flex;
561
+ display:-moz-box;
562
+ display:flex;
563
+ font-family:inherit;
564
+ font-size:0.875rem;
565
+ height:2rem;
566
+ -webkit-box-pack:center;
567
+ -webkit-justify-content:center;
568
+ -moz-box-pack:center;
569
+ justify-content:center;
570
+ margin:0 0.125rem;
571
+ padding:0 0.25rem;
572
+ -webkit-transition:background 0.1s ease-out, border-color 0.1s ease-out;
573
+ -o-transition:background 0.1s ease-out, border-color 0.1s ease-out;
574
+ -moz-transition:background 0.1s ease-out, border-color 0.1s ease-out;
575
+ transition:background 0.1s ease-out, border-color 0.1s ease-out;
576
+ -webkit-user-select:none;
577
+ -moz-user-select:none;
578
+ -ms-user-select:none;
579
+ user-select:none;
580
+ min-width:2rem;
581
+ }
582
+ .eds-contrast .eds-pagination__controls__page{
583
+ background-color:var(--components-menu-pagination-contrast-default);
584
+ border-color:var(--components-menu-pagination-contrast-border-unselected);
585
+ color:var(--components-menu-pagination-contrast-text-unselected);
586
+ }
587
+ .eds-pagination__controls__page--selected{
588
+ background:var(--components-menu-pagination-standard-active);
589
+ border-color:var(--components-menu-pagination-standard-border-selected);
590
+ color:var(--components-menu-pagination-standard-text-selected);
591
+ opacity:1;
592
+ pointer-events:none;
593
+ }
594
+ .eds-contrast .eds-pagination__controls__page--selected{
595
+ background:var(--components-menu-pagination-contrast-active);
596
+ border-color:var(--components-menu-pagination-contrast-border-selected);
597
+ color:var(--components-menu-pagination-contrast-text-selected);
598
+ }
599
+ .eds-pagination__controls__page--disabled{
600
+ opacity:0.5;
601
+ pointer-events:none;
602
+ }
603
+ .eds-pagination__controls__page:hover{
604
+ background-color:var(--components-menu-pagination-standard-hover);
605
+ border-color:var(--components-menu-pagination-standard-border-unselected);
606
+ }
607
+ .eds-contrast .eds-pagination__controls__page:hover{
608
+ background-color:var(--components-menu-pagination-contrast-hover);
609
+ border-color:var(--components-menu-pagination-contrast-border-unselected);
610
+ }
611
+ .eds-pagination__controls__page:focus-visible{
612
+ outline:2px solid #181c56;
613
+ outline-color:var(--basecolors-stroke-focus-standard);
614
+ outline-offset:0.125rem;
615
+ }
616
+ .eds-contrast .eds-pagination__controls__page:focus-visible{
617
+ outline-color:var(--basecolors-stroke-focus-contrast);
618
+ }
619
+ .eds-pagination__controls__page__ellipsis{
620
+ color:var(--components-menu-pagination-standard-icon);
621
+ -webkit-box-align:baseline;
622
+ -webkit-align-items:baseline;
623
+ -moz-box-align:baseline;
624
+ align-items:baseline;
625
+ cursor:default;
626
+ display:-webkit-box;
627
+ display:-webkit-flex;
628
+ display:-moz-box;
629
+ display:flex;
630
+ font-size:1.5rem;
631
+ height:2rem;
632
+ -webkit-box-pack:center;
633
+ -webkit-justify-content:center;
634
+ -moz-box-pack:center;
635
+ justify-content:center;
636
+ -webkit-user-select:none;
637
+ -moz-user-select:none;
638
+ -ms-user-select:none;
639
+ user-select:none;
640
+ width:2rem;
641
+ margin:0 2px;
642
+ }
643
+ .eds-contrast .eds-pagination__controls__page__ellipsis{
644
+ color:var(--components-menu-pagination-contrast-icon);
645
+ }
646
+ .eds-pagination__controls__input__wrapper{
647
+ white-space:nowrap;
648
+ }
649
+ .eds-pagination__controls__input__label{
650
+ border-left:0.0625rem solid var(--components-menu-pagination-standard-border-unselected);
651
+ color:var(--components-menu-pagination-standard-text-subdued);
652
+ font-size:0.875rem;
653
+ margin-left:0.5rem;
654
+ padding:0 1rem;
655
+ }
656
+ .eds-contrast .eds-pagination__controls__input__label{
657
+ border-color:var(--components-menu-pagination-contrast-border-unselected);
658
+ color:var(--components-menu-pagination-contrast-text-subdued);
659
+ }
660
+ .eds-pagination__controls__input__field{
661
+ -webkit-appearance:none;
662
+ -moz-appearance:none;
663
+ appearance:none;
664
+ background-color:var(--components-menu-pagination-standard-default);
665
+ border:0.0625rem solid var(--components-menu-pagination-standard-border-unselected);
666
+ -webkit-border-radius:0.25rem;
667
+ -moz-border-radius:0.25rem;
668
+ border-radius:0.25rem;
669
+ color:var(--components-menu-pagination-standard-text-unselected);
670
+ font-family:inherit;
671
+ font-size:0.875rem;
672
+ height:2rem;
673
+ text-align:center;
674
+ width:2rem;
675
+ }
676
+ .eds-contrast .eds-pagination__controls__input__field{
677
+ background-color:var(--components-menu-pagination-contrast-default);
678
+ border-color:var(--components-menu-pagination-contrast-border-unselected);
679
+ color:var(--components-menu-pagination-contrast-text-unselected);
680
+ }
681
+ .eds-pagination__controls__input__field::-webkit-inner-spin-button, .eds-pagination__controls__input__field::-webkit-outer-spin-button{
682
+ -webkit-appearance:none;
683
+ appearance:none;
684
+ margin:0;
685
+ }
686
+ .eds-pagination__controls__input__field:focus-visible{
687
+ outline:2px solid #181c56;
688
+ outline-color:var(--basecolors-stroke-focus-standard);
689
+ outline-offset:0.125rem;
690
+ }
691
+ .eds-contrast .eds-pagination__controls__input__field:focus-visible{
692
+ outline-color:var(--basecolors-stroke-focus-contrast);
693
+ }.eds-side-navigation,
694
+ .eds-side-navigation-group{
695
+ color:var(--components-menu-sidenavigation-standard-text);
592
696
  }
593
697
  .eds-contrast .eds-side-navigation,
594
- .eds-contrast .eds-side-navigation-group {
595
- color: var(--components-menu-sidenavigation-contrast-text);
698
+ .eds-contrast .eds-side-navigation-group{
699
+ color:var(--components-menu-sidenavigation-contrast-text);
596
700
  }
597
701
 
598
- .eds-side-navigation__click-target svg {
599
- margin-right: 1rem;
600
- color: var(--components-menu-sidenavigation-standard-icon);
601
- display: inline-flex;
602
- align-self: center;
603
- position: relative;
604
- top: 0.075em;
605
- }
606
- .eds-contrast .eds-side-navigation__click-target svg {
607
- color: var(--components-menu-sidenavigation-contrast-icon);
702
+ .eds-side-navigation__click-target svg{
703
+ margin-right:1rem;
704
+ color:var(--components-menu-sidenavigation-standard-icon);
705
+ display:-webkit-inline-box;
706
+ display:-webkit-inline-flex;
707
+ display:-moz-inline-box;
708
+ display:inline-flex;
709
+ -webkit-align-self:center;
710
+ align-self:center;
711
+ position:relative;
712
+ top:0.075em;
713
+ }
714
+ .eds-contrast .eds-side-navigation__click-target svg{
715
+ color:var(--components-menu-sidenavigation-contrast-icon);
608
716
  }
609
717
 
610
- .eds-side-navigation__click-target[disabled] svg {
611
- color: var(--components-menu-sidenavigation-standard-icon-disabled);
718
+ .eds-side-navigation__click-target[disabled] svg{
719
+ color:var(--components-menu-sidenavigation-standard-icon-disabled);
612
720
  }
613
- .eds-contrast .eds-side-navigation__click-target[disabled] svg {
614
- color: var(--components-menu-sidenavigation-contrast-icon-disabled);
721
+ .eds-contrast .eds-side-navigation__click-target[disabled] svg{
722
+ color:var(--components-menu-sidenavigation-contrast-icon-disabled);
615
723
  }
616
724
 
617
- .eds-side-navigation {
618
- --padding-vertical: 1rem;
619
- --padding-horizontal: 2.5rem;
620
- background-color: var(--components-menu-sidenavigation-standard-background);
621
- color: var(--components-menu-sidenavigation-standard-text);
622
- padding: 0;
623
- margin: 0;
624
- list-style: none;
625
- position: relative;
626
- transition: max-width ease-in-out 0.2s;
627
- }
628
- .eds-contrast .eds-side-navigation {
629
- background-color: var(--components-menu-sidenavigation-contrast-background);
630
- color: var(--components-menu-sidenavigation-contrast-text);
631
- }
632
- .eds-side-navigation__collapse-button {
633
- position: absolute;
634
- right: -0.75rem;
635
- height: 1.5rem;
636
- width: 1.5rem;
637
- border-radius: 50%;
638
- border: none;
639
- cursor: pointer;
640
- background-color: var(--components-menu-sidenavigation-standard-background);
641
- color: var(--components-menu-sidenavigation-standard-text);
642
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
643
- padding: 0;
644
- display: flex;
645
- align-items: center;
646
- justify-content: center;
647
- z-index: 10;
648
- }
649
- .eds-contrast .eds-side-navigation__collapse-button {
650
- background-color: var(--components-menu-sidenavigation-contrast-background);
651
- color: var(--components-menu-sidenavigation-contast-text);
652
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
653
- }
654
- .eds-side-navigation__collapse-button svg {
655
- margin: 0;
656
- top: 0;
657
- color: var(--components-menu-sidenavigation-standard-icon);
658
- }
659
- .eds-contrast .eds-side-navigation__collapse-button svg {
660
- color: var(--components-menu-sidenavigation-contrast-icon);
661
- }
662
- .eds-side-navigation__collapse-button:focus-visible {
663
- outline: 2px solid #181c56;
664
- outline-color: var(--basecolors-stroke-focus-standard);
665
- outline-offset: 0.125rem;
666
- }
667
- .eds-contrast .eds-side-navigation__collapse-button:focus-visible {
668
- outline-color: var(--basecolors-stroke-focus-contrast);
669
- }
670
- @media screen and (min-width: 50rem) {
671
- .eds-side-navigation {
672
- max-width: 26rem;
725
+ .eds-side-navigation{
726
+ --padding-vertical:1rem;
727
+ --padding-horizontal:2.5rem;
728
+ background-color:var(--components-menu-sidenavigation-standard-background);
729
+ color:var(--components-menu-sidenavigation-standard-text);
730
+ padding:0;
731
+ margin:0;
732
+ list-style:none;
733
+ position:relative;
734
+ -webkit-transition:max-width ease-in-out 0.2s;
735
+ -o-transition:max-width ease-in-out 0.2s;
736
+ -moz-transition:max-width ease-in-out 0.2s;
737
+ transition:max-width ease-in-out 0.2s;
738
+ }
739
+ .eds-contrast .eds-side-navigation{
740
+ background-color:var(--components-menu-sidenavigation-contrast-background);
741
+ color:var(--components-menu-sidenavigation-contrast-text);
742
+ }
743
+ .eds-side-navigation__collapse-button{
744
+ position:absolute;
745
+ right:-0.75rem;
746
+ height:1.5rem;
747
+ width:1.5rem;
748
+ -webkit-border-radius:50%;
749
+ -moz-border-radius:50%;
750
+ border-radius:50%;
751
+ border:none;
752
+ cursor:pointer;
753
+ background-color:var(--components-menu-sidenavigation-standard-background);
754
+ color:var(--components-menu-sidenavigation-standard-text);
755
+ -webkit-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
756
+ -moz-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
757
+ box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
758
+ padding:0;
759
+ display:-webkit-box;
760
+ display:-webkit-flex;
761
+ display:-moz-box;
762
+ display:flex;
763
+ -webkit-box-align:center;
764
+ -webkit-align-items:center;
765
+ -moz-box-align:center;
766
+ align-items:center;
767
+ -webkit-box-pack:center;
768
+ -webkit-justify-content:center;
769
+ -moz-box-pack:center;
770
+ justify-content:center;
771
+ z-index:10;
772
+ }
773
+ .eds-contrast .eds-side-navigation__collapse-button{
774
+ background-color:var(--components-menu-sidenavigation-contrast-background);
775
+ color:var(--components-menu-sidenavigation-contast-text);
776
+ -webkit-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
777
+ -moz-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
778
+ box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
779
+ }
780
+ .eds-side-navigation__collapse-button svg{
781
+ margin:0;
782
+ top:0;
783
+ color:var(--components-menu-sidenavigation-standard-icon);
784
+ }
785
+ .eds-contrast .eds-side-navigation__collapse-button svg{
786
+ color:var(--components-menu-sidenavigation-contrast-icon);
787
+ }
788
+ .eds-side-navigation__collapse-button:focus-visible{
789
+ outline:2px solid #181c56;
790
+ outline-color:var(--basecolors-stroke-focus-standard);
791
+ outline-offset:0.125rem;
792
+ }
793
+ .eds-contrast .eds-side-navigation__collapse-button:focus-visible{
794
+ outline-color:var(--basecolors-stroke-focus-contrast);
795
+ }
796
+ @media screen and (min-width: 50rem){
797
+ .eds-side-navigation{
798
+ max-width:26rem;
673
799
  }
674
800
  }
675
- .eds-side-navigation--small {
676
- --padding-vertical: calc(0.5rem + 0.1875rem);
801
+ .eds-side-navigation--small{
802
+ --padding-vertical:-webkit-calc(0.5rem + 0.1875rem);
803
+ --padding-vertical:-moz-calc(0.5rem + 0.1875rem);
804
+ --padding-vertical:calc(0.5rem + 0.1875rem);
677
805
  }
678
- .eds-side-navigation .eds-side-navigation {
679
- background-color: var(--components-menu-sidenavigation-standard-background);
806
+ .eds-side-navigation .eds-side-navigation{
807
+ background-color:var(--components-menu-sidenavigation-standard-background);
680
808
  }
681
- .eds-contrast .eds-side-navigation .eds-side-navigation {
682
- background-color: var(--components-menu-sidenavigation-contrast-background);
809
+ .eds-contrast .eds-side-navigation .eds-side-navigation{
810
+ background-color:var(--components-menu-sidenavigation-contrast-background);
683
811
  }
684
- .eds-side-navigation--collapsed {
685
- max-width: 80px;
812
+ .eds-side-navigation--collapsed{
813
+ max-width:80px;
686
814
  }
687
815
 
688
- .eds-side-navigation .eds-side-navigation .eds-side-navigation__click-target {
689
- padding-left: 3.5rem;
690
- box-shadow: none;
816
+ .eds-side-navigation .eds-side-navigation .eds-side-navigation__click-target{
817
+ padding-left:3.5rem;
818
+ -webkit-box-shadow:none;
819
+ -moz-box-shadow:none;
820
+ box-shadow:none;
691
821
  }
692
- .eds-side-navigation .eds-side-navigation .eds-side-navigation__click-target--active {
693
- background-color: var(--components-menu-sidenavigation-standard-fill-active);
822
+ .eds-side-navigation .eds-side-navigation .eds-side-navigation__click-target--active{
823
+ background-color:var(--components-menu-sidenavigation-standard-fill-active);
694
824
  }
695
- .eds-contrast .eds-side-navigation .eds-side-navigation .eds-side-navigation__click-target--active {
696
- background-color: var(--components-menu-sidenavigation-contrast-fill-active);
825
+ .eds-contrast .eds-side-navigation .eds-side-navigation .eds-side-navigation__click-target--active{
826
+ background-color:var(--components-menu-sidenavigation-contrast-fill-active);
697
827
  }
698
828
 
699
- .eds-side-navigation__click-target {
700
- appearance: none;
701
- background: none;
702
- border: 0;
703
- border-bottom: 0.0625rem solid var(--components-menu-sidenavigation-standard-divide);
704
- border-radius: 0;
705
- color: var(--components-menu-sidenavigation-standard-text);
706
- cursor: pointer;
707
- display: block;
708
- font-size: 1rem;
709
- font-family: inherit;
710
- font-weight: 500;
711
- line-height: inherit;
712
- padding: var(--padding-vertical) 2.5rem;
713
- padding-left: 2.5rem;
714
- transition: padding 0.2s ease-in-out;
715
- text-align: left;
716
- text-decoration: none;
717
- width: 100%;
718
- }
719
- .eds-contrast .eds-side-navigation__click-target {
720
- color: var(--components-menu-sidenavigation-contrast-text);
721
- border-color: var(--components-menu-sidenavigation-contrast-divide);
722
- }
723
- .eds-side-navigation--collapsed .eds-side-navigation__click-target {
724
- padding-left: 2rem;
725
- }
726
- .eds-side-navigation__click-target--active {
727
- box-shadow: inset 0.25rem 0 0 var(--components-menu-sidenavigation-standard-stroke-selected);
728
- font-weight: 600;
729
- }
730
- .eds-contrast .eds-side-navigation__click-target--active {
731
- box-shadow: inset 0.25rem 0 0 var(--components-menu-sidenavigation-contrast-stroke-selected);
732
- }
733
- .eds-side-navigation__click-target[disabled] {
734
- cursor: not-allowed;
735
- color: var(--components-menu-sidenavigation-standard-text-disabled);
736
- }
737
- .eds-contrast .eds-side-navigation__click-target[disabled] {
738
- color: var(--components-menu-sidenavigation-contrast-text-disabled);
739
- }
740
- .eds-side-navigation__click-target:not([disabled]):hover {
741
- background-color: var(--components-menu-sidenavigation-standard-fill-hover);
742
- }
743
- .eds-contrast .eds-side-navigation__click-target:not([disabled]):hover {
744
- background-color: var(--components-menu-sidenavigation-contrast-fill-hover);
745
- }
746
- .eds-side-navigation__click-target:not([disabled]):focus-visible {
747
- outline: 2px solid #181c56;
748
- outline-color: var(--basecolors-stroke-focus-standard);
749
- outline-offset: 0.125rem;
750
- }
751
- .eds-contrast .eds-side-navigation__click-target:not([disabled]):focus-visible {
752
- outline-color: var(--basecolors-stroke-focus-contrast);
829
+ .eds-side-navigation__click-target{
830
+ -webkit-appearance:none;
831
+ -moz-appearance:none;
832
+ appearance:none;
833
+ background:none;
834
+ border:0;
835
+ border-bottom:0.0625rem solid var(--components-menu-sidenavigation-standard-divide);
836
+ -webkit-border-radius:0;
837
+ -moz-border-radius:0;
838
+ border-radius:0;
839
+ color:var(--components-menu-sidenavigation-standard-text);
840
+ cursor:pointer;
841
+ display:block;
842
+ font-size:1rem;
843
+ font-family:inherit;
844
+ font-weight:500;
845
+ line-height:inherit;
846
+ padding:var(--padding-vertical) 2.5rem;
847
+ padding-left:2.5rem;
848
+ -webkit-transition:padding 0.2s ease-in-out;
849
+ -o-transition:padding 0.2s ease-in-out;
850
+ -moz-transition:padding 0.2s ease-in-out;
851
+ transition:padding 0.2s ease-in-out;
852
+ text-align:left;
853
+ -webkit-text-decoration:none;
854
+ text-decoration:none;
855
+ width:100%;
856
+ }
857
+ .eds-contrast .eds-side-navigation__click-target{
858
+ color:var(--components-menu-sidenavigation-contrast-text);
859
+ border-color:var(--components-menu-sidenavigation-contrast-divide);
860
+ }
861
+ .eds-side-navigation--collapsed .eds-side-navigation__click-target{
862
+ padding-left:2rem;
863
+ }
864
+ .eds-side-navigation__click-target--active{
865
+ -webkit-box-shadow:inset 0.25rem 0 0 var(--components-menu-sidenavigation-standard-stroke-selected);
866
+ -moz-box-shadow:inset 0.25rem 0 0 var(--components-menu-sidenavigation-standard-stroke-selected);
867
+ box-shadow:inset 0.25rem 0 0 var(--components-menu-sidenavigation-standard-stroke-selected);
868
+ font-weight:600;
869
+ }
870
+ .eds-contrast .eds-side-navigation__click-target--active{
871
+ -webkit-box-shadow:inset 0.25rem 0 0 var(--components-menu-sidenavigation-contrast-stroke-selected);
872
+ -moz-box-shadow:inset 0.25rem 0 0 var(--components-menu-sidenavigation-contrast-stroke-selected);
873
+ box-shadow:inset 0.25rem 0 0 var(--components-menu-sidenavigation-contrast-stroke-selected);
874
+ }
875
+ .eds-side-navigation__click-target[disabled]{
876
+ cursor:not-allowed;
877
+ color:var(--components-menu-sidenavigation-standard-text-disabled);
878
+ }
879
+ .eds-contrast .eds-side-navigation__click-target[disabled]{
880
+ color:var(--components-menu-sidenavigation-contrast-text-disabled);
881
+ }
882
+ .eds-side-navigation__click-target:not([disabled]):hover{
883
+ background-color:var(--components-menu-sidenavigation-standard-fill-hover);
884
+ }
885
+ .eds-contrast .eds-side-navigation__click-target:not([disabled]):hover{
886
+ background-color:var(--components-menu-sidenavigation-contrast-fill-hover);
887
+ }
888
+ .eds-side-navigation__click-target:not([disabled]):focus-visible{
889
+ outline:2px solid #181c56;
890
+ outline-color:var(--basecolors-stroke-focus-standard);
891
+ outline-offset:0.125rem;
892
+ }
893
+ .eds-contrast .eds-side-navigation__click-target:not([disabled]):focus-visible{
894
+ outline-color:var(--basecolors-stroke-focus-contrast);
753
895
  }
754
896
 
755
- .eds-side-navigation-group + .eds-side-navigation-group {
756
- padding-top: 0.5rem;
897
+ .eds-side-navigation-group + .eds-side-navigation-group{
898
+ padding-top:0.5rem;
757
899
  }
758
- @media screen and (min-width: 50rem) {
759
- .eds-side-navigation-group {
760
- max-width: 26rem;
900
+ @media screen and (min-width: 50rem){
901
+ .eds-side-navigation-group{
902
+ max-width:26rem;
761
903
  }
762
904
  }
763
905
 
764
- .eds-side-navigation-group__trigger {
765
- align-items: center;
766
- appearance: none;
767
- background-color: var(--components-menu-sidenavigation-standard-background);
768
- border: none;
769
- border-bottom: 0.0625rem solid var(--components-menu-sidenavigation-standard-divide);
770
- color: var(--components-menu-sidenavigation-standard-label);
771
- cursor: pointer;
772
- display: flex;
773
- font-size: 0.875rem;
774
- font-family: inherit;
775
- font-weight: 500;
776
- height: 3rem;
777
- justify-content: space-between;
778
- letter-spacing: 1px;
779
- line-height: 1.25rem;
780
- padding: 0.75rem 0 0.75rem 2.5rem;
781
- margin: 0;
782
- text-transform: uppercase;
783
- transition: padding 0.2s ease-in-out;
784
- width: 100%;
785
- }
786
- .eds-contrast .eds-side-navigation-group__trigger {
787
- color: var(--components-menu-sidenavigation-contrast-label);
788
- background-color: var(--components-menu-sidenavigation-contrast-background);
789
- border-color: var(--components-menu-sidenavigation-contrast-divide);
790
- }
791
- .eds-side-navigation-group__trigger-icon {
792
- margin-right: 0.75rem;
793
- }
794
- .eds-side-navigation-group__trigger .eds-side-navigation-group__expand-icon {
795
- margin-right: 2.5rem;
796
- color: var(--components-menu-sidenavigation-standard-icon-label);
797
- }
798
- .eds-contrast .eds-side-navigation-group__trigger .eds-side-navigation-group__expand-icon {
799
- color: var(--components-menu-sidenavigation-contrast-icon-label);
800
- }
801
- .eds-side-navigation--collapsed .eds-side-navigation-group__trigger {
802
- padding-left: 2rem;
803
- }
804
- .eds-side-navigation-group__trigger:focus-visible {
805
- outline: 2px solid #181c56;
806
- outline-color: var(--basecolors-stroke-focus-standard);
807
- outline-offset: 0.125rem;
808
- }
809
- .eds-contrast .eds-side-navigation-group__trigger:focus-visible {
810
- outline-color: var(--basecolors-stroke-focus-contrast);
811
- }/* DO NOT CHANGE!*/
812
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
813
- .eds-stepper {
814
- --text-color: var(--components-menu-stepper-standard-text-uncompleted);
815
- --line-color: var(--components-menu-stepper-standard-background);
816
- --label-font-weight: 500;
817
- --display-active-line: none;
818
- display: flex;
819
- flex-direction: row;
820
- width: 100%;
821
- list-style-type: none;
822
- }
823
- .eds-stepper__step {
824
- display: flex;
825
- flex-grow: 1;
826
- flex-basis: 0;
827
- flex-direction: column;
828
- align-items: inherit;
829
- appearance: none;
830
- background: none;
831
- border: none;
832
- font-family: inherit;
833
- text-transform: none;
834
- }
835
- .eds-stepper__step:focus-visible .eds-stepper__step__label {
836
- outline-offset: 0.125rem;
837
- outline: 2px solid #181c56;
838
- }
839
- .eds-contrast .eds-stepper__step:focus-visible .eds-stepper__step__label {
840
- outline: 2px solid #ffffff;
841
- }
842
- .eds-contrast .eds-stepper__step {
843
- --text-color: var(--components-menu-stepper-contrast-text-uncompleted);
844
- --line-color: var(--components-menu-stepper-contrast-background);
845
- }
846
- .eds-stepper__step__wrapper {
847
- flex-grow: 1;
848
- }
849
- .eds-stepper__step--interactive {
850
- all: unset;
851
- display: flex;
852
- flex-direction: column;
853
- width: 100%;
854
- cursor: pointer;
855
- }
856
- .eds-stepper__step--active {
857
- --text-color: var(--components-menu-stepper-standard-text-uncompleted);
858
- --label-font-weight: 600;
859
- --display-active-line: block;
860
- }
861
- .eds-contrast .eds-stepper__step--active {
862
- --text-color: var(--components-menu-stepper-contrast-text-uncompleted);
863
- }
864
- .eds-stepper__step--completed {
865
- --text-color: var(--components-menu-stepper-standard-text-completed);
866
- --line-color: var(--components-menu-stepper-standard-progressbar);
867
- }
868
- .eds-contrast .eds-stepper__step--completed {
869
- --text-color: var(--components-menu-stepper-contrast-text-completed);
870
- --line-color: var(--components-menu-stepper-contrast-progressbar);
871
- }
872
- .eds-stepper__step__label {
873
- flex-grow: 1;
874
- flex-direction: column;
875
- align-self: center;
876
- text-align: center;
877
- font-size: 0.875rem;
878
- margin: 0.5rem 0 0;
879
- padding: 0 0.5rem;
880
- width: fit-content;
881
- border-radius: 0.0625rem;
882
- color: var(--text-color);
883
- font-weight: var(--label-font-weight);
884
- }
885
- .eds-stepper__step--interactive:hover .eds-stepper__step__label {
886
- background-color: var(--components-menu-stepper-standard-background);
887
- color: var(--components-menu-stepper-standard-text-completed);
888
- }
889
- .eds-contrast .eds-stepper__step--interactive:hover .eds-stepper__step__label {
890
- background-color: var(--components-menu-stepper-contrast-background);
891
- color: var(--components-menu-stepper-contrast-text-completed);
892
- }
893
- .eds-stepper__step__line {
894
- height: 0.5rem;
895
- background: var(--line-color);
896
- position: relative;
897
- }
898
- .eds-stepper__step__line:before {
899
- display: var(--display-active-line);
900
- content: "";
901
- position: absolute;
902
- right: calc(50% - 0.2rem);
903
- bottom: 0.0625rem;
904
- border-radius: 0.0625rem;
905
- background: var(--components-menu-stepper-standard-progressbar);
906
- width: calc(0.5rem - 0.125rem - 0.01rem);
907
- height: calc(0.5rem - 0.125rem - 0.01rem);
908
- transform: rotate(45deg);
909
- }
910
- .eds-contrast .eds-stepper__step__line:before {
911
- background: var(--components-menu-stepper-contrast-progressbar);
912
- }
913
- .eds-stepper__step__line:after {
914
- display: var(--display-active-line);
915
- content: "";
916
- position: absolute;
917
- left: 0;
918
- bottom: 0;
919
- width: 50%;
920
- height: 0.5rem;
921
- background: var(--components-menu-stepper-standard-progressbar);
922
- }
923
- .eds-contrast .eds-stepper__step__line:after {
924
- background: var(--components-menu-stepper-contrast-progressbar);
925
- }/* DO NOT CHANGE!*/
926
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
927
- .eds-top-navigation-item {
928
- --show-active-line: 0;
929
- display: inline-block;
930
- cursor: pointer;
931
- color: var(--components-menu-navigationbar-standard-text-unselected);
932
- text-decoration: none;
933
- position: relative;
934
- padding: 1rem;
935
- min-width: 5rem;
936
- width: fit-content;
937
- text-align: center;
938
- font-family: inherit;
939
- font-size: 1rem;
940
- font-weight: 600;
941
- }
942
- .eds-top-navigation-item::after {
943
- content: "";
944
- display: block;
945
- bottom: 1rem;
946
- height: 0.1875rem;
947
- width: 0;
948
- margin: 0 auto;
949
- opacity: var(--show-active-line);
950
- background: var(--components-menu-navigationbar-standard-stroke-selected);
951
- transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
952
- }
953
- .eds-contrast .eds-top-navigation-item {
954
- color: var(--components-menu-navigationbar-contrast-text-unselected);
955
- }
956
- .eds-top-navigation-item:focus-visible {
957
- outline: 2px solid #181c56;
958
- outline-color: var(--basecolors-stroke-focus-standard);
959
- outline-offset: 0.125rem;
960
- }
961
- .eds-contrast .eds-top-navigation-item:focus-visible {
962
- outline-color: var(--basecolors-stroke-focus-contrast);
963
- }
964
- .eds-top-navigation-item:hover {
965
- --show-active-line: 1;
966
- }
967
- .eds-top-navigation-item:hover::after {
968
- width: 2rem;
969
- }
970
- .eds-top-navigation-item--active {
971
- color: var(--components-menu-navigationbar-standard-text-selected);
972
- --show-active-line: 1;
973
- }
974
- .eds-top-navigation-item--active::after {
975
- width: 2rem;
976
- }
977
- .eds-contrast .eds-top-navigation-item--active {
978
- color: var(--components-menu-navigationbar-contrast-text-selected);
906
+ .eds-side-navigation-group__trigger{
907
+ -webkit-box-align:center;
908
+ -webkit-align-items:center;
909
+ -moz-box-align:center;
910
+ align-items:center;
911
+ -webkit-appearance:none;
912
+ -moz-appearance:none;
913
+ appearance:none;
914
+ background-color:var(--components-menu-sidenavigation-standard-background);
915
+ border:none;
916
+ border-bottom:0.0625rem solid var(--components-menu-sidenavigation-standard-divide);
917
+ color:var(--components-menu-sidenavigation-standard-label);
918
+ cursor:pointer;
919
+ display:-webkit-box;
920
+ display:-webkit-flex;
921
+ display:-moz-box;
922
+ display:flex;
923
+ font-size:0.875rem;
924
+ font-family:inherit;
925
+ font-weight:500;
926
+ height:3rem;
927
+ -webkit-box-pack:justify;
928
+ -webkit-justify-content:space-between;
929
+ -moz-box-pack:justify;
930
+ justify-content:space-between;
931
+ letter-spacing:1px;
932
+ line-height:1.25rem;
933
+ padding:0.75rem 0 0.75rem 2.5rem;
934
+ margin:0;
935
+ text-transform:uppercase;
936
+ -webkit-transition:padding 0.2s ease-in-out;
937
+ -o-transition:padding 0.2s ease-in-out;
938
+ -moz-transition:padding 0.2s ease-in-out;
939
+ transition:padding 0.2s ease-in-out;
940
+ width:100%;
941
+ }
942
+ .eds-contrast .eds-side-navigation-group__trigger{
943
+ color:var(--components-menu-sidenavigation-contrast-label);
944
+ background-color:var(--components-menu-sidenavigation-contrast-background);
945
+ border-color:var(--components-menu-sidenavigation-contrast-divide);
946
+ }
947
+ .eds-side-navigation-group__trigger-icon{
948
+ margin-right:0.75rem;
949
+ }
950
+ .eds-side-navigation-group__trigger .eds-side-navigation-group__expand-icon{
951
+ margin-right:2.5rem;
952
+ color:var(--components-menu-sidenavigation-standard-icon-label);
953
+ }
954
+ .eds-contrast .eds-side-navigation-group__trigger .eds-side-navigation-group__expand-icon{
955
+ color:var(--components-menu-sidenavigation-contrast-icon-label);
956
+ }
957
+ .eds-side-navigation--collapsed .eds-side-navigation-group__trigger{
958
+ padding-left:2rem;
959
+ }
960
+ .eds-side-navigation-group__trigger:focus-visible{
961
+ outline:2px solid #181c56;
962
+ outline-color:var(--basecolors-stroke-focus-standard);
963
+ outline-offset:0.125rem;
964
+ }
965
+ .eds-contrast .eds-side-navigation-group__trigger:focus-visible{
966
+ outline-color:var(--basecolors-stroke-focus-contrast);
967
+ }.eds-stepper{
968
+ --text-color:var(--components-menu-stepper-standard-text-uncompleted);
969
+ --line-color:var(--components-menu-stepper-standard-background);
970
+ --label-font-weight:500;
971
+ --display-active-line:none;
972
+ display:-webkit-box;
973
+ display:-webkit-flex;
974
+ display:-moz-box;
975
+ display:flex;
976
+ -webkit-box-orient:horizontal;
977
+ -webkit-box-direction:normal;
978
+ -webkit-flex-direction:row;
979
+ -moz-box-orient:horizontal;
980
+ -moz-box-direction:normal;
981
+ flex-direction:row;
982
+ width:100%;
983
+ list-style-type:none;
984
+ }
985
+ .eds-stepper__step{
986
+ display:-webkit-box;
987
+ display:-webkit-flex;
988
+ display:-moz-box;
989
+ display:flex;
990
+ -webkit-box-flex:1;
991
+ -webkit-flex-grow:1;
992
+ -moz-box-flex:1;
993
+ flex-grow:1;
994
+ -webkit-flex-basis:0;
995
+ flex-basis:0;
996
+ -webkit-box-orient:vertical;
997
+ -webkit-box-direction:normal;
998
+ -webkit-flex-direction:column;
999
+ -moz-box-orient:vertical;
1000
+ -moz-box-direction:normal;
1001
+ flex-direction:column;
1002
+ -webkit-box-align:inherit;
1003
+ -webkit-align-items:inherit;
1004
+ -moz-box-align:inherit;
1005
+ align-items:inherit;
1006
+ -webkit-appearance:none;
1007
+ -moz-appearance:none;
1008
+ appearance:none;
1009
+ background:none;
1010
+ border:none;
1011
+ font-family:inherit;
1012
+ text-transform:none;
1013
+ }
1014
+ .eds-stepper__step:focus-visible .eds-stepper__step__label{
1015
+ outline-offset:0.125rem;
1016
+ outline:2px solid #181c56;
1017
+ }
1018
+ .eds-contrast .eds-stepper__step:focus-visible .eds-stepper__step__label{
1019
+ outline:2px solid #ffffff;
1020
+ }
1021
+ .eds-contrast .eds-stepper__step{
1022
+ --text-color:var(--components-menu-stepper-contrast-text-uncompleted);
1023
+ --line-color:var(--components-menu-stepper-contrast-background);
1024
+ }
1025
+ .eds-stepper__step__wrapper{
1026
+ -webkit-box-flex:1;
1027
+ -webkit-flex-grow:1;
1028
+ -moz-box-flex:1;
1029
+ flex-grow:1;
1030
+ }
1031
+ .eds-stepper__step--interactive{
1032
+ all:unset;
1033
+ display:-webkit-box;
1034
+ display:-webkit-flex;
1035
+ display:-moz-box;
1036
+ display:flex;
1037
+ -webkit-box-orient:vertical;
1038
+ -webkit-box-direction:normal;
1039
+ -webkit-flex-direction:column;
1040
+ -moz-box-orient:vertical;
1041
+ -moz-box-direction:normal;
1042
+ flex-direction:column;
1043
+ width:100%;
1044
+ cursor:pointer;
1045
+ }
1046
+ .eds-stepper__step--active{
1047
+ --text-color:var(--components-menu-stepper-standard-text-uncompleted);
1048
+ --label-font-weight:600;
1049
+ --display-active-line:block;
1050
+ }
1051
+ .eds-contrast .eds-stepper__step--active{
1052
+ --text-color:var(--components-menu-stepper-contrast-text-uncompleted);
1053
+ }
1054
+ .eds-stepper__step--completed{
1055
+ --text-color:var(--components-menu-stepper-standard-text-completed);
1056
+ --line-color:var(--components-menu-stepper-standard-progressbar);
1057
+ }
1058
+ .eds-contrast .eds-stepper__step--completed{
1059
+ --text-color:var(--components-menu-stepper-contrast-text-completed);
1060
+ --line-color:var(--components-menu-stepper-contrast-progressbar);
1061
+ }
1062
+ .eds-stepper__step__label{
1063
+ -webkit-box-flex:1;
1064
+ -webkit-flex-grow:1;
1065
+ -moz-box-flex:1;
1066
+ flex-grow:1;
1067
+ -webkit-box-orient:vertical;
1068
+ -webkit-box-direction:normal;
1069
+ -webkit-flex-direction:column;
1070
+ -moz-box-orient:vertical;
1071
+ -moz-box-direction:normal;
1072
+ flex-direction:column;
1073
+ -webkit-align-self:center;
1074
+ align-self:center;
1075
+ text-align:center;
1076
+ font-size:0.875rem;
1077
+ margin:0.5rem 0 0;
1078
+ padding:0 0.5rem;
1079
+ width:-webkit-fit-content;
1080
+ width:-moz-fit-content;
1081
+ width:fit-content;
1082
+ -webkit-border-radius:0.0625rem;
1083
+ -moz-border-radius:0.0625rem;
1084
+ border-radius:0.0625rem;
1085
+ color:var(--text-color);
1086
+ font-weight:var(--label-font-weight);
1087
+ }
1088
+ .eds-stepper__step--interactive:hover .eds-stepper__step__label{
1089
+ background-color:var(--components-menu-stepper-standard-background);
1090
+ color:var(--components-menu-stepper-standard-text-completed);
1091
+ }
1092
+ .eds-contrast .eds-stepper__step--interactive:hover .eds-stepper__step__label{
1093
+ background-color:var(--components-menu-stepper-contrast-background);
1094
+ color:var(--components-menu-stepper-contrast-text-completed);
1095
+ }
1096
+ .eds-stepper__step__line{
1097
+ height:0.5rem;
1098
+ background:var(--line-color);
1099
+ position:relative;
1100
+ }
1101
+ .eds-stepper__step__line:before{
1102
+ display:var(--display-active-line);
1103
+ content:"";
1104
+ position:absolute;
1105
+ right:-webkit-calc(50% - 0.2rem);
1106
+ right:-moz-calc(50% - 0.2rem);
1107
+ right:calc(50% - 0.2rem);
1108
+ bottom:0.0625rem;
1109
+ -webkit-border-radius:0.0625rem;
1110
+ -moz-border-radius:0.0625rem;
1111
+ border-radius:0.0625rem;
1112
+ background:var(--components-menu-stepper-standard-progressbar);
1113
+ width:-webkit-calc(0.5rem - 0.125rem - 0.01rem);
1114
+ width:-moz-calc(0.5rem - 0.125rem - 0.01rem);
1115
+ width:calc(0.5rem - 0.125rem - 0.01rem);
1116
+ height:-webkit-calc(0.5rem - 0.125rem - 0.01rem);
1117
+ height:-moz-calc(0.5rem - 0.125rem - 0.01rem);
1118
+ height:calc(0.5rem - 0.125rem - 0.01rem);
1119
+ -webkit-transform:rotate(45deg);
1120
+ -moz-transform:rotate(45deg);
1121
+ -o-transform:rotate(45deg);
1122
+ transform:rotate(45deg);
1123
+ }
1124
+ .eds-contrast .eds-stepper__step__line:before{
1125
+ background:var(--components-menu-stepper-contrast-progressbar);
1126
+ }
1127
+ .eds-stepper__step__line:after{
1128
+ display:var(--display-active-line);
1129
+ content:"";
1130
+ position:absolute;
1131
+ left:0;
1132
+ bottom:0;
1133
+ width:50%;
1134
+ height:0.5rem;
1135
+ background:var(--components-menu-stepper-standard-progressbar);
1136
+ }
1137
+ .eds-contrast .eds-stepper__step__line:after{
1138
+ background:var(--components-menu-stepper-contrast-progressbar);
1139
+ }.eds-top-navigation-item{
1140
+ --show-active-line:0;
1141
+ display:inline-block;
1142
+ cursor:pointer;
1143
+ color:var(--components-menu-navigationbar-standard-text-unselected);
1144
+ -webkit-text-decoration:none;
1145
+ text-decoration:none;
1146
+ position:relative;
1147
+ padding:1rem;
1148
+ min-width:5rem;
1149
+ width:-webkit-fit-content;
1150
+ width:-moz-fit-content;
1151
+ width:fit-content;
1152
+ text-align:center;
1153
+ font-family:inherit;
1154
+ font-size:1rem;
1155
+ font-weight:600;
1156
+ }
1157
+ .eds-top-navigation-item::after{
1158
+ content:"";
1159
+ display:block;
1160
+ bottom:1rem;
1161
+ height:0.1875rem;
1162
+ width:0;
1163
+ margin:0 auto;
1164
+ opacity:var(--show-active-line);
1165
+ background:var(--components-menu-navigationbar-standard-stroke-selected);
1166
+ -webkit-transition:width ease-in-out 0.2s, opacity ease-in-out 0.2s;
1167
+ -o-transition:width ease-in-out 0.2s, opacity ease-in-out 0.2s;
1168
+ -moz-transition:width ease-in-out 0.2s, opacity ease-in-out 0.2s;
1169
+ transition:width ease-in-out 0.2s, opacity ease-in-out 0.2s;
1170
+ }
1171
+ .eds-contrast .eds-top-navigation-item{
1172
+ color:var(--components-menu-navigationbar-contrast-text-unselected);
1173
+ }
1174
+ .eds-top-navigation-item:focus-visible{
1175
+ outline:2px solid #181c56;
1176
+ outline-color:var(--basecolors-stroke-focus-standard);
1177
+ outline-offset:0.125rem;
1178
+ }
1179
+ .eds-contrast .eds-top-navigation-item:focus-visible{
1180
+ outline-color:var(--basecolors-stroke-focus-contrast);
1181
+ }
1182
+ .eds-top-navigation-item:hover{
1183
+ --show-active-line:1;
1184
+ }
1185
+ .eds-top-navigation-item:hover::after{
1186
+ width:2rem;
1187
+ }
1188
+ .eds-top-navigation-item--active{
1189
+ color:var(--components-menu-navigationbar-standard-text-selected);
1190
+ --show-active-line:1;
1191
+ }
1192
+ .eds-top-navigation-item--active::after{
1193
+ width:2rem;
1194
+ }
1195
+ .eds-contrast .eds-top-navigation-item--active{
1196
+ color:var(--components-menu-navigationbar-contrast-text-selected);
979
1197
  }