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