@iroco/ui 0.18.1 → 0.19.1

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 (10) hide show
  1. package/lib/colors.scss +12 -0
  2. package/lib/index.js +34 -31
  3. package/lib/index.min.js +2 -2
  4. package/lib/index.mjs +34 -31
  5. package/lib/index.mjs.css +458 -262
  6. package/lib/iroco.css +44 -0
  7. package/lib/iroco.css.map +1 -1
  8. package/package.json +2 -2
  9. package/scss/colors.scss +12 -0
  10. package/src/Navigation.svelte +0 -1
package/lib/index.mjs.css CHANGED
@@ -1,3 +1,6 @@
1
+ svg.svelte-1cuxg7m {
2
+ overflow: visible; }
3
+
1
4
  .rotate.svelte-1dns1yx {
2
5
  animation: svelte-1dns1yx-rotation 2s; }
3
6
 
@@ -13,25 +16,7 @@
13
16
  to {
14
17
  transform: rotate(359deg); } }
15
18
 
16
- svg.svelte-1cuxg7m {
17
- overflow: visible; }
18
-
19
- .data-table.svelte-1ju5y8t {
20
- border: 1px solid #464452;
21
- width: 100%; }
22
-
23
- .data-table__header.svelte-1ju5y8t {
24
- font-size: 1.5em;
25
- height: 4rem; }
26
-
27
- .data-table__header__cell.svelte-1ju5y8t {
28
- border-bottom: 1px solid #464452; }
29
-
30
- .data-table__body__cell.svelte-1ju5y8t {
31
- text-align: center;
32
- vertical-align: middle; }
33
-
34
- .iroco-ui-radio.svelte-156c82q.svelte-156c82q.svelte-156c82q {
19
+ .iroco-ui-radio.svelte-167k2qc.svelte-167k2qc.svelte-167k2qc {
35
20
  color: #f2ebe3;
36
21
  position: relative;
37
22
  margin-top: 0.5em;
@@ -42,12 +27,12 @@ svg.svelte-1cuxg7m {
42
27
  -ms-user-select: none;
43
28
  user-select: none; }
44
29
 
45
- .iroco-ui-radio.svelte-156c82q input.svelte-156c82q.svelte-156c82q {
30
+ .iroco-ui-radio.svelte-167k2qc input.svelte-167k2qc.svelte-167k2qc {
46
31
  position: absolute;
47
32
  opacity: 0;
48
33
  cursor: pointer; }
49
34
 
50
- .radio-button-color.svelte-156c82q.svelte-156c82q.svelte-156c82q {
35
+ .radio-button-color.svelte-167k2qc.svelte-167k2qc.svelte-167k2qc {
51
36
  position: absolute;
52
37
  top: 0;
53
38
  left: 0;
@@ -56,24 +41,24 @@ svg.svelte-1cuxg7m {
56
41
  background-color: #f2ebe3;
57
42
  border-radius: 50%; }
58
43
 
59
- .iroco-ui-radio.svelte-156c82q input.svelte-156c82q:checked ~ .radio-button-color.svelte-156c82q {
44
+ .iroco-ui-radio.svelte-167k2qc input.svelte-167k2qc:checked ~ .radio-button-color.svelte-167k2qc {
60
45
  background-color: #00D692; }
61
46
 
62
- input.svelte-1y0402x.svelte-1y0402x {
47
+ input.svelte-1r94s7.svelte-1r94s7 {
63
48
  outline: none;
64
49
  text-decoration: none;
65
50
  font-size: 14px; }
66
51
 
67
- input.svelte-1y0402x.svelte-1y0402x:focus {
52
+ input.svelte-1r94s7.svelte-1r94s7:focus {
68
53
  outline: none;
69
54
  text-decoration: none;
70
55
  font-size: 14px; }
71
56
 
72
- .iroco-ui-input.svelte-1y0402x.svelte-1y0402x {
57
+ .iroco-ui-input.svelte-1r94s7.svelte-1r94s7 {
73
58
  display: flex;
74
59
  flex-direction: column; }
75
60
 
76
- .iroco-ui-input.svelte-1y0402x > input.svelte-1y0402x {
61
+ .iroco-ui-input.svelte-1r94s7 > input.svelte-1r94s7 {
77
62
  color: #f2ebe3;
78
63
  background: #211D28;
79
64
  border: 1px solid #211D28;
@@ -83,72 +68,94 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
83
68
  overflow: hidden;
84
69
  border-radius: 0.3em; }
85
70
 
86
- .iroco-ui-input.svelte-1y0402x > input.border.svelte-1y0402x {
71
+ .iroco-ui-input.svelte-1r94s7 > input.border.svelte-1r94s7 {
87
72
  border: 1px solid #f2ebe3; }
88
73
 
89
- .iroco-ui-input.svelte-1y0402x > input.svelte-1y0402x::placeholder {
74
+ .iroco-ui-input.svelte-1r94s7 > input.svelte-1r94s7::placeholder {
90
75
  color: rgba(242, 235, 227, 0.5); }
91
76
 
92
- .iroco-ui-input.svelte-1y0402x > input.error.svelte-1y0402x {
77
+ .iroco-ui-input.svelte-1r94s7 > input.error.svelte-1r94s7 {
93
78
  border-color: #ff504d; }
94
79
 
95
- .iroco-ui-input.svelte-1y0402x > input.readonlyInput.svelte-1y0402x {
80
+ .iroco-ui-input.svelte-1r94s7 > input.readonlyInput.svelte-1r94s7 {
96
81
  cursor: not-allowed; }
97
82
 
98
- .iroco-ui-input.svelte-1y0402x .error.svelte-1y0402x {
83
+ .iroco-ui-input.svelte-1r94s7 .error.svelte-1r94s7 {
99
84
  color: #ff504d; }
100
85
 
101
- .iroco-ui-label.svelte-1y0402x.svelte-1y0402x {
86
+ .iroco-ui-label.svelte-1r94s7.svelte-1r94s7 {
102
87
  color: rgba(242, 235, 227, 0.6);
103
88
  font-weight: bold;
104
89
  padding-bottom: 10px;
105
90
  display: inline-block; }
106
91
 
107
- .navigation.svelte-lqwgm1.svelte-lqwgm1 {
108
- display: flex;
109
- flex-direction: row;
110
- justify-content: space-between;
111
- align-items: center;
112
- width: 100%;
113
- border-bottom: 1px solid #464452; }
92
+ .font-color-blue.svelte-7ix6l6 {
93
+ color: #00B9FF; }
114
94
 
115
- .navigation--mobile.svelte-lqwgm1.svelte-lqwgm1 {
116
- display: none; }
95
+ .font-color-darkBlue.svelte-7ix6l6 {
96
+ color: #211D28; }
117
97
 
118
- .navigation__title-container.svelte-lqwgm1.svelte-lqwgm1 {
119
- display: flex;
120
- align-items: center;
121
- padding-left: 1em; }
98
+ .font-color-nightBlue.svelte-7ix6l6 {
99
+ color: #18151E; }
122
100
 
123
- .navigation__title-container.svelte-lqwgm1 h1.svelte-lqwgm1 {
124
- padding-left: 1em; }
101
+ .font-color-green.svelte-7ix6l6 {
102
+ color: #00D692; }
125
103
 
126
- @media all and (max-width: 768px) {
127
- .navigation.svelte-lqwgm1.svelte-lqwgm1 {
128
- display: none;
129
- color: #f2ebe3; }
130
- .navigation--mobile.svelte-lqwgm1.svelte-lqwgm1 {
131
- display: flex;
132
- padding: 0 1em;
133
- justify-content: space-between;
134
- position: fixed;
135
- top: 0;
136
- z-index: 1;
137
- width: 100%;
138
- border-bottom: 1px solid #464452; }
139
- .navigation--mobile.svelte-lqwgm1 h1.svelte-lqwgm1 {
140
- font-size: 2em; }
141
- .navigation--mobile__button.svelte-lqwgm1.svelte-lqwgm1 {
142
- background-color: transparent;
143
- border: none;
144
- color: #464452; }
145
- .navigation--mobile__title-container.svelte-lqwgm1.svelte-lqwgm1 {
146
- display: flex;
147
- align-items: center; }
148
- .navigation--mobile__title-container.svelte-lqwgm1 h1.svelte-lqwgm1 {
149
- padding-left: 0.5em; } }
104
+ .font-color-red.svelte-7ix6l6 {
105
+ color: #ff504d; }
106
+
107
+ .font-color-yellow.svelte-7ix6l6 {
108
+ color: #FFE032; }
109
+
110
+ .font-color-beige.svelte-7ix6l6 {
111
+ color: #f2ebe3; }
112
+
113
+ .font-color-darkBeige.svelte-7ix6l6 {
114
+ color: #a9a29e; }
115
+
116
+ .font-color-mediumGrey.svelte-7ix6l6 {
117
+ color: #464452; }
150
118
 
151
- .container-wide.svelte-2gb1hx {
119
+ .font-color-darkGrey.svelte-7ix6l6 {
120
+ color: #33323a; }
121
+
122
+ .font-color-lightGrey.svelte-7ix6l6 {
123
+ color: #f5f5f5; }
124
+
125
+ .font-color-blue.svelte-nd22lv {
126
+ color: #00B9FF; }
127
+
128
+ .font-color-darkBlue.svelte-nd22lv {
129
+ color: #211D28; }
130
+
131
+ .font-color-nightBlue.svelte-nd22lv {
132
+ color: #18151E; }
133
+
134
+ .font-color-green.svelte-nd22lv {
135
+ color: #00D692; }
136
+
137
+ .font-color-red.svelte-nd22lv {
138
+ color: #ff504d; }
139
+
140
+ .font-color-yellow.svelte-nd22lv {
141
+ color: #FFE032; }
142
+
143
+ .font-color-beige.svelte-nd22lv {
144
+ color: #f2ebe3; }
145
+
146
+ .font-color-darkBeige.svelte-nd22lv {
147
+ color: #a9a29e; }
148
+
149
+ .font-color-mediumGrey.svelte-nd22lv {
150
+ color: #464452; }
151
+
152
+ .font-color-darkGrey.svelte-nd22lv {
153
+ color: #33323a; }
154
+
155
+ .font-color-lightGrey.svelte-nd22lv {
156
+ color: #f5f5f5; }
157
+
158
+ .container-wide.svelte-nd22lv {
152
159
  width: calc(100% - 20px);
153
160
  max-width: 2360px;
154
161
  margin-left: auto;
@@ -156,42 +163,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
156
163
  transition: max-width ease-out 200ms; }
157
164
 
158
165
  @media all and (max-width: 2560px) {
159
- .container-wide.svelte-2gb1hx {
166
+ .container-wide.svelte-nd22lv {
160
167
  max-width: 1620px; } }
161
168
 
162
169
  @media all and (max-width: 1800px) {
163
- .container-wide.svelte-2gb1hx {
170
+ .container-wide.svelte-nd22lv {
164
171
  max-width: 1280px; } }
165
172
 
166
173
  @media all and (max-width: 1440px) {
167
- .container-wide.svelte-2gb1hx {
174
+ .container-wide.svelte-nd22lv {
168
175
  max-width: 884px; } }
169
176
 
170
177
  @media all and (max-width: 1024px) {
171
- .container-wide.svelte-2gb1hx {
178
+ .container-wide.svelte-nd22lv {
172
179
  max-width: 648px; } }
173
180
 
174
181
  @media all and (max-width: 768px) {
175
- .container-wide.svelte-2gb1hx {
182
+ .container-wide.svelte-nd22lv {
176
183
  max-width: 496px; } }
177
184
 
178
185
  @media all and (max-width: 596px) {
179
- .container-wide.svelte-2gb1hx {
186
+ .container-wide.svelte-nd22lv {
180
187
  max-width: 365px; } }
181
188
 
182
189
  @media all and (max-width: 425px) {
183
- .container-wide.svelte-2gb1hx {
190
+ .container-wide.svelte-nd22lv {
184
191
  max-width: calc(100% - 60px); } }
185
192
 
186
193
  @media all and (max-width: 375px) {
187
- .container-wide.svelte-2gb1hx {
194
+ .container-wide.svelte-nd22lv {
188
195
  max-width: calc(100% - 40px); } }
189
196
 
190
197
  @media all and (max-width: 320px) {
191
- .container-wide.svelte-2gb1hx {
198
+ .container-wide.svelte-nd22lv {
192
199
  max-width: calc(100% - 20px); } }
193
200
 
194
- .container-large.svelte-2gb1hx {
201
+ .container-large.svelte-nd22lv {
195
202
  width: calc(100% - 20px);
196
203
  max-width: 1280px;
197
204
  margin-left: auto;
@@ -199,34 +206,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
199
206
  transition: max-width ease-out 200ms; }
200
207
 
201
208
  @media all and (max-width: 1440px) {
202
- .container-large.svelte-2gb1hx {
209
+ .container-large.svelte-nd22lv {
203
210
  max-width: 884px; } }
204
211
 
205
212
  @media all and (max-width: 1024px) {
206
- .container-large.svelte-2gb1hx {
213
+ .container-large.svelte-nd22lv {
207
214
  max-width: 648px; } }
208
215
 
209
216
  @media all and (max-width: 768px) {
210
- .container-large.svelte-2gb1hx {
217
+ .container-large.svelte-nd22lv {
211
218
  max-width: 496px; } }
212
219
 
213
220
  @media all and (max-width: 596px) {
214
- .container-large.svelte-2gb1hx {
221
+ .container-large.svelte-nd22lv {
215
222
  max-width: 365px; } }
216
223
 
217
224
  @media all and (max-width: 425px) {
218
- .container-large.svelte-2gb1hx {
225
+ .container-large.svelte-nd22lv {
219
226
  max-width: calc(100% - 60px); } }
220
227
 
221
228
  @media all and (max-width: 375px) {
222
- .container-large.svelte-2gb1hx {
229
+ .container-large.svelte-nd22lv {
223
230
  max-width: calc(100% - 40px); } }
224
231
 
225
232
  @media all and (max-width: 320px) {
226
- .container-large.svelte-2gb1hx {
233
+ .container-large.svelte-nd22lv {
227
234
  max-width: calc(100% - 20px); } }
228
235
 
229
- .container-medium.svelte-2gb1hx {
236
+ .container-medium.svelte-nd22lv {
230
237
  width: calc(100% - 20px);
231
238
  max-width: 884px;
232
239
  margin-left: auto;
@@ -234,30 +241,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
234
241
  transition: max-width ease-out 200ms; }
235
242
 
236
243
  @media all and (max-width: 1024px) {
237
- .container-medium.svelte-2gb1hx {
244
+ .container-medium.svelte-nd22lv {
238
245
  max-width: 648px; } }
239
246
 
240
247
  @media all and (max-width: 768px) {
241
- .container-medium.svelte-2gb1hx {
248
+ .container-medium.svelte-nd22lv {
242
249
  max-width: 496px; } }
243
250
 
244
251
  @media all and (max-width: 596px) {
245
- .container-medium.svelte-2gb1hx {
252
+ .container-medium.svelte-nd22lv {
246
253
  max-width: 365px; } }
247
254
 
248
255
  @media all and (max-width: 425px) {
249
- .container-medium.svelte-2gb1hx {
256
+ .container-medium.svelte-nd22lv {
250
257
  max-width: calc(100% - 60px); } }
251
258
 
252
259
  @media all and (max-width: 375px) {
253
- .container-medium.svelte-2gb1hx {
260
+ .container-medium.svelte-nd22lv {
254
261
  max-width: calc(100% - 40px); } }
255
262
 
256
263
  @media all and (max-width: 320px) {
257
- .container-medium.svelte-2gb1hx {
264
+ .container-medium.svelte-nd22lv {
258
265
  max-width: calc(100% - 20px); } }
259
266
 
260
- .container-small.svelte-2gb1hx {
267
+ .container-small.svelte-nd22lv {
261
268
  width: calc(100% - 20px);
262
269
  max-width: 496px;
263
270
  margin-left: auto;
@@ -265,18 +272,18 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
265
272
  transition: max-width ease-out 200ms; }
266
273
 
267
274
  @media all and (max-width: 425px) {
268
- .container-small.svelte-2gb1hx {
275
+ .container-small.svelte-nd22lv {
269
276
  max-width: calc(100% - 60px); } }
270
277
 
271
278
  @media all and (max-width: 375px) {
272
- .container-small.svelte-2gb1hx {
279
+ .container-small.svelte-nd22lv {
273
280
  max-width: calc(100% - 40px); } }
274
281
 
275
282
  @media all and (max-width: 320px) {
276
- .container-small.svelte-2gb1hx {
283
+ .container-small.svelte-nd22lv {
277
284
  max-width: calc(100% - 20px); } }
278
285
 
279
- .iroco-ui-button.svelte-2gb1hx {
286
+ .iroco-ui-button.svelte-nd22lv {
280
287
  cursor: pointer;
281
288
  -webkit-touch-callout: none;
282
289
  -webkit-user-select: none;
@@ -291,44 +298,192 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
291
298
  text-transform: uppercase;
292
299
  border-radius: 0.3em; }
293
300
 
294
- .iroco-ui-button--basic.svelte-2gb1hx {
301
+ .iroco-ui-button--basic.svelte-nd22lv {
295
302
  background: #f2ebe3;
296
303
  border: 1px solid #18151E; }
297
304
 
298
- .iroco-ui-button--dark.svelte-2gb1hx {
305
+ .iroco-ui-button--dark.svelte-nd22lv {
299
306
  background: #18151E;
300
307
  color: #f2ebe3; }
301
308
 
302
- .iroco-ui-button--success.svelte-2gb1hx {
309
+ .iroco-ui-button--success.svelte-nd22lv {
303
310
  background: #00D692;
304
311
  color: #18151E; }
305
312
 
306
- .iroco-ui-button--danger.svelte-2gb1hx {
313
+ .iroco-ui-button--danger.svelte-nd22lv {
307
314
  background: #ff504d; }
308
315
 
309
- .iroco-ui-button--regular.svelte-2gb1hx {
316
+ .iroco-ui-button--regular.svelte-nd22lv {
310
317
  padding: 1em 2em; }
311
318
 
312
- .iroco-ui-button--small.svelte-2gb1hx {
319
+ .iroco-ui-button--small.svelte-nd22lv {
313
320
  padding: 0.5em 1em; }
314
321
 
315
- .iroco-ui-button--basic.svelte-2gb1hx:hover, .iroco-ui-button--success.svelte-2gb1hx:hover, .iroco-ui-button--danger.svelte-2gb1hx:hover {
322
+ .iroco-ui-button--basic.svelte-nd22lv:hover, .iroco-ui-button--success.svelte-nd22lv:hover, .iroco-ui-button--danger.svelte-nd22lv:hover {
316
323
  box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
317
324
 
318
- .iroco-ui-button--dark.svelte-2gb1hx:hover {
325
+ .iroco-ui-button--dark.svelte-nd22lv:hover {
319
326
  box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
320
327
 
321
- .iroco-ui-button.svelte-2gb1hx:active {
328
+ .iroco-ui-button.svelte-nd22lv:active {
322
329
  box-shadow: none; }
323
330
 
324
- .iroco-ui-button.disabled.svelte-2gb1hx {
331
+ .iroco-ui-button.disabled.svelte-nd22lv {
325
332
  background-color: #f5f5f5;
326
333
  cursor: default; }
327
334
 
328
- .iroco-ui-button.disabled.svelte-2gb1hx:hover {
335
+ .iroco-ui-button.disabled.svelte-nd22lv:hover {
329
336
  box-shadow: none; }
330
337
 
331
- .container-wide.svelte-nc4hey.svelte-nc4hey {
338
+ @use "colors";
339
+ @use "containers";
340
+ @use "fonts";
341
+ @use "forms";
342
+ @use "layouts";
343
+ .data-table.svelte-d69ajf {
344
+ border: 1px solid #464452;
345
+ width: 100%; }
346
+
347
+ .data-table__header.svelte-d69ajf {
348
+ font-size: 1.5em;
349
+ height: 4rem; }
350
+
351
+ .data-table__header__cell.svelte-d69ajf {
352
+ border-bottom: 1px solid #464452; }
353
+
354
+ .data-table__body__cell.svelte-d69ajf {
355
+ text-align: center;
356
+ vertical-align: middle; }
357
+
358
+ .font-color-blue.svelte-xrcxsu {
359
+ color: #00B9FF; }
360
+
361
+ .font-color-darkBlue.svelte-xrcxsu {
362
+ color: #211D28; }
363
+
364
+ .font-color-nightBlue.svelte-xrcxsu {
365
+ color: #18151E; }
366
+
367
+ .font-color-green.svelte-xrcxsu {
368
+ color: #00D692; }
369
+
370
+ .font-color-red.svelte-xrcxsu {
371
+ color: #ff504d; }
372
+
373
+ .font-color-yellow.svelte-xrcxsu {
374
+ color: #FFE032; }
375
+
376
+ .font-color-beige.svelte-xrcxsu {
377
+ color: #f2ebe3; }
378
+
379
+ .font-color-darkBeige.svelte-xrcxsu {
380
+ color: #a9a29e; }
381
+
382
+ .font-color-mediumGrey.svelte-xrcxsu {
383
+ color: #464452; }
384
+
385
+ .font-color-darkGrey.svelte-xrcxsu {
386
+ color: #33323a; }
387
+
388
+ .font-color-lightGrey.svelte-xrcxsu {
389
+ color: #f5f5f5; }
390
+
391
+ .alert.svelte-xrcxsu {
392
+ min-height: 2em;
393
+ display: inline-flex;
394
+ align-items: center;
395
+ border-radius: 0.3em;
396
+ padding: 0 1em 0 1em;
397
+ font-size: 1.2em;
398
+ justify-content: center;
399
+ margin-bottom: 1em;
400
+ cursor: pointer; }
401
+
402
+ .alert--danger.svelte-xrcxsu {
403
+ background-color: rgba(255, 80, 77, 0.5);
404
+ border: 1px solid #ff504d; }
405
+
406
+ .alert--success.svelte-xrcxsu {
407
+ background-color: rgba(0, 214, 146, 0.5);
408
+ border: 1px solid #00D692; }
409
+
410
+ .navigation.svelte-z8zucs.svelte-z8zucs {
411
+ display: flex;
412
+ flex-direction: row;
413
+ justify-content: space-between;
414
+ align-items: center;
415
+ width: 100%; }
416
+
417
+ .navigation--mobile.svelte-z8zucs.svelte-z8zucs {
418
+ display: none; }
419
+
420
+ .navigation__title-container.svelte-z8zucs.svelte-z8zucs {
421
+ display: flex;
422
+ align-items: center;
423
+ padding-left: 1em; }
424
+
425
+ .navigation__title-container.svelte-z8zucs h1.svelte-z8zucs {
426
+ padding-left: 1em; }
427
+
428
+ @media all and (max-width: 768px) {
429
+ .navigation.svelte-z8zucs.svelte-z8zucs {
430
+ display: none;
431
+ color: #f2ebe3; }
432
+ .navigation--mobile.svelte-z8zucs.svelte-z8zucs {
433
+ display: flex;
434
+ padding: 0 1em;
435
+ justify-content: space-between;
436
+ position: fixed;
437
+ top: 0;
438
+ z-index: 1;
439
+ width: 100%;
440
+ border-bottom: 1px solid #464452; }
441
+ .navigation--mobile.svelte-z8zucs h1.svelte-z8zucs {
442
+ font-size: 2em; }
443
+ .navigation--mobile__button.svelte-z8zucs.svelte-z8zucs {
444
+ background-color: transparent;
445
+ border: none;
446
+ color: #464452; }
447
+ .navigation--mobile__title-container.svelte-z8zucs.svelte-z8zucs {
448
+ display: flex;
449
+ align-items: center; }
450
+ .navigation--mobile__title-container.svelte-z8zucs h1.svelte-z8zucs {
451
+ padding-left: 0.5em; } }
452
+
453
+ .font-color-blue.svelte-mn7z70.svelte-mn7z70 {
454
+ color: #00B9FF; }
455
+
456
+ .font-color-darkBlue.svelte-mn7z70.svelte-mn7z70 {
457
+ color: #211D28; }
458
+
459
+ .font-color-nightBlue.svelte-mn7z70.svelte-mn7z70 {
460
+ color: #18151E; }
461
+
462
+ .font-color-green.svelte-mn7z70.svelte-mn7z70 {
463
+ color: #00D692; }
464
+
465
+ .font-color-red.svelte-mn7z70.svelte-mn7z70 {
466
+ color: #ff504d; }
467
+
468
+ .font-color-yellow.svelte-mn7z70.svelte-mn7z70 {
469
+ color: #FFE032; }
470
+
471
+ .font-color-beige.svelte-mn7z70.svelte-mn7z70 {
472
+ color: #f2ebe3; }
473
+
474
+ .font-color-darkBeige.svelte-mn7z70.svelte-mn7z70 {
475
+ color: #a9a29e; }
476
+
477
+ .font-color-mediumGrey.svelte-mn7z70.svelte-mn7z70 {
478
+ color: #464452; }
479
+
480
+ .font-color-darkGrey.svelte-mn7z70.svelte-mn7z70 {
481
+ color: #33323a; }
482
+
483
+ .font-color-lightGrey.svelte-mn7z70.svelte-mn7z70 {
484
+ color: #f5f5f5; }
485
+
486
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
332
487
  width: calc(100% - 20px);
333
488
  max-width: 2360px;
334
489
  margin-left: auto;
@@ -336,42 +491,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
336
491
  transition: max-width ease-out 200ms; }
337
492
 
338
493
  @media all and (max-width: 2560px) {
339
- .container-wide.svelte-nc4hey.svelte-nc4hey {
494
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
340
495
  max-width: 1620px; } }
341
496
 
342
497
  @media all and (max-width: 1800px) {
343
- .container-wide.svelte-nc4hey.svelte-nc4hey {
498
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
344
499
  max-width: 1280px; } }
345
500
 
346
501
  @media all and (max-width: 1440px) {
347
- .container-wide.svelte-nc4hey.svelte-nc4hey {
502
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
348
503
  max-width: 884px; } }
349
504
 
350
505
  @media all and (max-width: 1024px) {
351
- .container-wide.svelte-nc4hey.svelte-nc4hey {
506
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
352
507
  max-width: 648px; } }
353
508
 
354
509
  @media all and (max-width: 768px) {
355
- .container-wide.svelte-nc4hey.svelte-nc4hey {
510
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
356
511
  max-width: 496px; } }
357
512
 
358
513
  @media all and (max-width: 596px) {
359
- .container-wide.svelte-nc4hey.svelte-nc4hey {
514
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
360
515
  max-width: 365px; } }
361
516
 
362
517
  @media all and (max-width: 425px) {
363
- .container-wide.svelte-nc4hey.svelte-nc4hey {
518
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
364
519
  max-width: calc(100% - 60px); } }
365
520
 
366
521
  @media all and (max-width: 375px) {
367
- .container-wide.svelte-nc4hey.svelte-nc4hey {
522
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
368
523
  max-width: calc(100% - 40px); } }
369
524
 
370
525
  @media all and (max-width: 320px) {
371
- .container-wide.svelte-nc4hey.svelte-nc4hey {
526
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
372
527
  max-width: calc(100% - 20px); } }
373
528
 
374
- .container-large.svelte-nc4hey.svelte-nc4hey {
529
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
375
530
  width: calc(100% - 20px);
376
531
  max-width: 1280px;
377
532
  margin-left: auto;
@@ -379,34 +534,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
379
534
  transition: max-width ease-out 200ms; }
380
535
 
381
536
  @media all and (max-width: 1440px) {
382
- .container-large.svelte-nc4hey.svelte-nc4hey {
537
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
383
538
  max-width: 884px; } }
384
539
 
385
540
  @media all and (max-width: 1024px) {
386
- .container-large.svelte-nc4hey.svelte-nc4hey {
541
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
387
542
  max-width: 648px; } }
388
543
 
389
544
  @media all and (max-width: 768px) {
390
- .container-large.svelte-nc4hey.svelte-nc4hey {
545
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
391
546
  max-width: 496px; } }
392
547
 
393
548
  @media all and (max-width: 596px) {
394
- .container-large.svelte-nc4hey.svelte-nc4hey {
549
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
395
550
  max-width: 365px; } }
396
551
 
397
552
  @media all and (max-width: 425px) {
398
- .container-large.svelte-nc4hey.svelte-nc4hey {
553
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
399
554
  max-width: calc(100% - 60px); } }
400
555
 
401
556
  @media all and (max-width: 375px) {
402
- .container-large.svelte-nc4hey.svelte-nc4hey {
557
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
403
558
  max-width: calc(100% - 40px); } }
404
559
 
405
560
  @media all and (max-width: 320px) {
406
- .container-large.svelte-nc4hey.svelte-nc4hey {
561
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
407
562
  max-width: calc(100% - 20px); } }
408
563
 
409
- .container-medium.svelte-nc4hey.svelte-nc4hey {
564
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
410
565
  width: calc(100% - 20px);
411
566
  max-width: 884px;
412
567
  margin-left: auto;
@@ -414,30 +569,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
414
569
  transition: max-width ease-out 200ms; }
415
570
 
416
571
  @media all and (max-width: 1024px) {
417
- .container-medium.svelte-nc4hey.svelte-nc4hey {
572
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
418
573
  max-width: 648px; } }
419
574
 
420
575
  @media all and (max-width: 768px) {
421
- .container-medium.svelte-nc4hey.svelte-nc4hey {
576
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
422
577
  max-width: 496px; } }
423
578
 
424
579
  @media all and (max-width: 596px) {
425
- .container-medium.svelte-nc4hey.svelte-nc4hey {
580
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
426
581
  max-width: 365px; } }
427
582
 
428
583
  @media all and (max-width: 425px) {
429
- .container-medium.svelte-nc4hey.svelte-nc4hey {
584
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
430
585
  max-width: calc(100% - 60px); } }
431
586
 
432
587
  @media all and (max-width: 375px) {
433
- .container-medium.svelte-nc4hey.svelte-nc4hey {
588
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
434
589
  max-width: calc(100% - 40px); } }
435
590
 
436
591
  @media all and (max-width: 320px) {
437
- .container-medium.svelte-nc4hey.svelte-nc4hey {
592
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
438
593
  max-width: calc(100% - 20px); } }
439
594
 
440
- .container-small.svelte-nc4hey.svelte-nc4hey {
595
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
441
596
  width: calc(100% - 20px);
442
597
  max-width: 496px;
443
598
  margin-left: auto;
@@ -445,18 +600,51 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
445
600
  transition: max-width ease-out 200ms; }
446
601
 
447
602
  @media all and (max-width: 425px) {
448
- .container-small.svelte-nc4hey.svelte-nc4hey {
603
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
449
604
  max-width: calc(100% - 60px); } }
450
605
 
451
606
  @media all and (max-width: 375px) {
452
- .container-small.svelte-nc4hey.svelte-nc4hey {
607
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
453
608
  max-width: calc(100% - 40px); } }
454
609
 
455
610
  @media all and (max-width: 320px) {
456
- .container-small.svelte-nc4hey.svelte-nc4hey {
611
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
457
612
  max-width: calc(100% - 20px); } }
458
613
 
459
- .container-wide.svelte-nc4hey.svelte-nc4hey {
614
+ .font-color-blue.svelte-mn7z70.svelte-mn7z70 {
615
+ color: #00B9FF; }
616
+
617
+ .font-color-darkBlue.svelte-mn7z70.svelte-mn7z70 {
618
+ color: #211D28; }
619
+
620
+ .font-color-nightBlue.svelte-mn7z70.svelte-mn7z70 {
621
+ color: #18151E; }
622
+
623
+ .font-color-green.svelte-mn7z70.svelte-mn7z70 {
624
+ color: #00D692; }
625
+
626
+ .font-color-red.svelte-mn7z70.svelte-mn7z70 {
627
+ color: #ff504d; }
628
+
629
+ .font-color-yellow.svelte-mn7z70.svelte-mn7z70 {
630
+ color: #FFE032; }
631
+
632
+ .font-color-beige.svelte-mn7z70.svelte-mn7z70 {
633
+ color: #f2ebe3; }
634
+
635
+ .font-color-darkBeige.svelte-mn7z70.svelte-mn7z70 {
636
+ color: #a9a29e; }
637
+
638
+ .font-color-mediumGrey.svelte-mn7z70.svelte-mn7z70 {
639
+ color: #464452; }
640
+
641
+ .font-color-darkGrey.svelte-mn7z70.svelte-mn7z70 {
642
+ color: #33323a; }
643
+
644
+ .font-color-lightGrey.svelte-mn7z70.svelte-mn7z70 {
645
+ color: #f5f5f5; }
646
+
647
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
460
648
  width: calc(100% - 20px);
461
649
  max-width: 2360px;
462
650
  margin-left: auto;
@@ -464,42 +652,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
464
652
  transition: max-width ease-out 200ms; }
465
653
 
466
654
  @media all and (max-width: 2560px) {
467
- .container-wide.svelte-nc4hey.svelte-nc4hey {
655
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
468
656
  max-width: 1620px; } }
469
657
 
470
658
  @media all and (max-width: 1800px) {
471
- .container-wide.svelte-nc4hey.svelte-nc4hey {
659
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
472
660
  max-width: 1280px; } }
473
661
 
474
662
  @media all and (max-width: 1440px) {
475
- .container-wide.svelte-nc4hey.svelte-nc4hey {
663
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
476
664
  max-width: 884px; } }
477
665
 
478
666
  @media all and (max-width: 1024px) {
479
- .container-wide.svelte-nc4hey.svelte-nc4hey {
667
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
480
668
  max-width: 648px; } }
481
669
 
482
670
  @media all and (max-width: 768px) {
483
- .container-wide.svelte-nc4hey.svelte-nc4hey {
671
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
484
672
  max-width: 496px; } }
485
673
 
486
674
  @media all and (max-width: 596px) {
487
- .container-wide.svelte-nc4hey.svelte-nc4hey {
675
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
488
676
  max-width: 365px; } }
489
677
 
490
678
  @media all and (max-width: 425px) {
491
- .container-wide.svelte-nc4hey.svelte-nc4hey {
679
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
492
680
  max-width: calc(100% - 60px); } }
493
681
 
494
682
  @media all and (max-width: 375px) {
495
- .container-wide.svelte-nc4hey.svelte-nc4hey {
683
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
496
684
  max-width: calc(100% - 40px); } }
497
685
 
498
686
  @media all and (max-width: 320px) {
499
- .container-wide.svelte-nc4hey.svelte-nc4hey {
687
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
500
688
  max-width: calc(100% - 20px); } }
501
689
 
502
- .container-large.svelte-nc4hey.svelte-nc4hey {
690
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
503
691
  width: calc(100% - 20px);
504
692
  max-width: 1280px;
505
693
  margin-left: auto;
@@ -507,34 +695,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
507
695
  transition: max-width ease-out 200ms; }
508
696
 
509
697
  @media all and (max-width: 1440px) {
510
- .container-large.svelte-nc4hey.svelte-nc4hey {
698
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
511
699
  max-width: 884px; } }
512
700
 
513
701
  @media all and (max-width: 1024px) {
514
- .container-large.svelte-nc4hey.svelte-nc4hey {
702
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
515
703
  max-width: 648px; } }
516
704
 
517
705
  @media all and (max-width: 768px) {
518
- .container-large.svelte-nc4hey.svelte-nc4hey {
706
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
519
707
  max-width: 496px; } }
520
708
 
521
709
  @media all and (max-width: 596px) {
522
- .container-large.svelte-nc4hey.svelte-nc4hey {
710
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
523
711
  max-width: 365px; } }
524
712
 
525
713
  @media all and (max-width: 425px) {
526
- .container-large.svelte-nc4hey.svelte-nc4hey {
714
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
527
715
  max-width: calc(100% - 60px); } }
528
716
 
529
717
  @media all and (max-width: 375px) {
530
- .container-large.svelte-nc4hey.svelte-nc4hey {
718
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
531
719
  max-width: calc(100% - 40px); } }
532
720
 
533
721
  @media all and (max-width: 320px) {
534
- .container-large.svelte-nc4hey.svelte-nc4hey {
722
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
535
723
  max-width: calc(100% - 20px); } }
536
724
 
537
- .container-medium.svelte-nc4hey.svelte-nc4hey {
725
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
538
726
  width: calc(100% - 20px);
539
727
  max-width: 884px;
540
728
  margin-left: auto;
@@ -542,30 +730,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
542
730
  transition: max-width ease-out 200ms; }
543
731
 
544
732
  @media all and (max-width: 1024px) {
545
- .container-medium.svelte-nc4hey.svelte-nc4hey {
733
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
546
734
  max-width: 648px; } }
547
735
 
548
736
  @media all and (max-width: 768px) {
549
- .container-medium.svelte-nc4hey.svelte-nc4hey {
737
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
550
738
  max-width: 496px; } }
551
739
 
552
740
  @media all and (max-width: 596px) {
553
- .container-medium.svelte-nc4hey.svelte-nc4hey {
741
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
554
742
  max-width: 365px; } }
555
743
 
556
744
  @media all and (max-width: 425px) {
557
- .container-medium.svelte-nc4hey.svelte-nc4hey {
745
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
558
746
  max-width: calc(100% - 60px); } }
559
747
 
560
748
  @media all and (max-width: 375px) {
561
- .container-medium.svelte-nc4hey.svelte-nc4hey {
749
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
562
750
  max-width: calc(100% - 40px); } }
563
751
 
564
752
  @media all and (max-width: 320px) {
565
- .container-medium.svelte-nc4hey.svelte-nc4hey {
753
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
566
754
  max-width: calc(100% - 20px); } }
567
755
 
568
- .container-small.svelte-nc4hey.svelte-nc4hey {
756
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
569
757
  width: calc(100% - 20px);
570
758
  max-width: 496px;
571
759
  margin-left: auto;
@@ -573,18 +761,18 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
573
761
  transition: max-width ease-out 200ms; }
574
762
 
575
763
  @media all and (max-width: 425px) {
576
- .container-small.svelte-nc4hey.svelte-nc4hey {
764
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
577
765
  max-width: calc(100% - 60px); } }
578
766
 
579
767
  @media all and (max-width: 375px) {
580
- .container-small.svelte-nc4hey.svelte-nc4hey {
768
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
581
769
  max-width: calc(100% - 40px); } }
582
770
 
583
771
  @media all and (max-width: 320px) {
584
- .container-small.svelte-nc4hey.svelte-nc4hey {
772
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
585
773
  max-width: calc(100% - 20px); } }
586
774
 
587
- .iroco-ui-button.svelte-nc4hey.svelte-nc4hey {
775
+ .iroco-ui-button.svelte-mn7z70.svelte-mn7z70 {
588
776
  cursor: pointer;
589
777
  -webkit-touch-callout: none;
590
778
  -webkit-user-select: none;
@@ -599,44 +787,77 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
599
787
  text-transform: uppercase;
600
788
  border-radius: 0.3em; }
601
789
 
602
- .iroco-ui-button--basic.svelte-nc4hey.svelte-nc4hey {
790
+ .iroco-ui-button--basic.svelte-mn7z70.svelte-mn7z70 {
603
791
  background: #f2ebe3;
604
792
  border: 1px solid #18151E; }
605
793
 
606
- .iroco-ui-button--dark.svelte-nc4hey.svelte-nc4hey {
794
+ .iroco-ui-button--dark.svelte-mn7z70.svelte-mn7z70 {
607
795
  background: #18151E;
608
796
  color: #f2ebe3; }
609
797
 
610
- .iroco-ui-button--success.svelte-nc4hey.svelte-nc4hey {
798
+ .iroco-ui-button--success.svelte-mn7z70.svelte-mn7z70 {
611
799
  background: #00D692;
612
800
  color: #18151E; }
613
801
 
614
- .iroco-ui-button--danger.svelte-nc4hey.svelte-nc4hey {
802
+ .iroco-ui-button--danger.svelte-mn7z70.svelte-mn7z70 {
615
803
  background: #ff504d; }
616
804
 
617
- .iroco-ui-button--regular.svelte-nc4hey.svelte-nc4hey {
805
+ .iroco-ui-button--regular.svelte-mn7z70.svelte-mn7z70 {
618
806
  padding: 1em 2em; }
619
807
 
620
- .iroco-ui-button--small.svelte-nc4hey.svelte-nc4hey {
808
+ .iroco-ui-button--small.svelte-mn7z70.svelte-mn7z70 {
621
809
  padding: 0.5em 1em; }
622
810
 
623
- .iroco-ui-button--basic.svelte-nc4hey.svelte-nc4hey:hover, .iroco-ui-button--success.svelte-nc4hey.svelte-nc4hey:hover, .iroco-ui-button--danger.svelte-nc4hey.svelte-nc4hey:hover {
811
+ .iroco-ui-button--basic.svelte-mn7z70.svelte-mn7z70:hover, .iroco-ui-button--success.svelte-mn7z70.svelte-mn7z70:hover, .iroco-ui-button--danger.svelte-mn7z70.svelte-mn7z70:hover {
624
812
  box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
625
813
 
626
- .iroco-ui-button--dark.svelte-nc4hey.svelte-nc4hey:hover {
814
+ .iroco-ui-button--dark.svelte-mn7z70.svelte-mn7z70:hover {
627
815
  box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
628
816
 
629
- .iroco-ui-button.svelte-nc4hey.svelte-nc4hey:active {
817
+ .iroco-ui-button.svelte-mn7z70.svelte-mn7z70:active {
630
818
  box-shadow: none; }
631
819
 
632
- .iroco-ui-button.disabled.svelte-nc4hey.svelte-nc4hey {
820
+ .iroco-ui-button.disabled.svelte-mn7z70.svelte-mn7z70 {
633
821
  background-color: #f5f5f5;
634
822
  cursor: default; }
635
823
 
636
- .iroco-ui-button.disabled.svelte-nc4hey.svelte-nc4hey:hover {
824
+ .iroco-ui-button.disabled.svelte-mn7z70.svelte-mn7z70:hover {
637
825
  box-shadow: none; }
638
826
 
639
- .container-wide.svelte-nc4hey.svelte-nc4hey {
827
+ .font-color-blue.svelte-mn7z70.svelte-mn7z70 {
828
+ color: #00B9FF; }
829
+
830
+ .font-color-darkBlue.svelte-mn7z70.svelte-mn7z70 {
831
+ color: #211D28; }
832
+
833
+ .font-color-nightBlue.svelte-mn7z70.svelte-mn7z70 {
834
+ color: #18151E; }
835
+
836
+ .font-color-green.svelte-mn7z70.svelte-mn7z70 {
837
+ color: #00D692; }
838
+
839
+ .font-color-red.svelte-mn7z70.svelte-mn7z70 {
840
+ color: #ff504d; }
841
+
842
+ .font-color-yellow.svelte-mn7z70.svelte-mn7z70 {
843
+ color: #FFE032; }
844
+
845
+ .font-color-beige.svelte-mn7z70.svelte-mn7z70 {
846
+ color: #f2ebe3; }
847
+
848
+ .font-color-darkBeige.svelte-mn7z70.svelte-mn7z70 {
849
+ color: #a9a29e; }
850
+
851
+ .font-color-mediumGrey.svelte-mn7z70.svelte-mn7z70 {
852
+ color: #464452; }
853
+
854
+ .font-color-darkGrey.svelte-mn7z70.svelte-mn7z70 {
855
+ color: #33323a; }
856
+
857
+ .font-color-lightGrey.svelte-mn7z70.svelte-mn7z70 {
858
+ color: #f5f5f5; }
859
+
860
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
640
861
  width: calc(100% - 20px);
641
862
  max-width: 2360px;
642
863
  margin-left: auto;
@@ -644,42 +865,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
644
865
  transition: max-width ease-out 200ms; }
645
866
 
646
867
  @media all and (max-width: 2560px) {
647
- .container-wide.svelte-nc4hey.svelte-nc4hey {
868
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
648
869
  max-width: 1620px; } }
649
870
 
650
871
  @media all and (max-width: 1800px) {
651
- .container-wide.svelte-nc4hey.svelte-nc4hey {
872
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
652
873
  max-width: 1280px; } }
653
874
 
654
875
  @media all and (max-width: 1440px) {
655
- .container-wide.svelte-nc4hey.svelte-nc4hey {
876
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
656
877
  max-width: 884px; } }
657
878
 
658
879
  @media all and (max-width: 1024px) {
659
- .container-wide.svelte-nc4hey.svelte-nc4hey {
880
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
660
881
  max-width: 648px; } }
661
882
 
662
883
  @media all and (max-width: 768px) {
663
- .container-wide.svelte-nc4hey.svelte-nc4hey {
884
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
664
885
  max-width: 496px; } }
665
886
 
666
887
  @media all and (max-width: 596px) {
667
- .container-wide.svelte-nc4hey.svelte-nc4hey {
888
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
668
889
  max-width: 365px; } }
669
890
 
670
891
  @media all and (max-width: 425px) {
671
- .container-wide.svelte-nc4hey.svelte-nc4hey {
892
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
672
893
  max-width: calc(100% - 60px); } }
673
894
 
674
895
  @media all and (max-width: 375px) {
675
- .container-wide.svelte-nc4hey.svelte-nc4hey {
896
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
676
897
  max-width: calc(100% - 40px); } }
677
898
 
678
899
  @media all and (max-width: 320px) {
679
- .container-wide.svelte-nc4hey.svelte-nc4hey {
900
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
680
901
  max-width: calc(100% - 20px); } }
681
902
 
682
- .container-large.svelte-nc4hey.svelte-nc4hey {
903
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
683
904
  width: calc(100% - 20px);
684
905
  max-width: 1280px;
685
906
  margin-left: auto;
@@ -687,34 +908,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
687
908
  transition: max-width ease-out 200ms; }
688
909
 
689
910
  @media all and (max-width: 1440px) {
690
- .container-large.svelte-nc4hey.svelte-nc4hey {
911
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
691
912
  max-width: 884px; } }
692
913
 
693
914
  @media all and (max-width: 1024px) {
694
- .container-large.svelte-nc4hey.svelte-nc4hey {
915
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
695
916
  max-width: 648px; } }
696
917
 
697
918
  @media all and (max-width: 768px) {
698
- .container-large.svelte-nc4hey.svelte-nc4hey {
919
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
699
920
  max-width: 496px; } }
700
921
 
701
922
  @media all and (max-width: 596px) {
702
- .container-large.svelte-nc4hey.svelte-nc4hey {
923
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
703
924
  max-width: 365px; } }
704
925
 
705
926
  @media all and (max-width: 425px) {
706
- .container-large.svelte-nc4hey.svelte-nc4hey {
927
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
707
928
  max-width: calc(100% - 60px); } }
708
929
 
709
930
  @media all and (max-width: 375px) {
710
- .container-large.svelte-nc4hey.svelte-nc4hey {
931
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
711
932
  max-width: calc(100% - 40px); } }
712
933
 
713
934
  @media all and (max-width: 320px) {
714
- .container-large.svelte-nc4hey.svelte-nc4hey {
935
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
715
936
  max-width: calc(100% - 20px); } }
716
937
 
717
- .container-medium.svelte-nc4hey.svelte-nc4hey {
938
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
718
939
  width: calc(100% - 20px);
719
940
  max-width: 884px;
720
941
  margin-left: auto;
@@ -722,30 +943,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
722
943
  transition: max-width ease-out 200ms; }
723
944
 
724
945
  @media all and (max-width: 1024px) {
725
- .container-medium.svelte-nc4hey.svelte-nc4hey {
946
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
726
947
  max-width: 648px; } }
727
948
 
728
949
  @media all and (max-width: 768px) {
729
- .container-medium.svelte-nc4hey.svelte-nc4hey {
950
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
730
951
  max-width: 496px; } }
731
952
 
732
953
  @media all and (max-width: 596px) {
733
- .container-medium.svelte-nc4hey.svelte-nc4hey {
954
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
734
955
  max-width: 365px; } }
735
956
 
736
957
  @media all and (max-width: 425px) {
737
- .container-medium.svelte-nc4hey.svelte-nc4hey {
958
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
738
959
  max-width: calc(100% - 60px); } }
739
960
 
740
961
  @media all and (max-width: 375px) {
741
- .container-medium.svelte-nc4hey.svelte-nc4hey {
962
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
742
963
  max-width: calc(100% - 40px); } }
743
964
 
744
965
  @media all and (max-width: 320px) {
745
- .container-medium.svelte-nc4hey.svelte-nc4hey {
966
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
746
967
  max-width: calc(100% - 20px); } }
747
968
 
748
- .container-small.svelte-nc4hey.svelte-nc4hey {
969
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
749
970
  width: calc(100% - 20px);
750
971
  max-width: 496px;
751
972
  margin-left: auto;
@@ -753,59 +974,59 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
753
974
  transition: max-width ease-out 200ms; }
754
975
 
755
976
  @media all and (max-width: 425px) {
756
- .container-small.svelte-nc4hey.svelte-nc4hey {
977
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
757
978
  max-width: calc(100% - 60px); } }
758
979
 
759
980
  @media all and (max-width: 375px) {
760
- .container-small.svelte-nc4hey.svelte-nc4hey {
981
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
761
982
  max-width: calc(100% - 40px); } }
762
983
 
763
984
  @media all and (max-width: 320px) {
764
- .container-small.svelte-nc4hey.svelte-nc4hey {
985
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
765
986
  max-width: calc(100% - 20px); } }
766
987
 
767
- .iroco-ui-form.svelte-nc4hey .iroco-ui-input.svelte-nc4hey {
988
+ .iroco-ui-form.svelte-mn7z70 .iroco-ui-input.svelte-mn7z70 {
768
989
  display: flex;
769
990
  flex-direction: column; }
770
991
 
771
- .iroco-ui-form.svelte-nc4hey .iroco-ui-label.svelte-nc4hey {
992
+ .iroco-ui-form.svelte-mn7z70 .iroco-ui-label.svelte-mn7z70 {
772
993
  color: rgba(242, 235, 227, 0.6);
773
994
  font-weight: bold;
774
995
  padding-bottom: 10px;
775
996
  display: inline-block; }
776
997
 
777
- .iroco-ui-form.svelte-nc4hey .field.svelte-nc4hey {
998
+ .iroco-ui-form.svelte-mn7z70 .field.svelte-mn7z70 {
778
999
  margin-top: 20px; }
779
1000
 
780
- .iroco-ui-form.svelte-nc4hey .field.svelte-nc4hey:first-child {
1001
+ .iroco-ui-form.svelte-mn7z70 .field.svelte-mn7z70:first-child {
781
1002
  margin: 0; }
782
1003
 
783
- .iroco-ui-form.svelte-nc4hey > .submit.svelte-nc4hey {
1004
+ .iroco-ui-form.svelte-mn7z70 > .submit.svelte-mn7z70 {
784
1005
  margin-top: 40px; }
785
1006
 
786
- .svelte-nc4hey.svelte-nc4hey, .svelte-nc4hey.svelte-nc4hey::before, .svelte-nc4hey.svelte-nc4hey::after {
1007
+ .svelte-mn7z70.svelte-mn7z70, .svelte-mn7z70.svelte-mn7z70::before, .svelte-mn7z70.svelte-mn7z70::after {
787
1008
  -webkit-box-sizing: border-box;
788
1009
  box-sizing: border-box; }
789
1010
 
790
- a.svelte-nc4hey.svelte-nc4hey, a.svelte-nc4hey.svelte-nc4hey:visited, a.svelte-nc4hey.svelte-nc4hey:active, button.svelte-nc4hey.svelte-nc4hey {
1011
+ a.svelte-mn7z70.svelte-mn7z70, a.svelte-mn7z70.svelte-mn7z70:visited, a.svelte-mn7z70.svelte-mn7z70:active, button.svelte-mn7z70.svelte-mn7z70 {
791
1012
  outline: none;
792
1013
  text-decoration: none;
793
1014
  font-size: 14px;
794
1015
  color: #f2ebe3; }
795
1016
 
796
- .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey, .nav__topbar__item.svelte-nc4hey.svelte-nc4hey {
1017
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70, .nav__topbar__item.svelte-mn7z70.svelte-mn7z70 {
797
1018
  text-decoration: none;
798
1019
  font-size: 0.75em;
799
1020
  display: block; }
800
1021
 
801
- .nav__sidebar__item.svelte-nc4hey a.svelte-nc4hey, .nav__topbar__item.svelte-nc4hey a.svelte-nc4hey {
1022
+ .nav__sidebar__item.svelte-mn7z70 a.svelte-mn7z70, .nav__topbar__item.svelte-mn7z70 a.svelte-mn7z70 {
802
1023
  font-size: 2em;
803
1024
  text-transform: uppercase; }
804
1025
 
805
- .nav__sidebar__close.svelte-nc4hey.svelte-nc4hey, .nav__topbar__close.svelte-nc4hey.svelte-nc4hey {
1026
+ .nav__sidebar__close.svelte-mn7z70.svelte-mn7z70, .nav__topbar__close.svelte-mn7z70.svelte-mn7z70 {
806
1027
  display: none; }
807
1028
 
808
- .nav__sidebar.svelte-nc4hey.svelte-nc4hey {
1029
+ .nav__sidebar.svelte-mn7z70.svelte-mn7z70 {
809
1030
  height: 100%;
810
1031
  width: 300px;
811
1032
  position: absolute;
@@ -813,39 +1034,39 @@ a.svelte-nc4hey.svelte-nc4hey, a.svelte-nc4hey.svelte-nc4hey:visited, a.svelte-n
813
1034
  left: 0;
814
1035
  overflow-x: hidden; }
815
1036
 
816
- .nav__sidebar__item-container.svelte-nc4hey.svelte-nc4hey {
1037
+ .nav__sidebar__item-container.svelte-mn7z70.svelte-mn7z70 {
817
1038
  margin: 0;
818
1039
  padding: 0;
819
1040
  width: 100%;
820
1041
  height: 100%; }
821
1042
 
822
- .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey {
1043
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70 {
823
1044
  padding: 2em;
824
1045
  border-top: 1px solid #464452; }
825
1046
 
826
- .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey:first-child {
1047
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70:first-child {
827
1048
  border-top: none; }
828
1049
 
829
- .nav__sidebar.svelte-nc4hey .active.svelte-nc4hey {
1050
+ .nav__sidebar.svelte-mn7z70 .active.svelte-mn7z70 {
830
1051
  border-top: 1px solid #00D692;
831
1052
  border-bottom: 1px solid #00D692; }
832
1053
 
833
- .nav__topbar.svelte-nc4hey.svelte-nc4hey {
1054
+ .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
834
1055
  flex-grow: 1;
835
1056
  display: flex;
836
1057
  justify-content: flex-end;
837
1058
  transform: translateY(0.3em); }
838
1059
 
839
- .nav__topbar.svelte-nc4hey ul.svelte-nc4hey, .nav__topbar.svelte-nc4hey li.svelte-nc4hey {
1060
+ .nav__topbar.svelte-mn7z70 ul.svelte-mn7z70, .nav__topbar.svelte-mn7z70 li.svelte-mn7z70 {
840
1061
  display: inline; }
841
1062
 
842
- .nav__topbar.svelte-nc4hey ul.svelte-nc4hey {
1063
+ .nav__topbar.svelte-mn7z70 ul.svelte-mn7z70 {
843
1064
  display: flex;
844
1065
  flex-grow: 1;
845
1066
  justify-content: space-around; }
846
1067
 
847
1068
  @media all and (max-width: 768px) {
848
- .nav__sidebar.svelte-nc4hey.svelte-nc4hey, .nav__topbar.svelte-nc4hey.svelte-nc4hey {
1069
+ .nav__sidebar.svelte-mn7z70.svelte-mn7z70, .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
849
1070
  position: fixed;
850
1071
  background-color: #211D28;
851
1072
  top: 0;
@@ -855,12 +1076,12 @@ a.svelte-nc4hey.svelte-nc4hey, a.svelte-nc4hey.svelte-nc4hey:visited, a.svelte-n
855
1076
  padding-top: 2em;
856
1077
  margin: 0;
857
1078
  border-right: none; }
858
- .nav__sidebar__item-container.svelte-nc4hey.svelte-nc4hey, .nav__topbar__item-container.svelte-nc4hey.svelte-nc4hey {
1079
+ .nav__sidebar__item-container.svelte-mn7z70.svelte-mn7z70, .nav__topbar__item-container.svelte-mn7z70.svelte-mn7z70 {
859
1080
  padding: 0em;
860
1081
  margin-top: 2rem; }
861
- .nav__sidebar.svelte-nc4hey ul.svelte-nc4hey, .nav__sidebar.svelte-nc4hey li.svelte-nc4hey, .nav__topbar.svelte-nc4hey ul.svelte-nc4hey, .nav__topbar.svelte-nc4hey li.svelte-nc4hey {
1082
+ .nav__sidebar.svelte-mn7z70 ul.svelte-mn7z70, .nav__sidebar.svelte-mn7z70 li.svelte-mn7z70, .nav__topbar.svelte-mn7z70 ul.svelte-mn7z70, .nav__topbar.svelte-mn7z70 li.svelte-mn7z70 {
862
1083
  display: block; }
863
- .nav__sidebar__close.svelte-nc4hey.svelte-nc4hey, .nav__topbar__close.svelte-nc4hey.svelte-nc4hey {
1084
+ .nav__sidebar__close.svelte-mn7z70.svelte-mn7z70, .nav__topbar__close.svelte-mn7z70.svelte-mn7z70 {
864
1085
  display: block;
865
1086
  position: absolute;
866
1087
  right: 0;
@@ -868,38 +1089,13 @@ a.svelte-nc4hey.svelte-nc4hey, a.svelte-nc4hey.svelte-nc4hey:visited, a.svelte-n
868
1089
  background-color: transparent;
869
1090
  border: none;
870
1091
  color: #a9a29e; }
871
- .nav__sidebar.svelte-nc4hey.svelte-nc4hey {
1092
+ .nav__sidebar.svelte-mn7z70.svelte-mn7z70 {
872
1093
  top: 0;
873
1094
  left: 0; }
874
- .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey:first-child {
1095
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70:first-child {
875
1096
  border-top: 1px solid #464452; }
876
- .nav__topbar.svelte-nc4hey.svelte-nc4hey {
1097
+ .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
877
1098
  height: 100%; }
878
- .nav__topbar__item.svelte-nc4hey.svelte-nc4hey {
1099
+ .nav__topbar__item.svelte-mn7z70.svelte-mn7z70 {
879
1100
  padding: 2em;
880
1101
  border-top: 1px solid #464452; } }
881
-
882
- .alert.svelte-itln7g {
883
- min-height: 2em;
884
- display: inline-flex;
885
- align-items: center;
886
- border-radius: 0.3em;
887
- padding: 0 1em 0 1em;
888
- font-size: 1.2em;
889
- justify-content: center;
890
- margin-bottom: 1em;
891
- cursor: pointer; }
892
-
893
- .alert--danger.svelte-itln7g {
894
- background-color: rgba(255, 80, 77, 0.5);
895
- border: 1px solid #ff504d; }
896
-
897
- .alert--success.svelte-itln7g {
898
- background-color: rgba(0, 214, 146, 0.5);
899
- border: 1px solid #00D692; }
900
-
901
- @use "colors";
902
- @use "containers";
903
- @use "fonts";
904
- @use "forms";
905
- @use "layouts";