@iroco/ui 0.18.0 → 0.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,6 +13,9 @@ svg.svelte-1cuxg7m {
16
13
  to {
17
14
  transform: rotate(359deg); } }
18
15
 
16
+ svg.svelte-1cuxg7m {
17
+ overflow: visible; }
18
+
19
19
  .data-table.svelte-1ju5y8t {
20
20
  border: 1px solid #464452;
21
21
  width: 100%; }
@@ -148,7 +148,187 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
148
148
  .navigation--mobile__title-container.svelte-lqwgm1 h1.svelte-lqwgm1 {
149
149
  padding-left: 0.5em; } }
150
150
 
151
- .container-wide.svelte-5qkkwb {
151
+ .container-wide.svelte-2gb1hx {
152
+ width: calc(100% - 20px);
153
+ max-width: 2360px;
154
+ margin-left: auto;
155
+ margin-right: auto;
156
+ transition: max-width ease-out 200ms; }
157
+
158
+ @media all and (max-width: 2560px) {
159
+ .container-wide.svelte-2gb1hx {
160
+ max-width: 1620px; } }
161
+
162
+ @media all and (max-width: 1800px) {
163
+ .container-wide.svelte-2gb1hx {
164
+ max-width: 1280px; } }
165
+
166
+ @media all and (max-width: 1440px) {
167
+ .container-wide.svelte-2gb1hx {
168
+ max-width: 884px; } }
169
+
170
+ @media all and (max-width: 1024px) {
171
+ .container-wide.svelte-2gb1hx {
172
+ max-width: 648px; } }
173
+
174
+ @media all and (max-width: 768px) {
175
+ .container-wide.svelte-2gb1hx {
176
+ max-width: 496px; } }
177
+
178
+ @media all and (max-width: 596px) {
179
+ .container-wide.svelte-2gb1hx {
180
+ max-width: 365px; } }
181
+
182
+ @media all and (max-width: 425px) {
183
+ .container-wide.svelte-2gb1hx {
184
+ max-width: calc(100% - 60px); } }
185
+
186
+ @media all and (max-width: 375px) {
187
+ .container-wide.svelte-2gb1hx {
188
+ max-width: calc(100% - 40px); } }
189
+
190
+ @media all and (max-width: 320px) {
191
+ .container-wide.svelte-2gb1hx {
192
+ max-width: calc(100% - 20px); } }
193
+
194
+ .container-large.svelte-2gb1hx {
195
+ width: calc(100% - 20px);
196
+ max-width: 1280px;
197
+ margin-left: auto;
198
+ margin-right: auto;
199
+ transition: max-width ease-out 200ms; }
200
+
201
+ @media all and (max-width: 1440px) {
202
+ .container-large.svelte-2gb1hx {
203
+ max-width: 884px; } }
204
+
205
+ @media all and (max-width: 1024px) {
206
+ .container-large.svelte-2gb1hx {
207
+ max-width: 648px; } }
208
+
209
+ @media all and (max-width: 768px) {
210
+ .container-large.svelte-2gb1hx {
211
+ max-width: 496px; } }
212
+
213
+ @media all and (max-width: 596px) {
214
+ .container-large.svelte-2gb1hx {
215
+ max-width: 365px; } }
216
+
217
+ @media all and (max-width: 425px) {
218
+ .container-large.svelte-2gb1hx {
219
+ max-width: calc(100% - 60px); } }
220
+
221
+ @media all and (max-width: 375px) {
222
+ .container-large.svelte-2gb1hx {
223
+ max-width: calc(100% - 40px); } }
224
+
225
+ @media all and (max-width: 320px) {
226
+ .container-large.svelte-2gb1hx {
227
+ max-width: calc(100% - 20px); } }
228
+
229
+ .container-medium.svelte-2gb1hx {
230
+ width: calc(100% - 20px);
231
+ max-width: 884px;
232
+ margin-left: auto;
233
+ margin-right: auto;
234
+ transition: max-width ease-out 200ms; }
235
+
236
+ @media all and (max-width: 1024px) {
237
+ .container-medium.svelte-2gb1hx {
238
+ max-width: 648px; } }
239
+
240
+ @media all and (max-width: 768px) {
241
+ .container-medium.svelte-2gb1hx {
242
+ max-width: 496px; } }
243
+
244
+ @media all and (max-width: 596px) {
245
+ .container-medium.svelte-2gb1hx {
246
+ max-width: 365px; } }
247
+
248
+ @media all and (max-width: 425px) {
249
+ .container-medium.svelte-2gb1hx {
250
+ max-width: calc(100% - 60px); } }
251
+
252
+ @media all and (max-width: 375px) {
253
+ .container-medium.svelte-2gb1hx {
254
+ max-width: calc(100% - 40px); } }
255
+
256
+ @media all and (max-width: 320px) {
257
+ .container-medium.svelte-2gb1hx {
258
+ max-width: calc(100% - 20px); } }
259
+
260
+ .container-small.svelte-2gb1hx {
261
+ width: calc(100% - 20px);
262
+ max-width: 496px;
263
+ margin-left: auto;
264
+ margin-right: auto;
265
+ transition: max-width ease-out 200ms; }
266
+
267
+ @media all and (max-width: 425px) {
268
+ .container-small.svelte-2gb1hx {
269
+ max-width: calc(100% - 60px); } }
270
+
271
+ @media all and (max-width: 375px) {
272
+ .container-small.svelte-2gb1hx {
273
+ max-width: calc(100% - 40px); } }
274
+
275
+ @media all and (max-width: 320px) {
276
+ .container-small.svelte-2gb1hx {
277
+ max-width: calc(100% - 20px); } }
278
+
279
+ .iroco-ui-button.svelte-2gb1hx {
280
+ cursor: pointer;
281
+ -webkit-touch-callout: none;
282
+ -webkit-user-select: none;
283
+ -khtml-user-select: none;
284
+ -moz-user-select: none;
285
+ -ms-user-select: none;
286
+ user-select: none;
287
+ border: none;
288
+ flex-shrink: 0;
289
+ margin: 1em 0em;
290
+ position: relative;
291
+ text-transform: uppercase;
292
+ border-radius: 0.3em; }
293
+
294
+ .iroco-ui-button--basic.svelte-2gb1hx {
295
+ background: #f2ebe3;
296
+ border: 1px solid #18151E; }
297
+
298
+ .iroco-ui-button--dark.svelte-2gb1hx {
299
+ background: #18151E;
300
+ color: #f2ebe3; }
301
+
302
+ .iroco-ui-button--success.svelte-2gb1hx {
303
+ background: #00D692;
304
+ color: #18151E; }
305
+
306
+ .iroco-ui-button--danger.svelte-2gb1hx {
307
+ background: #ff504d; }
308
+
309
+ .iroco-ui-button--regular.svelte-2gb1hx {
310
+ padding: 1em 2em; }
311
+
312
+ .iroco-ui-button--small.svelte-2gb1hx {
313
+ padding: 0.5em 1em; }
314
+
315
+ .iroco-ui-button--basic.svelte-2gb1hx:hover, .iroco-ui-button--success.svelte-2gb1hx:hover, .iroco-ui-button--danger.svelte-2gb1hx:hover {
316
+ box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
317
+
318
+ .iroco-ui-button--dark.svelte-2gb1hx:hover {
319
+ box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
320
+
321
+ .iroco-ui-button.svelte-2gb1hx:active {
322
+ box-shadow: none; }
323
+
324
+ .iroco-ui-button.disabled.svelte-2gb1hx {
325
+ background-color: #f5f5f5;
326
+ cursor: default; }
327
+
328
+ .iroco-ui-button.disabled.svelte-2gb1hx:hover {
329
+ box-shadow: none; }
330
+
331
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
152
332
  width: calc(100% - 20px);
153
333
  max-width: 2360px;
154
334
  margin-left: auto;
@@ -156,42 +336,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
156
336
  transition: max-width ease-out 200ms; }
157
337
 
158
338
  @media all and (max-width: 2560px) {
159
- .container-wide.svelte-5qkkwb {
339
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
160
340
  max-width: 1620px; } }
161
341
 
162
342
  @media all and (max-width: 1800px) {
163
- .container-wide.svelte-5qkkwb {
343
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
164
344
  max-width: 1280px; } }
165
345
 
166
346
  @media all and (max-width: 1440px) {
167
- .container-wide.svelte-5qkkwb {
347
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
168
348
  max-width: 884px; } }
169
349
 
170
350
  @media all and (max-width: 1024px) {
171
- .container-wide.svelte-5qkkwb {
351
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
172
352
  max-width: 648px; } }
173
353
 
174
354
  @media all and (max-width: 768px) {
175
- .container-wide.svelte-5qkkwb {
355
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
176
356
  max-width: 496px; } }
177
357
 
178
358
  @media all and (max-width: 596px) {
179
- .container-wide.svelte-5qkkwb {
359
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
180
360
  max-width: 365px; } }
181
361
 
182
362
  @media all and (max-width: 425px) {
183
- .container-wide.svelte-5qkkwb {
363
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
184
364
  max-width: calc(100% - 60px); } }
185
365
 
186
366
  @media all and (max-width: 375px) {
187
- .container-wide.svelte-5qkkwb {
367
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
188
368
  max-width: calc(100% - 40px); } }
189
369
 
190
370
  @media all and (max-width: 320px) {
191
- .container-wide.svelte-5qkkwb {
371
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
192
372
  max-width: calc(100% - 20px); } }
193
373
 
194
- .container-large.svelte-5qkkwb {
374
+ .container-large.svelte-nc4hey.svelte-nc4hey {
195
375
  width: calc(100% - 20px);
196
376
  max-width: 1280px;
197
377
  margin-left: auto;
@@ -199,34 +379,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
199
379
  transition: max-width ease-out 200ms; }
200
380
 
201
381
  @media all and (max-width: 1440px) {
202
- .container-large.svelte-5qkkwb {
382
+ .container-large.svelte-nc4hey.svelte-nc4hey {
203
383
  max-width: 884px; } }
204
384
 
205
385
  @media all and (max-width: 1024px) {
206
- .container-large.svelte-5qkkwb {
386
+ .container-large.svelte-nc4hey.svelte-nc4hey {
207
387
  max-width: 648px; } }
208
388
 
209
389
  @media all and (max-width: 768px) {
210
- .container-large.svelte-5qkkwb {
390
+ .container-large.svelte-nc4hey.svelte-nc4hey {
211
391
  max-width: 496px; } }
212
392
 
213
393
  @media all and (max-width: 596px) {
214
- .container-large.svelte-5qkkwb {
394
+ .container-large.svelte-nc4hey.svelte-nc4hey {
215
395
  max-width: 365px; } }
216
396
 
217
397
  @media all and (max-width: 425px) {
218
- .container-large.svelte-5qkkwb {
398
+ .container-large.svelte-nc4hey.svelte-nc4hey {
219
399
  max-width: calc(100% - 60px); } }
220
400
 
221
401
  @media all and (max-width: 375px) {
222
- .container-large.svelte-5qkkwb {
402
+ .container-large.svelte-nc4hey.svelte-nc4hey {
223
403
  max-width: calc(100% - 40px); } }
224
404
 
225
405
  @media all and (max-width: 320px) {
226
- .container-large.svelte-5qkkwb {
406
+ .container-large.svelte-nc4hey.svelte-nc4hey {
227
407
  max-width: calc(100% - 20px); } }
228
408
 
229
- .container-medium.svelte-5qkkwb {
409
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
230
410
  width: calc(100% - 20px);
231
411
  max-width: 884px;
232
412
  margin-left: auto;
@@ -234,30 +414,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
234
414
  transition: max-width ease-out 200ms; }
235
415
 
236
416
  @media all and (max-width: 1024px) {
237
- .container-medium.svelte-5qkkwb {
417
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
238
418
  max-width: 648px; } }
239
419
 
240
420
  @media all and (max-width: 768px) {
241
- .container-medium.svelte-5qkkwb {
421
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
242
422
  max-width: 496px; } }
243
423
 
244
424
  @media all and (max-width: 596px) {
245
- .container-medium.svelte-5qkkwb {
425
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
246
426
  max-width: 365px; } }
247
427
 
248
428
  @media all and (max-width: 425px) {
249
- .container-medium.svelte-5qkkwb {
429
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
250
430
  max-width: calc(100% - 60px); } }
251
431
 
252
432
  @media all and (max-width: 375px) {
253
- .container-medium.svelte-5qkkwb {
433
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
254
434
  max-width: calc(100% - 40px); } }
255
435
 
256
436
  @media all and (max-width: 320px) {
257
- .container-medium.svelte-5qkkwb {
437
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
258
438
  max-width: calc(100% - 20px); } }
259
439
 
260
- .container-small.svelte-5qkkwb {
440
+ .container-small.svelte-nc4hey.svelte-nc4hey {
261
441
  width: calc(100% - 20px);
262
442
  max-width: 496px;
263
443
  margin-left: auto;
@@ -265,18 +445,146 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
265
445
  transition: max-width ease-out 200ms; }
266
446
 
267
447
  @media all and (max-width: 425px) {
268
- .container-small.svelte-5qkkwb {
448
+ .container-small.svelte-nc4hey.svelte-nc4hey {
449
+ max-width: calc(100% - 60px); } }
450
+
451
+ @media all and (max-width: 375px) {
452
+ .container-small.svelte-nc4hey.svelte-nc4hey {
453
+ max-width: calc(100% - 40px); } }
454
+
455
+ @media all and (max-width: 320px) {
456
+ .container-small.svelte-nc4hey.svelte-nc4hey {
457
+ max-width: calc(100% - 20px); } }
458
+
459
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
460
+ width: calc(100% - 20px);
461
+ max-width: 2360px;
462
+ margin-left: auto;
463
+ margin-right: auto;
464
+ transition: max-width ease-out 200ms; }
465
+
466
+ @media all and (max-width: 2560px) {
467
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
468
+ max-width: 1620px; } }
469
+
470
+ @media all and (max-width: 1800px) {
471
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
472
+ max-width: 1280px; } }
473
+
474
+ @media all and (max-width: 1440px) {
475
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
476
+ max-width: 884px; } }
477
+
478
+ @media all and (max-width: 1024px) {
479
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
480
+ max-width: 648px; } }
481
+
482
+ @media all and (max-width: 768px) {
483
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
484
+ max-width: 496px; } }
485
+
486
+ @media all and (max-width: 596px) {
487
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
488
+ max-width: 365px; } }
489
+
490
+ @media all and (max-width: 425px) {
491
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
492
+ max-width: calc(100% - 60px); } }
493
+
494
+ @media all and (max-width: 375px) {
495
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
496
+ max-width: calc(100% - 40px); } }
497
+
498
+ @media all and (max-width: 320px) {
499
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
500
+ max-width: calc(100% - 20px); } }
501
+
502
+ .container-large.svelte-nc4hey.svelte-nc4hey {
503
+ width: calc(100% - 20px);
504
+ max-width: 1280px;
505
+ margin-left: auto;
506
+ margin-right: auto;
507
+ transition: max-width ease-out 200ms; }
508
+
509
+ @media all and (max-width: 1440px) {
510
+ .container-large.svelte-nc4hey.svelte-nc4hey {
511
+ max-width: 884px; } }
512
+
513
+ @media all and (max-width: 1024px) {
514
+ .container-large.svelte-nc4hey.svelte-nc4hey {
515
+ max-width: 648px; } }
516
+
517
+ @media all and (max-width: 768px) {
518
+ .container-large.svelte-nc4hey.svelte-nc4hey {
519
+ max-width: 496px; } }
520
+
521
+ @media all and (max-width: 596px) {
522
+ .container-large.svelte-nc4hey.svelte-nc4hey {
523
+ max-width: 365px; } }
524
+
525
+ @media all and (max-width: 425px) {
526
+ .container-large.svelte-nc4hey.svelte-nc4hey {
269
527
  max-width: calc(100% - 60px); } }
270
528
 
271
529
  @media all and (max-width: 375px) {
272
- .container-small.svelte-5qkkwb {
530
+ .container-large.svelte-nc4hey.svelte-nc4hey {
273
531
  max-width: calc(100% - 40px); } }
274
532
 
275
533
  @media all and (max-width: 320px) {
276
- .container-small.svelte-5qkkwb {
534
+ .container-large.svelte-nc4hey.svelte-nc4hey {
277
535
  max-width: calc(100% - 20px); } }
278
536
 
279
- .iroco-ui-button.svelte-5qkkwb {
537
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
538
+ width: calc(100% - 20px);
539
+ max-width: 884px;
540
+ margin-left: auto;
541
+ margin-right: auto;
542
+ transition: max-width ease-out 200ms; }
543
+
544
+ @media all and (max-width: 1024px) {
545
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
546
+ max-width: 648px; } }
547
+
548
+ @media all and (max-width: 768px) {
549
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
550
+ max-width: 496px; } }
551
+
552
+ @media all and (max-width: 596px) {
553
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
554
+ max-width: 365px; } }
555
+
556
+ @media all and (max-width: 425px) {
557
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
558
+ max-width: calc(100% - 60px); } }
559
+
560
+ @media all and (max-width: 375px) {
561
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
562
+ max-width: calc(100% - 40px); } }
563
+
564
+ @media all and (max-width: 320px) {
565
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
566
+ max-width: calc(100% - 20px); } }
567
+
568
+ .container-small.svelte-nc4hey.svelte-nc4hey {
569
+ width: calc(100% - 20px);
570
+ max-width: 496px;
571
+ margin-left: auto;
572
+ margin-right: auto;
573
+ transition: max-width ease-out 200ms; }
574
+
575
+ @media all and (max-width: 425px) {
576
+ .container-small.svelte-nc4hey.svelte-nc4hey {
577
+ max-width: calc(100% - 60px); } }
578
+
579
+ @media all and (max-width: 375px) {
580
+ .container-small.svelte-nc4hey.svelte-nc4hey {
581
+ max-width: calc(100% - 40px); } }
582
+
583
+ @media all and (max-width: 320px) {
584
+ .container-small.svelte-nc4hey.svelte-nc4hey {
585
+ max-width: calc(100% - 20px); } }
586
+
587
+ .iroco-ui-button.svelte-nc4hey.svelte-nc4hey {
280
588
  cursor: pointer;
281
589
  -webkit-touch-callout: none;
282
590
  -webkit-user-select: none;
@@ -291,43 +599,44 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
291
599
  text-transform: uppercase;
292
600
  border-radius: 0.3em; }
293
601
 
294
- .iroco-ui-button--basic.svelte-5qkkwb {
602
+ .iroco-ui-button--basic.svelte-nc4hey.svelte-nc4hey {
295
603
  background: #f2ebe3;
296
604
  border: 1px solid #18151E; }
297
605
 
298
- .iroco-ui-button--dark.svelte-5qkkwb {
606
+ .iroco-ui-button--dark.svelte-nc4hey.svelte-nc4hey {
299
607
  background: #18151E;
300
608
  color: #f2ebe3; }
301
609
 
302
- .iroco-ui-button--success.svelte-5qkkwb {
303
- background: #00D692; }
610
+ .iroco-ui-button--success.svelte-nc4hey.svelte-nc4hey {
611
+ background: #00D692;
612
+ color: #18151E; }
304
613
 
305
- .iroco-ui-button--danger.svelte-5qkkwb {
614
+ .iroco-ui-button--danger.svelte-nc4hey.svelte-nc4hey {
306
615
  background: #ff504d; }
307
616
 
308
- .iroco-ui-button--regular.svelte-5qkkwb {
617
+ .iroco-ui-button--regular.svelte-nc4hey.svelte-nc4hey {
309
618
  padding: 1em 2em; }
310
619
 
311
- .iroco-ui-button--small.svelte-5qkkwb {
620
+ .iroco-ui-button--small.svelte-nc4hey.svelte-nc4hey {
312
621
  padding: 0.5em 1em; }
313
622
 
314
- .iroco-ui-button--basic.svelte-5qkkwb:hover, .iroco-ui-button--success.svelte-5qkkwb:hover, .iroco-ui-button--danger.svelte-5qkkwb:hover {
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 {
315
624
  box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
316
625
 
317
- .iroco-ui-button--dark.svelte-5qkkwb:hover {
626
+ .iroco-ui-button--dark.svelte-nc4hey.svelte-nc4hey:hover {
318
627
  box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
319
628
 
320
- .iroco-ui-button.svelte-5qkkwb:active {
629
+ .iroco-ui-button.svelte-nc4hey.svelte-nc4hey:active {
321
630
  box-shadow: none; }
322
631
 
323
- .iroco-ui-button.disabled.svelte-5qkkwb {
632
+ .iroco-ui-button.disabled.svelte-nc4hey.svelte-nc4hey {
324
633
  background-color: #f5f5f5;
325
634
  cursor: default; }
326
635
 
327
- .iroco-ui-button.disabled.svelte-5qkkwb:hover {
636
+ .iroco-ui-button.disabled.svelte-nc4hey.svelte-nc4hey:hover {
328
637
  box-shadow: none; }
329
638
 
330
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
639
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
331
640
  width: calc(100% - 20px);
332
641
  max-width: 2360px;
333
642
  margin-left: auto;
@@ -335,42 +644,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
335
644
  transition: max-width ease-out 200ms; }
336
645
 
337
646
  @media all and (max-width: 2560px) {
338
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
647
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
339
648
  max-width: 1620px; } }
340
649
 
341
650
  @media all and (max-width: 1800px) {
342
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
651
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
343
652
  max-width: 1280px; } }
344
653
 
345
654
  @media all and (max-width: 1440px) {
346
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
655
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
347
656
  max-width: 884px; } }
348
657
 
349
658
  @media all and (max-width: 1024px) {
350
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
659
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
351
660
  max-width: 648px; } }
352
661
 
353
662
  @media all and (max-width: 768px) {
354
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
663
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
355
664
  max-width: 496px; } }
356
665
 
357
666
  @media all and (max-width: 596px) {
358
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
667
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
359
668
  max-width: 365px; } }
360
669
 
361
670
  @media all and (max-width: 425px) {
362
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
671
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
363
672
  max-width: calc(100% - 60px); } }
364
673
 
365
674
  @media all and (max-width: 375px) {
366
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
675
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
367
676
  max-width: calc(100% - 40px); } }
368
677
 
369
678
  @media all and (max-width: 320px) {
370
- .container-wide.svelte-1c8sozl.svelte-1c8sozl {
679
+ .container-wide.svelte-nc4hey.svelte-nc4hey {
371
680
  max-width: calc(100% - 20px); } }
372
681
 
373
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
682
+ .container-large.svelte-nc4hey.svelte-nc4hey {
374
683
  width: calc(100% - 20px);
375
684
  max-width: 1280px;
376
685
  margin-left: auto;
@@ -378,34 +687,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
378
687
  transition: max-width ease-out 200ms; }
379
688
 
380
689
  @media all and (max-width: 1440px) {
381
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
690
+ .container-large.svelte-nc4hey.svelte-nc4hey {
382
691
  max-width: 884px; } }
383
692
 
384
693
  @media all and (max-width: 1024px) {
385
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
694
+ .container-large.svelte-nc4hey.svelte-nc4hey {
386
695
  max-width: 648px; } }
387
696
 
388
697
  @media all and (max-width: 768px) {
389
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
698
+ .container-large.svelte-nc4hey.svelte-nc4hey {
390
699
  max-width: 496px; } }
391
700
 
392
701
  @media all and (max-width: 596px) {
393
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
702
+ .container-large.svelte-nc4hey.svelte-nc4hey {
394
703
  max-width: 365px; } }
395
704
 
396
705
  @media all and (max-width: 425px) {
397
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
706
+ .container-large.svelte-nc4hey.svelte-nc4hey {
398
707
  max-width: calc(100% - 60px); } }
399
708
 
400
709
  @media all and (max-width: 375px) {
401
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
710
+ .container-large.svelte-nc4hey.svelte-nc4hey {
402
711
  max-width: calc(100% - 40px); } }
403
712
 
404
713
  @media all and (max-width: 320px) {
405
- .container-large.svelte-1c8sozl.svelte-1c8sozl {
714
+ .container-large.svelte-nc4hey.svelte-nc4hey {
406
715
  max-width: calc(100% - 20px); } }
407
716
 
408
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
717
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
409
718
  width: calc(100% - 20px);
410
719
  max-width: 884px;
411
720
  margin-left: auto;
@@ -413,30 +722,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
413
722
  transition: max-width ease-out 200ms; }
414
723
 
415
724
  @media all and (max-width: 1024px) {
416
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
725
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
417
726
  max-width: 648px; } }
418
727
 
419
728
  @media all and (max-width: 768px) {
420
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
729
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
421
730
  max-width: 496px; } }
422
731
 
423
732
  @media all and (max-width: 596px) {
424
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
733
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
425
734
  max-width: 365px; } }
426
735
 
427
736
  @media all and (max-width: 425px) {
428
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
737
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
429
738
  max-width: calc(100% - 60px); } }
430
739
 
431
740
  @media all and (max-width: 375px) {
432
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
741
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
433
742
  max-width: calc(100% - 40px); } }
434
743
 
435
744
  @media all and (max-width: 320px) {
436
- .container-medium.svelte-1c8sozl.svelte-1c8sozl {
745
+ .container-medium.svelte-nc4hey.svelte-nc4hey {
437
746
  max-width: calc(100% - 20px); } }
438
747
 
439
- .container-small.svelte-1c8sozl.svelte-1c8sozl {
748
+ .container-small.svelte-nc4hey.svelte-nc4hey {
440
749
  width: calc(100% - 20px);
441
750
  max-width: 496px;
442
751
  margin-left: auto;
@@ -444,30 +753,59 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
444
753
  transition: max-width ease-out 200ms; }
445
754
 
446
755
  @media all and (max-width: 425px) {
447
- .container-small.svelte-1c8sozl.svelte-1c8sozl {
756
+ .container-small.svelte-nc4hey.svelte-nc4hey {
448
757
  max-width: calc(100% - 60px); } }
449
758
 
450
759
  @media all and (max-width: 375px) {
451
- .container-small.svelte-1c8sozl.svelte-1c8sozl {
760
+ .container-small.svelte-nc4hey.svelte-nc4hey {
452
761
  max-width: calc(100% - 40px); } }
453
762
 
454
763
  @media all and (max-width: 320px) {
455
- .container-small.svelte-1c8sozl.svelte-1c8sozl {
764
+ .container-small.svelte-nc4hey.svelte-nc4hey {
456
765
  max-width: calc(100% - 20px); } }
457
766
 
458
- .nav__sidebar__item.svelte-1c8sozl.svelte-1c8sozl, .nav__topbar__item.svelte-1c8sozl.svelte-1c8sozl {
767
+ .iroco-ui-form.svelte-nc4hey .iroco-ui-input.svelte-nc4hey {
768
+ display: flex;
769
+ flex-direction: column; }
770
+
771
+ .iroco-ui-form.svelte-nc4hey .iroco-ui-label.svelte-nc4hey {
772
+ color: rgba(242, 235, 227, 0.6);
773
+ font-weight: bold;
774
+ padding-bottom: 10px;
775
+ display: inline-block; }
776
+
777
+ .iroco-ui-form.svelte-nc4hey .field.svelte-nc4hey {
778
+ margin-top: 20px; }
779
+
780
+ .iroco-ui-form.svelte-nc4hey .field.svelte-nc4hey:first-child {
781
+ margin: 0; }
782
+
783
+ .iroco-ui-form.svelte-nc4hey > .submit.svelte-nc4hey {
784
+ margin-top: 40px; }
785
+
786
+ .svelte-nc4hey.svelte-nc4hey, .svelte-nc4hey.svelte-nc4hey::before, .svelte-nc4hey.svelte-nc4hey::after {
787
+ -webkit-box-sizing: border-box;
788
+ box-sizing: border-box; }
789
+
790
+ a.svelte-nc4hey.svelte-nc4hey, a.svelte-nc4hey.svelte-nc4hey:visited, a.svelte-nc4hey.svelte-nc4hey:active, button.svelte-nc4hey.svelte-nc4hey {
791
+ outline: none;
792
+ text-decoration: none;
793
+ font-size: 14px;
794
+ color: #f2ebe3; }
795
+
796
+ .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey, .nav__topbar__item.svelte-nc4hey.svelte-nc4hey {
459
797
  text-decoration: none;
460
798
  font-size: 0.75em;
461
799
  display: block; }
462
800
 
463
- .nav__sidebar__item.svelte-1c8sozl a.svelte-1c8sozl, .nav__topbar__item.svelte-1c8sozl a.svelte-1c8sozl {
464
- color: #f2ebe3;
465
- font-size: 2em; }
801
+ .nav__sidebar__item.svelte-nc4hey a.svelte-nc4hey, .nav__topbar__item.svelte-nc4hey a.svelte-nc4hey {
802
+ font-size: 2em;
803
+ text-transform: uppercase; }
466
804
 
467
- .nav__sidebar__close.svelte-1c8sozl.svelte-1c8sozl, .nav__topbar__close.svelte-1c8sozl.svelte-1c8sozl {
805
+ .nav__sidebar__close.svelte-nc4hey.svelte-nc4hey, .nav__topbar__close.svelte-nc4hey.svelte-nc4hey {
468
806
  display: none; }
469
807
 
470
- .nav__sidebar.svelte-1c8sozl.svelte-1c8sozl {
808
+ .nav__sidebar.svelte-nc4hey.svelte-nc4hey {
471
809
  height: 100%;
472
810
  width: 300px;
473
811
  position: absolute;
@@ -475,38 +813,39 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
475
813
  left: 0;
476
814
  overflow-x: hidden; }
477
815
 
478
- .nav__sidebar__item-container.svelte-1c8sozl.svelte-1c8sozl {
816
+ .nav__sidebar__item-container.svelte-nc4hey.svelte-nc4hey {
479
817
  margin: 0;
480
818
  padding: 0;
481
819
  width: 100%;
482
820
  height: 100%; }
483
821
 
484
- .nav__sidebar__item.svelte-1c8sozl.svelte-1c8sozl {
822
+ .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey {
485
823
  padding: 2em;
486
824
  border-top: 1px solid #464452; }
487
825
 
488
- .nav__sidebar__item.svelte-1c8sozl.svelte-1c8sozl:first-child {
826
+ .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey:first-child {
489
827
  border-top: none; }
490
828
 
491
- .nav__sidebar.svelte-1c8sozl .active.svelte-1c8sozl {
829
+ .nav__sidebar.svelte-nc4hey .active.svelte-nc4hey {
492
830
  border-top: 1px solid #00D692;
493
831
  border-bottom: 1px solid #00D692; }
494
832
 
495
- .nav__topbar.svelte-1c8sozl.svelte-1c8sozl {
833
+ .nav__topbar.svelte-nc4hey.svelte-nc4hey {
496
834
  flex-grow: 1;
497
835
  display: flex;
498
- justify-content: flex-end; }
836
+ justify-content: flex-end;
837
+ transform: translateY(0.3em); }
499
838
 
500
- .nav__topbar.svelte-1c8sozl ul.svelte-1c8sozl, .nav__topbar.svelte-1c8sozl li.svelte-1c8sozl {
839
+ .nav__topbar.svelte-nc4hey ul.svelte-nc4hey, .nav__topbar.svelte-nc4hey li.svelte-nc4hey {
501
840
  display: inline; }
502
841
 
503
- .nav__topbar.svelte-1c8sozl ul.svelte-1c8sozl {
842
+ .nav__topbar.svelte-nc4hey ul.svelte-nc4hey {
504
843
  display: flex;
505
844
  flex-grow: 1;
506
845
  justify-content: space-around; }
507
846
 
508
847
  @media all and (max-width: 768px) {
509
- .nav__sidebar.svelte-1c8sozl.svelte-1c8sozl, .nav__topbar.svelte-1c8sozl.svelte-1c8sozl {
848
+ .nav__sidebar.svelte-nc4hey.svelte-nc4hey, .nav__topbar.svelte-nc4hey.svelte-nc4hey {
510
849
  position: fixed;
511
850
  background-color: #211D28;
512
851
  top: 0;
@@ -516,12 +855,12 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
516
855
  padding-top: 2em;
517
856
  margin: 0;
518
857
  border-right: none; }
519
- .nav__sidebar__item-container.svelte-1c8sozl.svelte-1c8sozl, .nav__topbar__item-container.svelte-1c8sozl.svelte-1c8sozl {
858
+ .nav__sidebar__item-container.svelte-nc4hey.svelte-nc4hey, .nav__topbar__item-container.svelte-nc4hey.svelte-nc4hey {
520
859
  padding: 0em;
521
860
  margin-top: 2rem; }
522
- .nav__sidebar.svelte-1c8sozl ul.svelte-1c8sozl, .nav__sidebar.svelte-1c8sozl li.svelte-1c8sozl, .nav__topbar.svelte-1c8sozl ul.svelte-1c8sozl, .nav__topbar.svelte-1c8sozl li.svelte-1c8sozl {
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 {
523
862
  display: block; }
524
- .nav__sidebar__close.svelte-1c8sozl.svelte-1c8sozl, .nav__topbar__close.svelte-1c8sozl.svelte-1c8sozl {
863
+ .nav__sidebar__close.svelte-nc4hey.svelte-nc4hey, .nav__topbar__close.svelte-nc4hey.svelte-nc4hey {
525
864
  display: block;
526
865
  position: absolute;
527
866
  right: 0;
@@ -529,22 +868,17 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
529
868
  background-color: transparent;
530
869
  border: none;
531
870
  color: #a9a29e; }
532
- .nav__sidebar.svelte-1c8sozl.svelte-1c8sozl {
871
+ .nav__sidebar.svelte-nc4hey.svelte-nc4hey {
533
872
  top: 0;
534
873
  left: 0; }
535
- .nav__sidebar__item.svelte-1c8sozl.svelte-1c8sozl:first-child {
874
+ .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey:first-child {
536
875
  border-top: 1px solid #464452; }
537
- .nav__topbar.svelte-1c8sozl.svelte-1c8sozl {
876
+ .nav__topbar.svelte-nc4hey.svelte-nc4hey {
538
877
  height: 100%; }
539
- .nav__topbar__item.svelte-1c8sozl.svelte-1c8sozl {
878
+ .nav__topbar__item.svelte-nc4hey.svelte-nc4hey {
540
879
  padding: 2em;
541
880
  border-top: 1px solid #464452; } }
542
881
 
543
- @use "colors";
544
- @use "containers";
545
- @use "fonts";
546
- @use "forms";
547
- @use "layouts";
548
882
  .alert.svelte-itln7g {
549
883
  min-height: 2em;
550
884
  display: inline-flex;
@@ -563,3 +897,9 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
563
897
  .alert--success.svelte-itln7g {
564
898
  background-color: rgba(0, 214, 146, 0.5);
565
899
  border: 1px solid #00D692; }
900
+
901
+ @use "colors";
902
+ @use "containers";
903
+ @use "fonts";
904
+ @use "forms";
905
+ @use "layouts";