@iroco/ui 0.17.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 (15) hide show
  1. package/lib/button.scss +1 -0
  2. package/lib/colors.scss +12 -0
  3. package/lib/index.js +48 -37
  4. package/lib/index.min.js +3 -3
  5. package/lib/index.mjs +48 -37
  6. package/lib/index.mjs.css +543 -184
  7. package/lib/iroco.css +45 -0
  8. package/lib/iroco.css.map +1 -1
  9. package/lib/iroco.scss +1 -0
  10. package/package.json +2 -2
  11. package/scss/button.scss +1 -0
  12. package/scss/colors.scss +12 -0
  13. package/scss/iroco.scss +1 -0
  14. package/src/NavBar.svelte +9 -6
  15. package/src/definition.ts +4 -6
package/lib/index.mjs.css CHANGED
@@ -1,6 +1,3 @@
1
- svg.svelte-1cuxg7m {
2
- overflow: visible; }
3
-
4
1
  .rotate.svelte-1dns1yx {
5
2
  animation: svelte-1dns1yx-rotation 2s; }
6
3
 
@@ -16,22 +13,77 @@ svg.svelte-1cuxg7m {
16
13
  to {
17
14
  transform: rotate(359deg); } }
18
15
 
19
- .data-table.svelte-1ju5y8t {
16
+ svg.svelte-1cuxg7m {
17
+ overflow: visible; }
18
+
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-5qkkwb {
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-5qkkwb {
277
+ .container-wide.svelte-nd22lv {
160
278
  max-width: 1620px; } }
161
279
 
162
280
  @media all and (max-width: 1800px) {
163
- .container-wide.svelte-5qkkwb {
281
+ .container-wide.svelte-nd22lv {
164
282
  max-width: 1280px; } }
165
283
 
166
284
  @media all and (max-width: 1440px) {
167
- .container-wide.svelte-5qkkwb {
285
+ .container-wide.svelte-nd22lv {
168
286
  max-width: 884px; } }
169
287
 
170
288
  @media all and (max-width: 1024px) {
171
- .container-wide.svelte-5qkkwb {
289
+ .container-wide.svelte-nd22lv {
172
290
  max-width: 648px; } }
173
291
 
174
292
  @media all and (max-width: 768px) {
175
- .container-wide.svelte-5qkkwb {
293
+ .container-wide.svelte-nd22lv {
176
294
  max-width: 496px; } }
177
295
 
178
296
  @media all and (max-width: 596px) {
179
- .container-wide.svelte-5qkkwb {
297
+ .container-wide.svelte-nd22lv {
180
298
  max-width: 365px; } }
181
299
 
182
300
  @media all and (max-width: 425px) {
183
- .container-wide.svelte-5qkkwb {
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-5qkkwb {
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-5qkkwb {
309
+ .container-wide.svelte-nd22lv {
192
310
  max-width: calc(100% - 20px); } }
193
311
 
194
- .container-large.svelte-5qkkwb {
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-5qkkwb {
320
+ .container-large.svelte-nd22lv {
203
321
  max-width: 884px; } }
204
322
 
205
323
  @media all and (max-width: 1024px) {
206
- .container-large.svelte-5qkkwb {
324
+ .container-large.svelte-nd22lv {
207
325
  max-width: 648px; } }
208
326
 
209
327
  @media all and (max-width: 768px) {
210
- .container-large.svelte-5qkkwb {
328
+ .container-large.svelte-nd22lv {
211
329
  max-width: 496px; } }
212
330
 
213
331
  @media all and (max-width: 596px) {
214
- .container-large.svelte-5qkkwb {
332
+ .container-large.svelte-nd22lv {
215
333
  max-width: 365px; } }
216
334
 
217
335
  @media all and (max-width: 425px) {
218
- .container-large.svelte-5qkkwb {
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-5qkkwb {
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-5qkkwb {
344
+ .container-large.svelte-nd22lv {
227
345
  max-width: calc(100% - 20px); } }
228
346
 
229
- .container-medium.svelte-5qkkwb {
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-5qkkwb {
355
+ .container-medium.svelte-nd22lv {
238
356
  max-width: 648px; } }
239
357
 
240
358
  @media all and (max-width: 768px) {
241
- .container-medium.svelte-5qkkwb {
359
+ .container-medium.svelte-nd22lv {
242
360
  max-width: 496px; } }
243
361
 
244
362
  @media all and (max-width: 596px) {
245
- .container-medium.svelte-5qkkwb {
363
+ .container-medium.svelte-nd22lv {
246
364
  max-width: 365px; } }
247
365
 
248
366
  @media all and (max-width: 425px) {
249
- .container-medium.svelte-5qkkwb {
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-5qkkwb {
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-5qkkwb {
375
+ .container-medium.svelte-nd22lv {
258
376
  max-width: calc(100% - 20px); } }
259
377
 
260
- .container-small.svelte-5qkkwb {
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-5qkkwb {
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-5qkkwb {
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-5qkkwb {
394
+ .container-small.svelte-nd22lv {
277
395
  max-width: calc(100% - 20px); } }
278
396
 
279
- .iroco-ui-button.svelte-5qkkwb {
397
+ .iroco-ui-button.svelte-nd22lv {
280
398
  cursor: pointer;
281
399
  -webkit-touch-callout: none;
282
400
  -webkit-user-select: none;
@@ -291,43 +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-5qkkwb {
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-5qkkwb {
416
+ .iroco-ui-button--dark.svelte-nd22lv {
299
417
  background: #18151E;
300
418
  color: #f2ebe3; }
301
419
 
302
- .iroco-ui-button--success.svelte-5qkkwb {
303
- background: #00D692; }
420
+ .iroco-ui-button--success.svelte-nd22lv {
421
+ background: #00D692;
422
+ color: #18151E; }
304
423
 
305
- .iroco-ui-button--danger.svelte-5qkkwb {
424
+ .iroco-ui-button--danger.svelte-nd22lv {
306
425
  background: #ff504d; }
307
426
 
308
- .iroco-ui-button--regular.svelte-5qkkwb {
427
+ .iroco-ui-button--regular.svelte-nd22lv {
309
428
  padding: 1em 2em; }
310
429
 
311
- .iroco-ui-button--small.svelte-5qkkwb {
430
+ .iroco-ui-button--small.svelte-nd22lv {
312
431
  padding: 0.5em 1em; }
313
432
 
314
- .iroco-ui-button--basic.svelte-5qkkwb:hover, .iroco-ui-button--success.svelte-5qkkwb:hover, .iroco-ui-button--danger.svelte-5qkkwb:hover {
433
+ .iroco-ui-button--basic.svelte-nd22lv:hover, .iroco-ui-button--success.svelte-nd22lv:hover, .iroco-ui-button--danger.svelte-nd22lv:hover {
315
434
  box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
316
435
 
317
- .iroco-ui-button--dark.svelte-5qkkwb:hover {
436
+ .iroco-ui-button--dark.svelte-nd22lv:hover {
318
437
  box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
319
438
 
320
- .iroco-ui-button.svelte-5qkkwb:active {
439
+ .iroco-ui-button.svelte-nd22lv:active {
321
440
  box-shadow: none; }
322
441
 
323
- .iroco-ui-button.disabled.svelte-5qkkwb {
442
+ .iroco-ui-button.disabled.svelte-nd22lv {
324
443
  background-color: #f5f5f5;
325
444
  cursor: default; }
326
445
 
327
- .iroco-ui-button.disabled.svelte-5qkkwb:hover {
446
+ .iroco-ui-button.disabled.svelte-nd22lv:hover {
328
447
  box-shadow: none; }
329
448
 
330
- .container-wide.svelte-v0jihd.svelte-v0jihd {
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 {
331
483
  width: calc(100% - 20px);
332
484
  max-width: 2360px;
333
485
  margin-left: auto;
@@ -335,42 +487,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
335
487
  transition: max-width ease-out 200ms; }
336
488
 
337
489
  @media all and (max-width: 2560px) {
338
- .container-wide.svelte-v0jihd.svelte-v0jihd {
490
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
339
491
  max-width: 1620px; } }
340
492
 
341
493
  @media all and (max-width: 1800px) {
342
- .container-wide.svelte-v0jihd.svelte-v0jihd {
494
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
343
495
  max-width: 1280px; } }
344
496
 
345
497
  @media all and (max-width: 1440px) {
346
- .container-wide.svelte-v0jihd.svelte-v0jihd {
498
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
347
499
  max-width: 884px; } }
348
500
 
349
501
  @media all and (max-width: 1024px) {
350
- .container-wide.svelte-v0jihd.svelte-v0jihd {
502
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
351
503
  max-width: 648px; } }
352
504
 
353
505
  @media all and (max-width: 768px) {
354
- .container-wide.svelte-v0jihd.svelte-v0jihd {
506
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
355
507
  max-width: 496px; } }
356
508
 
357
509
  @media all and (max-width: 596px) {
358
- .container-wide.svelte-v0jihd.svelte-v0jihd {
510
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
359
511
  max-width: 365px; } }
360
512
 
361
513
  @media all and (max-width: 425px) {
362
- .container-wide.svelte-v0jihd.svelte-v0jihd {
514
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
363
515
  max-width: calc(100% - 60px); } }
364
516
 
365
517
  @media all and (max-width: 375px) {
366
- .container-wide.svelte-v0jihd.svelte-v0jihd {
518
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
367
519
  max-width: calc(100% - 40px); } }
368
520
 
369
521
  @media all and (max-width: 320px) {
370
- .container-wide.svelte-v0jihd.svelte-v0jihd {
522
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
371
523
  max-width: calc(100% - 20px); } }
372
524
 
373
- .container-large.svelte-v0jihd.svelte-v0jihd {
525
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
374
526
  width: calc(100% - 20px);
375
527
  max-width: 1280px;
376
528
  margin-left: auto;
@@ -378,34 +530,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
378
530
  transition: max-width ease-out 200ms; }
379
531
 
380
532
  @media all and (max-width: 1440px) {
381
- .container-large.svelte-v0jihd.svelte-v0jihd {
533
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
382
534
  max-width: 884px; } }
383
535
 
384
536
  @media all and (max-width: 1024px) {
385
- .container-large.svelte-v0jihd.svelte-v0jihd {
537
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
386
538
  max-width: 648px; } }
387
539
 
388
540
  @media all and (max-width: 768px) {
389
- .container-large.svelte-v0jihd.svelte-v0jihd {
541
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
390
542
  max-width: 496px; } }
391
543
 
392
544
  @media all and (max-width: 596px) {
393
- .container-large.svelte-v0jihd.svelte-v0jihd {
545
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
394
546
  max-width: 365px; } }
395
547
 
396
548
  @media all and (max-width: 425px) {
397
- .container-large.svelte-v0jihd.svelte-v0jihd {
549
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
398
550
  max-width: calc(100% - 60px); } }
399
551
 
400
552
  @media all and (max-width: 375px) {
401
- .container-large.svelte-v0jihd.svelte-v0jihd {
553
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
402
554
  max-width: calc(100% - 40px); } }
403
555
 
404
556
  @media all and (max-width: 320px) {
405
- .container-large.svelte-v0jihd.svelte-v0jihd {
557
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
406
558
  max-width: calc(100% - 20px); } }
407
559
 
408
- .container-medium.svelte-v0jihd.svelte-v0jihd {
560
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
409
561
  width: calc(100% - 20px);
410
562
  max-width: 884px;
411
563
  margin-left: auto;
@@ -413,30 +565,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
413
565
  transition: max-width ease-out 200ms; }
414
566
 
415
567
  @media all and (max-width: 1024px) {
416
- .container-medium.svelte-v0jihd.svelte-v0jihd {
568
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
417
569
  max-width: 648px; } }
418
570
 
419
571
  @media all and (max-width: 768px) {
420
- .container-medium.svelte-v0jihd.svelte-v0jihd {
572
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
421
573
  max-width: 496px; } }
422
574
 
423
575
  @media all and (max-width: 596px) {
424
- .container-medium.svelte-v0jihd.svelte-v0jihd {
576
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
425
577
  max-width: 365px; } }
426
578
 
427
579
  @media all and (max-width: 425px) {
428
- .container-medium.svelte-v0jihd.svelte-v0jihd {
580
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
429
581
  max-width: calc(100% - 60px); } }
430
582
 
431
583
  @media all and (max-width: 375px) {
432
- .container-medium.svelte-v0jihd.svelte-v0jihd {
584
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
433
585
  max-width: calc(100% - 40px); } }
434
586
 
435
587
  @media all and (max-width: 320px) {
436
- .container-medium.svelte-v0jihd.svelte-v0jihd {
588
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
437
589
  max-width: calc(100% - 20px); } }
438
590
 
439
- .container-small.svelte-v0jihd.svelte-v0jihd {
591
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
440
592
  width: calc(100% - 20px);
441
593
  max-width: 496px;
442
594
  margin-left: auto;
@@ -444,18 +596,51 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
444
596
  transition: max-width ease-out 200ms; }
445
597
 
446
598
  @media all and (max-width: 425px) {
447
- .container-small.svelte-v0jihd.svelte-v0jihd {
599
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
448
600
  max-width: calc(100% - 60px); } }
449
601
 
450
602
  @media all and (max-width: 375px) {
451
- .container-small.svelte-v0jihd.svelte-v0jihd {
603
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
452
604
  max-width: calc(100% - 40px); } }
453
605
 
454
606
  @media all and (max-width: 320px) {
455
- .container-small.svelte-v0jihd.svelte-v0jihd {
607
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
456
608
  max-width: calc(100% - 20px); } }
457
609
 
458
- .container-wide.svelte-v0jihd.svelte-v0jihd {
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 {
459
644
  width: calc(100% - 20px);
460
645
  max-width: 2360px;
461
646
  margin-left: auto;
@@ -463,42 +648,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
463
648
  transition: max-width ease-out 200ms; }
464
649
 
465
650
  @media all and (max-width: 2560px) {
466
- .container-wide.svelte-v0jihd.svelte-v0jihd {
651
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
467
652
  max-width: 1620px; } }
468
653
 
469
654
  @media all and (max-width: 1800px) {
470
- .container-wide.svelte-v0jihd.svelte-v0jihd {
655
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
471
656
  max-width: 1280px; } }
472
657
 
473
658
  @media all and (max-width: 1440px) {
474
- .container-wide.svelte-v0jihd.svelte-v0jihd {
659
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
475
660
  max-width: 884px; } }
476
661
 
477
662
  @media all and (max-width: 1024px) {
478
- .container-wide.svelte-v0jihd.svelte-v0jihd {
663
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
479
664
  max-width: 648px; } }
480
665
 
481
666
  @media all and (max-width: 768px) {
482
- .container-wide.svelte-v0jihd.svelte-v0jihd {
667
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
483
668
  max-width: 496px; } }
484
669
 
485
670
  @media all and (max-width: 596px) {
486
- .container-wide.svelte-v0jihd.svelte-v0jihd {
671
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
487
672
  max-width: 365px; } }
488
673
 
489
674
  @media all and (max-width: 425px) {
490
- .container-wide.svelte-v0jihd.svelte-v0jihd {
675
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
491
676
  max-width: calc(100% - 60px); } }
492
677
 
493
678
  @media all and (max-width: 375px) {
494
- .container-wide.svelte-v0jihd.svelte-v0jihd {
679
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
495
680
  max-width: calc(100% - 40px); } }
496
681
 
497
682
  @media all and (max-width: 320px) {
498
- .container-wide.svelte-v0jihd.svelte-v0jihd {
683
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
499
684
  max-width: calc(100% - 20px); } }
500
685
 
501
- .container-large.svelte-v0jihd.svelte-v0jihd {
686
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
502
687
  width: calc(100% - 20px);
503
688
  max-width: 1280px;
504
689
  margin-left: auto;
@@ -506,34 +691,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
506
691
  transition: max-width ease-out 200ms; }
507
692
 
508
693
  @media all and (max-width: 1440px) {
509
- .container-large.svelte-v0jihd.svelte-v0jihd {
694
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
510
695
  max-width: 884px; } }
511
696
 
512
697
  @media all and (max-width: 1024px) {
513
- .container-large.svelte-v0jihd.svelte-v0jihd {
698
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
514
699
  max-width: 648px; } }
515
700
 
516
701
  @media all and (max-width: 768px) {
517
- .container-large.svelte-v0jihd.svelte-v0jihd {
702
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
518
703
  max-width: 496px; } }
519
704
 
520
705
  @media all and (max-width: 596px) {
521
- .container-large.svelte-v0jihd.svelte-v0jihd {
706
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
522
707
  max-width: 365px; } }
523
708
 
524
709
  @media all and (max-width: 425px) {
525
- .container-large.svelte-v0jihd.svelte-v0jihd {
710
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
526
711
  max-width: calc(100% - 60px); } }
527
712
 
528
713
  @media all and (max-width: 375px) {
529
- .container-large.svelte-v0jihd.svelte-v0jihd {
714
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
530
715
  max-width: calc(100% - 40px); } }
531
716
 
532
717
  @media all and (max-width: 320px) {
533
- .container-large.svelte-v0jihd.svelte-v0jihd {
718
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
534
719
  max-width: calc(100% - 20px); } }
535
720
 
536
- .container-medium.svelte-v0jihd.svelte-v0jihd {
721
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
537
722
  width: calc(100% - 20px);
538
723
  max-width: 884px;
539
724
  margin-left: auto;
@@ -541,30 +726,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
541
726
  transition: max-width ease-out 200ms; }
542
727
 
543
728
  @media all and (max-width: 1024px) {
544
- .container-medium.svelte-v0jihd.svelte-v0jihd {
729
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
545
730
  max-width: 648px; } }
546
731
 
547
732
  @media all and (max-width: 768px) {
548
- .container-medium.svelte-v0jihd.svelte-v0jihd {
733
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
549
734
  max-width: 496px; } }
550
735
 
551
736
  @media all and (max-width: 596px) {
552
- .container-medium.svelte-v0jihd.svelte-v0jihd {
737
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
553
738
  max-width: 365px; } }
554
739
 
555
740
  @media all and (max-width: 425px) {
556
- .container-medium.svelte-v0jihd.svelte-v0jihd {
741
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
557
742
  max-width: calc(100% - 60px); } }
558
743
 
559
744
  @media all and (max-width: 375px) {
560
- .container-medium.svelte-v0jihd.svelte-v0jihd {
745
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
561
746
  max-width: calc(100% - 40px); } }
562
747
 
563
748
  @media all and (max-width: 320px) {
564
- .container-medium.svelte-v0jihd.svelte-v0jihd {
749
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
565
750
  max-width: calc(100% - 20px); } }
566
751
 
567
- .container-small.svelte-v0jihd.svelte-v0jihd {
752
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
568
753
  width: calc(100% - 20px);
569
754
  max-width: 496px;
570
755
  margin-left: auto;
@@ -572,18 +757,18 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
572
757
  transition: max-width ease-out 200ms; }
573
758
 
574
759
  @media all and (max-width: 425px) {
575
- .container-small.svelte-v0jihd.svelte-v0jihd {
760
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
576
761
  max-width: calc(100% - 60px); } }
577
762
 
578
763
  @media all and (max-width: 375px) {
579
- .container-small.svelte-v0jihd.svelte-v0jihd {
764
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
580
765
  max-width: calc(100% - 40px); } }
581
766
 
582
767
  @media all and (max-width: 320px) {
583
- .container-small.svelte-v0jihd.svelte-v0jihd {
768
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
584
769
  max-width: calc(100% - 20px); } }
585
770
 
586
- .iroco-ui-button.svelte-v0jihd.svelte-v0jihd {
771
+ .iroco-ui-button.svelte-mn7z70.svelte-mn7z70 {
587
772
  cursor: pointer;
588
773
  -webkit-touch-callout: none;
589
774
  -webkit-user-select: none;
@@ -598,55 +783,246 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
598
783
  text-transform: uppercase;
599
784
  border-radius: 0.3em; }
600
785
 
601
- .iroco-ui-button--basic.svelte-v0jihd.svelte-v0jihd {
786
+ .iroco-ui-button--basic.svelte-mn7z70.svelte-mn7z70 {
602
787
  background: #f2ebe3;
603
788
  border: 1px solid #18151E; }
604
789
 
605
- .iroco-ui-button--dark.svelte-v0jihd.svelte-v0jihd {
790
+ .iroco-ui-button--dark.svelte-mn7z70.svelte-mn7z70 {
606
791
  background: #18151E;
607
792
  color: #f2ebe3; }
608
793
 
609
- .iroco-ui-button--success.svelte-v0jihd.svelte-v0jihd {
610
- background: #00D692; }
794
+ .iroco-ui-button--success.svelte-mn7z70.svelte-mn7z70 {
795
+ background: #00D692;
796
+ color: #18151E; }
611
797
 
612
- .iroco-ui-button--danger.svelte-v0jihd.svelte-v0jihd {
798
+ .iroco-ui-button--danger.svelte-mn7z70.svelte-mn7z70 {
613
799
  background: #ff504d; }
614
800
 
615
- .iroco-ui-button--regular.svelte-v0jihd.svelte-v0jihd {
801
+ .iroco-ui-button--regular.svelte-mn7z70.svelte-mn7z70 {
616
802
  padding: 1em 2em; }
617
803
 
618
- .iroco-ui-button--small.svelte-v0jihd.svelte-v0jihd {
804
+ .iroco-ui-button--small.svelte-mn7z70.svelte-mn7z70 {
619
805
  padding: 0.5em 1em; }
620
806
 
621
- .iroco-ui-button--basic.svelte-v0jihd.svelte-v0jihd:hover, .iroco-ui-button--success.svelte-v0jihd.svelte-v0jihd:hover, .iroco-ui-button--danger.svelte-v0jihd.svelte-v0jihd: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 {
622
808
  box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
623
809
 
624
- .iroco-ui-button--dark.svelte-v0jihd.svelte-v0jihd:hover {
810
+ .iroco-ui-button--dark.svelte-mn7z70.svelte-mn7z70:hover {
625
811
  box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
626
812
 
627
- .iroco-ui-button.svelte-v0jihd.svelte-v0jihd:active {
813
+ .iroco-ui-button.svelte-mn7z70.svelte-mn7z70:active {
628
814
  box-shadow: none; }
629
815
 
630
- .iroco-ui-button.disabled.svelte-v0jihd.svelte-v0jihd {
816
+ .iroco-ui-button.disabled.svelte-mn7z70.svelte-mn7z70 {
631
817
  background-color: #f5f5f5;
632
818
  cursor: default; }
633
819
 
634
- .iroco-ui-button.disabled.svelte-v0jihd.svelte-v0jihd:hover {
820
+ .iroco-ui-button.disabled.svelte-mn7z70.svelte-mn7z70:hover {
635
821
  box-shadow: none; }
636
822
 
637
- .nav__sidebar__item.svelte-v0jihd.svelte-v0jihd, .nav__topbar__item.svelte-v0jihd.svelte-v0jihd {
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 {
857
+ width: calc(100% - 20px);
858
+ max-width: 2360px;
859
+ margin-left: auto;
860
+ margin-right: auto;
861
+ transition: max-width ease-out 200ms; }
862
+
863
+ @media all and (max-width: 2560px) {
864
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
865
+ max-width: 1620px; } }
866
+
867
+ @media all and (max-width: 1800px) {
868
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
869
+ max-width: 1280px; } }
870
+
871
+ @media all and (max-width: 1440px) {
872
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
873
+ max-width: 884px; } }
874
+
875
+ @media all and (max-width: 1024px) {
876
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
877
+ max-width: 648px; } }
878
+
879
+ @media all and (max-width: 768px) {
880
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
881
+ max-width: 496px; } }
882
+
883
+ @media all and (max-width: 596px) {
884
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
885
+ max-width: 365px; } }
886
+
887
+ @media all and (max-width: 425px) {
888
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
889
+ max-width: calc(100% - 60px); } }
890
+
891
+ @media all and (max-width: 375px) {
892
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
893
+ max-width: calc(100% - 40px); } }
894
+
895
+ @media all and (max-width: 320px) {
896
+ .container-wide.svelte-mn7z70.svelte-mn7z70 {
897
+ max-width: calc(100% - 20px); } }
898
+
899
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
900
+ width: calc(100% - 20px);
901
+ max-width: 1280px;
902
+ margin-left: auto;
903
+ margin-right: auto;
904
+ transition: max-width ease-out 200ms; }
905
+
906
+ @media all and (max-width: 1440px) {
907
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
908
+ max-width: 884px; } }
909
+
910
+ @media all and (max-width: 1024px) {
911
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
912
+ max-width: 648px; } }
913
+
914
+ @media all and (max-width: 768px) {
915
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
916
+ max-width: 496px; } }
917
+
918
+ @media all and (max-width: 596px) {
919
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
920
+ max-width: 365px; } }
921
+
922
+ @media all and (max-width: 425px) {
923
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
924
+ max-width: calc(100% - 60px); } }
925
+
926
+ @media all and (max-width: 375px) {
927
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
928
+ max-width: calc(100% - 40px); } }
929
+
930
+ @media all and (max-width: 320px) {
931
+ .container-large.svelte-mn7z70.svelte-mn7z70 {
932
+ max-width: calc(100% - 20px); } }
933
+
934
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
935
+ width: calc(100% - 20px);
936
+ max-width: 884px;
937
+ margin-left: auto;
938
+ margin-right: auto;
939
+ transition: max-width ease-out 200ms; }
940
+
941
+ @media all and (max-width: 1024px) {
942
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
943
+ max-width: 648px; } }
944
+
945
+ @media all and (max-width: 768px) {
946
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
947
+ max-width: 496px; } }
948
+
949
+ @media all and (max-width: 596px) {
950
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
951
+ max-width: 365px; } }
952
+
953
+ @media all and (max-width: 425px) {
954
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
955
+ max-width: calc(100% - 60px); } }
956
+
957
+ @media all and (max-width: 375px) {
958
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
959
+ max-width: calc(100% - 40px); } }
960
+
961
+ @media all and (max-width: 320px) {
962
+ .container-medium.svelte-mn7z70.svelte-mn7z70 {
963
+ max-width: calc(100% - 20px); } }
964
+
965
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
966
+ width: calc(100% - 20px);
967
+ max-width: 496px;
968
+ margin-left: auto;
969
+ margin-right: auto;
970
+ transition: max-width ease-out 200ms; }
971
+
972
+ @media all and (max-width: 425px) {
973
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
974
+ max-width: calc(100% - 60px); } }
975
+
976
+ @media all and (max-width: 375px) {
977
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
978
+ max-width: calc(100% - 40px); } }
979
+
980
+ @media all and (max-width: 320px) {
981
+ .container-small.svelte-mn7z70.svelte-mn7z70 {
982
+ max-width: calc(100% - 20px); } }
983
+
984
+ .iroco-ui-form.svelte-mn7z70 .iroco-ui-input.svelte-mn7z70 {
985
+ display: flex;
986
+ flex-direction: column; }
987
+
988
+ .iroco-ui-form.svelte-mn7z70 .iroco-ui-label.svelte-mn7z70 {
989
+ color: rgba(242, 235, 227, 0.6);
990
+ font-weight: bold;
991
+ padding-bottom: 10px;
992
+ display: inline-block; }
993
+
994
+ .iroco-ui-form.svelte-mn7z70 .field.svelte-mn7z70 {
995
+ margin-top: 20px; }
996
+
997
+ .iroco-ui-form.svelte-mn7z70 .field.svelte-mn7z70:first-child {
998
+ margin: 0; }
999
+
1000
+ .iroco-ui-form.svelte-mn7z70 > .submit.svelte-mn7z70 {
1001
+ margin-top: 40px; }
1002
+
1003
+ .svelte-mn7z70.svelte-mn7z70, .svelte-mn7z70.svelte-mn7z70::before, .svelte-mn7z70.svelte-mn7z70::after {
1004
+ -webkit-box-sizing: border-box;
1005
+ box-sizing: border-box; }
1006
+
1007
+ a.svelte-mn7z70.svelte-mn7z70, a.svelte-mn7z70.svelte-mn7z70:visited, a.svelte-mn7z70.svelte-mn7z70:active, button.svelte-mn7z70.svelte-mn7z70 {
1008
+ outline: none;
1009
+ text-decoration: none;
1010
+ font-size: 14px;
1011
+ color: #f2ebe3; }
1012
+
1013
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70, .nav__topbar__item.svelte-mn7z70.svelte-mn7z70 {
638
1014
  text-decoration: none;
639
1015
  font-size: 0.75em;
640
1016
  display: block; }
641
1017
 
642
- .nav__sidebar__item.svelte-v0jihd a.svelte-v0jihd, .nav__topbar__item.svelte-v0jihd a.svelte-v0jihd {
643
- color: #f2ebe3;
644
- font-size: 2em; }
1018
+ .nav__sidebar__item.svelte-mn7z70 a.svelte-mn7z70, .nav__topbar__item.svelte-mn7z70 a.svelte-mn7z70 {
1019
+ font-size: 2em;
1020
+ text-transform: uppercase; }
645
1021
 
646
- .nav__sidebar__close.svelte-v0jihd.svelte-v0jihd, .nav__topbar__close.svelte-v0jihd.svelte-v0jihd {
1022
+ .nav__sidebar__close.svelte-mn7z70.svelte-mn7z70, .nav__topbar__close.svelte-mn7z70.svelte-mn7z70 {
647
1023
  display: none; }
648
1024
 
649
- .nav__sidebar.svelte-v0jihd.svelte-v0jihd {
1025
+ .nav__sidebar.svelte-mn7z70.svelte-mn7z70 {
650
1026
  height: 100%;
651
1027
  width: 300px;
652
1028
  position: absolute;
@@ -654,38 +1030,39 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
654
1030
  left: 0;
655
1031
  overflow-x: hidden; }
656
1032
 
657
- .nav__sidebar__item-container.svelte-v0jihd.svelte-v0jihd {
1033
+ .nav__sidebar__item-container.svelte-mn7z70.svelte-mn7z70 {
658
1034
  margin: 0;
659
1035
  padding: 0;
660
1036
  width: 100%;
661
1037
  height: 100%; }
662
1038
 
663
- .nav__sidebar__item.svelte-v0jihd.svelte-v0jihd {
1039
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70 {
664
1040
  padding: 2em;
665
1041
  border-top: 1px solid #464452; }
666
1042
 
667
- .nav__sidebar__item.svelte-v0jihd.svelte-v0jihd:first-child {
1043
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70:first-child {
668
1044
  border-top: none; }
669
1045
 
670
- .nav__sidebar.svelte-v0jihd .active.svelte-v0jihd {
1046
+ .nav__sidebar.svelte-mn7z70 .active.svelte-mn7z70 {
671
1047
  border-top: 1px solid #00D692;
672
1048
  border-bottom: 1px solid #00D692; }
673
1049
 
674
- .nav__topbar.svelte-v0jihd.svelte-v0jihd {
1050
+ .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
675
1051
  flex-grow: 1;
676
1052
  display: flex;
677
- justify-content: flex-end; }
1053
+ justify-content: flex-end;
1054
+ transform: translateY(0.3em); }
678
1055
 
679
- .nav__topbar.svelte-v0jihd ul.svelte-v0jihd, .nav__topbar.svelte-v0jihd li.svelte-v0jihd {
1056
+ .nav__topbar.svelte-mn7z70 ul.svelte-mn7z70, .nav__topbar.svelte-mn7z70 li.svelte-mn7z70 {
680
1057
  display: inline; }
681
1058
 
682
- .nav__topbar.svelte-v0jihd ul.svelte-v0jihd {
1059
+ .nav__topbar.svelte-mn7z70 ul.svelte-mn7z70 {
683
1060
  display: flex;
684
1061
  flex-grow: 1;
685
1062
  justify-content: space-around; }
686
1063
 
687
1064
  @media all and (max-width: 768px) {
688
- .nav__sidebar.svelte-v0jihd.svelte-v0jihd, .nav__topbar.svelte-v0jihd.svelte-v0jihd {
1065
+ .nav__sidebar.svelte-mn7z70.svelte-mn7z70, .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
689
1066
  position: fixed;
690
1067
  background-color: #211D28;
691
1068
  top: 0;
@@ -695,12 +1072,12 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
695
1072
  padding-top: 2em;
696
1073
  margin: 0;
697
1074
  border-right: none; }
698
- .nav__sidebar__item-container.svelte-v0jihd.svelte-v0jihd, .nav__topbar__item-container.svelte-v0jihd.svelte-v0jihd {
1075
+ .nav__sidebar__item-container.svelte-mn7z70.svelte-mn7z70, .nav__topbar__item-container.svelte-mn7z70.svelte-mn7z70 {
699
1076
  padding: 0em;
700
1077
  margin-top: 2rem; }
701
- .nav__sidebar.svelte-v0jihd ul.svelte-v0jihd, .nav__sidebar.svelte-v0jihd li.svelte-v0jihd, .nav__topbar.svelte-v0jihd ul.svelte-v0jihd, .nav__topbar.svelte-v0jihd li.svelte-v0jihd {
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 {
702
1079
  display: block; }
703
- .nav__sidebar__close.svelte-v0jihd.svelte-v0jihd, .nav__topbar__close.svelte-v0jihd.svelte-v0jihd {
1080
+ .nav__sidebar__close.svelte-mn7z70.svelte-mn7z70, .nav__topbar__close.svelte-mn7z70.svelte-mn7z70 {
704
1081
  display: block;
705
1082
  position: absolute;
706
1083
  right: 0;
@@ -708,14 +1085,14 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
708
1085
  background-color: transparent;
709
1086
  border: none;
710
1087
  color: #a9a29e; }
711
- .nav__sidebar.svelte-v0jihd.svelte-v0jihd {
1088
+ .nav__sidebar.svelte-mn7z70.svelte-mn7z70 {
712
1089
  top: 0;
713
1090
  left: 0; }
714
- .nav__sidebar__item.svelte-v0jihd.svelte-v0jihd:first-child {
1091
+ .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70:first-child {
715
1092
  border-top: 1px solid #464452; }
716
- .nav__topbar.svelte-v0jihd.svelte-v0jihd {
1093
+ .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
717
1094
  height: 100%; }
718
- .nav__topbar__item.svelte-v0jihd.svelte-v0jihd {
1095
+ .nav__topbar__item.svelte-mn7z70.svelte-mn7z70 {
719
1096
  padding: 2em;
720
1097
  border-top: 1px solid #464452; } }
721
1098
 
@@ -724,21 +1101,3 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
724
1101
  @use "fonts";
725
1102
  @use "forms";
726
1103
  @use "layouts";
727
- .alert.svelte-itln7g {
728
- min-height: 2em;
729
- display: inline-flex;
730
- align-items: center;
731
- border-radius: 0.3em;
732
- padding: 0 1em 0 1em;
733
- font-size: 1.2em;
734
- justify-content: center;
735
- margin-bottom: 1em;
736
- cursor: pointer; }
737
-
738
- .alert--danger.svelte-itln7g {
739
- background-color: rgba(255, 80, 77, 0.5);
740
- border: 1px solid #ff504d; }
741
-
742
- .alert--success.svelte-itln7g {
743
- background-color: rgba(0, 214, 146, 0.5);
744
- border: 1px solid #00D692; }