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