coles-solid-library 0.2.2 → 0.2.7

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/dist/styles.css DELETED
@@ -1,1036 +0,0 @@
1
- .Button_menuButtons__XNrBT {
2
- list-style: none;
3
- width: 100%;
4
- height: 100%;
5
- margin: 0;
6
- padding: 0;
7
- }
8
- .Button_menuButtons__XNrBT li {
9
- margin: var(--spacing-1, 8px) 0;
10
- }
11
- .Button_menuButtons__XNrBT svg {
12
- width: 90%;
13
- height: 90%;
14
- }
15
-
16
- .Button_menuButton__GdTnd {
17
- width: 100%;
18
- height: 75%;
19
- border-radius: var(--border-radius-md, 8px);
20
- padding: var(--spacing-1, 8px);
21
- }
22
- .Button_menuButton__GdTnd:hover {
23
- cursor: pointer;
24
- }
25
- .Button_menuButton__GdTnd:hover link {
26
- background-color: var(--tertiary-color);
27
- }
28
-
29
- .Button_customButtonStyle__1TOXE {
30
- border-radius: var(--border-radius-lg, 16px);
31
- padding: calc(var(--spacing-1, 8px) / 2) calc(var(--spacing-1, 8px));
32
- border: none;
33
- transition: transform 0.2s ease, background 0.2s ease;
34
- }
35
- .Button_customButtonStyle__1TOXE:active {
36
- transform: scale(0.9);
37
- box-shadow: var(--shadow-elevation-2, 0 3px 6px rgba(0, 0, 0, 0.3));
38
- }
39
- .Button_customButtonStyle__1TOXE:not(:disabled):hover {
40
- cursor: pointer;
41
- box-shadow: var(--shadow-elevation-3, 0 10px 20px rgba(0, 0, 0, 0.45));
42
- }
43
- .Button_customButtonStyle__1TOXE:disabled:hover {
44
- cursor: not-allowed;
45
- }
46
-
47
- .Button_hover__QXVTm:hover {
48
- cursor: pointer;
49
- }
50
-
51
- .Button_primary__auYD2 {
52
- background-color: var(--primary-color, #007bff);
53
- color: var(--on-primary-color);
54
- }
55
- .Button_primary__auYD2:hover {
56
- background-color: var(--primary-color-hover);
57
- }
58
- .Button_primary__auYD2:active {
59
- background-color: var(--primary-color-active);
60
- }
61
-
62
- .Button_accent__eT5vq {
63
- background-color: var(--secondary-color);
64
- color: var(--on-secondary-color);
65
- }
66
- .Button_accent__eT5vq:hover {
67
- background-color: var(--secondary-color-hover);
68
- }
69
- .Button_accent__eT5vq:active {
70
- background-color: var(--secondary-color-active);
71
- }
72
-
73
- .Button_tertiary__PstKO {
74
- background-color: var(--tertiary-color);
75
- color: var(--on-tertiary-color);
76
- }
77
- .Button_tertiary__PstKO:hover {
78
- background-color: var(--tertiary-color-hover);
79
- }
80
- .Button_tertiary__PstKO:active {
81
- background-color: var(--tertiary-color-active);
82
- }
83
-
84
- .Button_transparent__aet0J {
85
- background-color: inherit !important;
86
- color: inherit !important;
87
- border: none;
88
- outline: none;
89
- padding: 0px;
90
- margin: 0px;
91
- }
92
- .Carosel-module_carouselHeader__JAhGf {
93
- display: flex;
94
- flex-direction: row;
95
- width: 100%;
96
- border-bottom: 1px dotted;
97
- }
98
- .Carosel-module_carouselHeader__JAhGf div {
99
- flex-grow: 1;
100
- text-align: center;
101
- }
102
- .Carosel-module_carouselHeader__JAhGf button {
103
- flex-basis: 1;
104
- }
105
-
106
- .Carosel-module_carousel__cHoMx {
107
- position: relative;
108
- width: 100%;
109
- margin: auto;
110
- overflow: hidden;
111
- border: 2px solid #ddd;
112
- border-radius: 10px;
113
- }
114
-
115
- .Carosel-module_carouselSlides__MgPU3 {
116
- display: flex;
117
- transition: transform 0.5s ease-in-out;
118
- width: 100%;
119
- height: 100%;
120
- }
121
-
122
- .Carosel-module_carouselSlide__--NkY {
123
- min-width: 100%;
124
- padding: 5px;
125
- box-sizing: border-box;
126
- }
127
-
128
- .Carosel-module_carouselButton__E1gGu {
129
- opacity: 0.5;
130
- color: white;
131
- border: none;
132
- padding: 10px;
133
- cursor: pointer;
134
- }
135
- .Carosel-module_carouselButton__E1gGu:hover {
136
- opacity: 1;
137
- }
138
- .Chip-module_Chip__HWK4W {
139
- display: flex;
140
- flex-direction: row;
141
- padding: 5px 10px;
142
- margin-left: var(--spacing-1, 8px);
143
- border-radius: 15px;
144
- height: -moz-max-content;
145
- height: max-content;
146
- min-width: -moz-min-content;
147
- min-width: min-content;
148
- max-width: -moz-max-content;
149
- max-width: max-content;
150
- margin: 5px;
151
- }
152
- .Chip-module_Chip__HWK4W span {
153
- margin: 0px 2px;
154
- width: -moz-max-content;
155
- width: max-content;
156
- max-width: 10em;
157
- text-overflow: ellipsis;
158
- }
159
- .Chip-module_Chip__HWK4W button {
160
- font-size: 1rem !important;
161
- height: -moz-min-content;
162
- height: min-content;
163
- margin: auto 0px;
164
- padding: 0px calc(var(--spacing-1, 8px) / 2) !important;
165
- margin-left: 5px !important;
166
- border-radius: var(--border-radius-md, 4px);
167
- }
168
-
169
- .Chip-module_removeChipButton__kl1mU {
170
- margin: 0 !important;
171
- margin-left: 5px !important;
172
- padding: 0 !important;
173
- font-size: 1rem !important;
174
- }
175
-
176
- .Chip-module_hover__fvVQS:hover {
177
- cursor: pointer;
178
- }
179
-
180
- .Chip-module_primary__rvetC {
181
- background-color: var(--primary-color, #3F51B5);
182
- color: var(--on-primary-color, white);
183
- }
184
- .Chip-module_primary__rvetC button {
185
- color: var(--on-primary-color, white);
186
- }
187
-
188
- .Chip-module_accent__bZLVs {
189
- background-color: var(--secondary-color, #5C6BC0);
190
- color: var(--on-secondary-color, white);
191
- }
192
- .Chip-module_accent__bZLVs button {
193
- color: var(--on-secondary-color, white);
194
- }
195
-
196
- .Chip-module_tertiary__TtdnV {
197
- background-color: var(--tertiary-color, #009688);
198
- color: var(--on-tertiary, white);
199
- }
200
- .Chip-module_tertiary__TtdnV button {
201
- color: var(--on-tertiary, white);
202
- }
203
- .chipbar-module_chipbar__PjssB {
204
- display: flex;
205
- flex-direction: row;
206
- min-width: 100%;
207
- width: -moz-max-content;
208
- width: max-content;
209
- max-width: 100%;
210
- padding: var(--spacing-1, 8px) 0px;
211
- border-bottom: 1px solid var(--on-background, white);
212
- }
213
-
214
- .chipbar-module_chipContainer__lnYfX {
215
- display: flex;
216
- flex-direction: row;
217
- overflow-x: hidden;
218
- scroll-behavior: smooth;
219
- flex-grow: 1;
220
- }
221
- .chipbar-module_chipContainer__lnYfX span {
222
- height: -moz-min-content;
223
- height: min-content;
224
- margin: auto 0px;
225
- }
226
- .chipbar-module_chipContainer__lnYfX span button {
227
- width: -moz-max-content;
228
- width: max-content;
229
- padding: 5px;
230
- }
231
-
232
- .chipbar-module_leftArrow__OS8vV {
233
- margin-right: 10px;
234
- align-self: flex-start;
235
- margin: auto 0px;
236
- }
237
-
238
- .chipbar-module_rightArrow__T4ubJ {
239
- margin-left: 10px;
240
- align-self: flex-end;
241
- margin: auto 0px;
242
- }
243
- .body-module_compBody__d3HyU {
244
- width: 70%;
245
- margin: 0 auto;
246
- border-radius: 15px;
247
- padding: 8px;
248
- padding-top: 0px;
249
- }
250
- @media screen and (max-width: 768px) {
251
- .body-module_compBody__d3HyU {
252
- width: 95%;
253
- margin: 0 auto;
254
- }
255
- }
256
-
257
- .body-module_primary__UR7PU {
258
- background-color: var(--primary-color);
259
- color: var(--on-primary-color);
260
- }
261
-
262
- .body-module_accent__6IVSJ {
263
- background-color: var(--secondary-color);
264
- color: var(--on-secondary-color);
265
- }
266
-
267
- .body-module_tertiary__6YRE8 {
268
- background-color: var(--tertiary-color);
269
- color: var(--on-tertiary-color);
270
- }
271
- .formfield-module_formField__w6mH9 {
272
- display: inline-block;
273
- border-radius: var(--border-radius-md);
274
- box-sizing: border-box;
275
- }
276
- .formfield-module_formField__w6mH9 label {
277
- position: relative;
278
- top: -0.5rem;
279
- padding-right: 10px;
280
- }
281
- .formfield-module_formField__w6mH9:has(textarea) {
282
- position: relative;
283
- margin: var(--spacing-1, 8px);
284
- }
285
- .formfield-module_formField__w6mH9:has(textarea) textarea {
286
- width: auto;
287
- min-width: 95%;
288
- font-family: var(--font-family, "Roboto, sans-serif");
289
- font-size: var(--font-size-base, 16px);
290
- padding-bottom: var(--spacing-1, 8px);
291
- border: none;
292
- }
293
- .formfield-module_formField__w6mH9:has(textarea) textarea:focus {
294
- outline: none;
295
- }
296
- .formfield-module_formField__w6mH9:has(textarea) legend {
297
- height: var(--spacing-3, 24px);
298
- position: absolute;
299
- top: calc(var(--spacing-2) * -1);
300
- left: var(--spacing-1, 8px);
301
- transition: all 0.2s ease;
302
- }
303
- .formfield-module_formField__w6mH9:has(.formfield-module_coles-solid-selectControl__T4o-N) {
304
- position: relative;
305
- margin: var(--spacing-1, 8px);
306
- width: -moz-min-content;
307
- width: min-content;
308
- }
309
- .formfield-module_formField__w6mH9:has(.formfield-module_coles-solid-selectControl__T4o-N) legend {
310
- height: var(--spacing-3, 24px);
311
- position: absolute;
312
- top: calc(var(--spacing-2) * -1);
313
- left: var(--spacing-1, 8px);
314
- transition: all 0.2s ease;
315
- }
316
- .formfield-module_formField__w6mH9:has(input[type=text]) {
317
- height: calc(var(--spacing-4, 32px) + var(--spacing-2, 16px));
318
- position: relative;
319
- margin-top: var(--spacing-2);
320
- margin-bottom: var(--spacing-2);
321
- }
322
- .formfield-module_formField__w6mH9:has(input[type=text]) legend {
323
- height: var(--spacing-3, 24px);
324
- position: absolute;
325
- top: calc(var(--spacing-2) * -1);
326
- left: var(--spacing-1, 8px);
327
- transition: all 0.2s ease;
328
- }
329
- .formfield-module_formField__w6mH9:has(input[type=text]) input[type=text] {
330
- background-color: transparent !important;
331
- height: calc(var(--spacing-4, 32px) + var(--spacing-2, 16px) - var(--spacing-3, 24px));
332
- border-radius: var(--border-radius-sm, 4px);
333
- margin: var(--spacing-1, 8px) 0px;
334
- font-family: var(--font-family, "Roboto, sans-serif");
335
- font-size: var(--font-size-base, 16px);
336
- width: auto;
337
- min-width: 95%;
338
- }
339
- .formfield-module_formField__w6mH9:has(input[type=text]) input[type=text]::-moz-placeholder {
340
- opacity: 0.75;
341
- }
342
- .formfield-module_formField__w6mH9:has(input[type=text]) input[type=text]::placeholder {
343
- opacity: 0.75;
344
- }
345
- .formfield-module_formField__w6mH9:has(input[type=number]) {
346
- height: calc(var(--spacing-4, 32px) + var(--spacing-2, 16px));
347
- position: relative;
348
- margin-top: var(--spacing-2);
349
- margin-bottom: var(--spacing-2);
350
- }
351
- .formfield-module_formField__w6mH9:has(input[type=number]) legend {
352
- height: var(--spacing-3, 24px);
353
- position: absolute;
354
- top: calc(var(--spacing-2) * -1);
355
- left: var(--spacing-1, 8px);
356
- transition: all 0.2s ease;
357
- }
358
- .formfield-module_formField__w6mH9:has(input[type=number]) input[type=number] {
359
- background-color: transparent !important;
360
- color: var(--on-primary-color, #ffffff);
361
- height: calc(var(--spacing-4, 32px) + var(--spacing-2, 16px) - var(--spacing-3, 24px));
362
- border-radius: var(--border-radius-sm, 4px);
363
- margin: var(--spacing-1, 8px) 0px;
364
- font-family: var(--font-family, "Roboto, sans-serif");
365
- font-size: var(--font-size-base, 16px);
366
- width: auto;
367
- min-width: 95%;
368
- }
369
- .formfield-module_formField__w6mH9:has(input[type=number]) input[type=number]::-moz-placeholder {
370
- opacity: 0.75;
371
- }
372
- .formfield-module_formField__w6mH9:has(input[type=number]) input[type=number]::placeholder {
373
- opacity: 0.75;
374
- }
375
- .formfield-module_formField__w6mH9:has(.formfield-module_coles-solid-selectControl__T4o-N) {
376
- height: calc(var(--spacing-4) * 2.3) !important;
377
- }
378
- @media screen and (max-width: 768px) {
379
- .formfield-module_formField__w6mH9 {
380
- max-width: 75%;
381
- }
382
- }
383
-
384
- .formfield-module_primary__7BYyQ {
385
- background-color: var(--primary-color, #3F51B5);
386
- color: var(--on-primary-color, white);
387
- }
388
- .formfield-module_primary__7BYyQ:has(input[type=text]) legend {
389
- background: linear-gradient(to bottom, transparent 60%, var(--primary-color, #3F51B5) 40%);
390
- }
391
- .formfield-module_primary__7BYyQ:has(input[type=text]) input[type=text] {
392
- color: var(--on-primary-color, white);
393
- }
394
- .formfield-module_primary__7BYyQ:has(input[type=number]) legend {
395
- background: linear-gradient(to bottom, transparent 60%, var(--primary-color, #3F51B5) 40%);
396
- }
397
- .formfield-module_primary__7BYyQ:has(input[type=number]) input[type=number] {
398
- color: var(--on-primary-color, white);
399
- }
400
- .formfield-module_primary__7BYyQ:has(textarea) {
401
- width: 100%;
402
- height: auto;
403
- }
404
- .formfield-module_primary__7BYyQ:has(textarea) textarea {
405
- background-color: var(--primary-color, #3F51B5);
406
- color: var(--on-primary-color, white);
407
- }
408
- .formfield-module_primary__7BYyQ:has(textarea) legend {
409
- background: linear-gradient(to bottom, transparent 60%, var(--primary-color, #3F51B5) 40%);
410
- }
411
-
412
- .formfield-module_accent__L-LRd {
413
- background-color: var(--secondary-color, #5C6BC0);
414
- color: var(--on-secondary-color, white);
415
- }
416
- .formfield-module_accent__L-LRd:has(input[type=text]) legend {
417
- background: linear-gradient(to bottom, transparent 60%, var(--secondary-color, #5C6BC0) 40%);
418
- }
419
- .formfield-module_accent__L-LRd:has(input[type=text]) input[type=text] {
420
- color: var(--on-secondary-color, white);
421
- }
422
- .formfield-module_accent__L-LRd:has(input[type=number]) legend {
423
- background: linear-gradient(to bottom, transparent 60%, var(--secondary-color, #5C6BC0) 40%);
424
- }
425
- .formfield-module_accent__L-LRd:has(input[type=number]) input[type=number] {
426
- color: var(--on-secondary-color, white);
427
- }
428
- .formfield-module_accent__L-LRd:has(textarea) textarea {
429
- background-color: var(--secondary-color, #5C6BC0);
430
- color: var(--on-secondary-color, white);
431
- }
432
- .formfield-module_accent__L-LRd:has(textarea) legend {
433
- background: linear-gradient(to bottom, transparent 60%, var(--secondary-color, #5C6BC0) 40%);
434
- }
435
-
436
- .formfield-module_tertiary__B0ozS {
437
- background-color: var(--tertiary-color, #8A2BE2);
438
- color: var(--on-tertiary-color, white);
439
- }
440
- .formfield-module_tertiary__B0ozS:has(input[type=text]) legend {
441
- background: linear-gradient(to bottom, transparent 60%, var(--tertiary-color, #8A2BE2) 40%);
442
- }
443
- .formfield-module_tertiary__B0ozS:has(input[type=text]) input[type=text] {
444
- color: var(--on-tertiary-color, white);
445
- }
446
- .formfield-module_tertiary__B0ozS:has(input[type=number]) legend {
447
- background: linear-gradient(to bottom, transparent 60%, var(--tertiary-color, #8A2BE2) 40%);
448
- }
449
- .formfield-module_tertiary__B0ozS:has(input[type=number]) input[type=number] {
450
- color: var(--on-tertiary-color, white);
451
- }
452
- .formfield-module_tertiary__B0ozS:has(textarea) textarea {
453
- background-color: var(--tertiary-color, #8A2BE2);
454
- color: var(--on-tertiary-color, white);
455
- }
456
- .formfield-module_tertiary__B0ozS:has(textarea) legend {
457
- background: linear-gradient(to bottom, transparent 60%, var(--tertiary-color, #8A2BE2) 40%);
458
- }
459
-
460
- .formfield-module_moveLegendInside__zQ4vt {
461
- opacity: 0;
462
- height: var(--spacing-3, 24px) !important;
463
- }
464
-
465
- .formfield-module_checkboxPadding__DU1CG {
466
- padding: 0px;
467
- padding-bottom: 10px;
468
- padding-left: 10px;
469
- padding-right: 10px;
470
- }
471
- @charset "UTF-8";
472
- .input-module_input__-LMoi {
473
- width: 100%;
474
- max-width: 400px;
475
- border-radius: var(--border-radius-lg, 16px);
476
- font-size: var(--font-size-base, 16px);
477
- }
478
- @media screen and (max-width: 768px) {
479
- .input-module_input__-LMoi {
480
- width: 100%;
481
- max-width: 100%;
482
- }
483
- }
484
- .input-module_input__-LMoi[type=checkbox] {
485
- width: -moz-min-content;
486
- width: min-content;
487
- -webkit-appearance: none;
488
- border: 1px solid #cacece;
489
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
490
- padding: var(--spacing-1, 8px);
491
- border-radius: var(--border-radius-sm);
492
- display: inline-block;
493
- position: relative;
494
- }
495
- .input-module_input__-LMoi[type=checkbox]:checked {
496
- background-color: inherit;
497
- border: 1px solid #adb8c0;
498
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
499
- color: inherit;
500
- }
501
- .input-module_input__-LMoi[type=checkbox]:checked:after {
502
- content: "✔";
503
- position: absolute;
504
- top: -15%;
505
- left: 15%;
506
- width: 10px;
507
- height: 10px;
508
- border-radius: 10%;
509
- }
510
- .input-module_input__-LMoi:focus {
511
- outline: none;
512
- }
513
- .input-module_input__-LMoi.input-module_error__vs2kz {
514
- border: 1px solid var(--warn-color);
515
- }
516
- .input-module_input__-LMoi.input-module_success__beiu5 {
517
- border: 1px solid green;
518
- }
519
- .input-module_input__-LMoi.input-module_warning__b6S5s {
520
- border: 1px solid orange;
521
- }
522
- .input-module_input__-LMoi.input-module_info__pWO0n {
523
- border: 1px solid blue;
524
- }
525
- .input-module_input__-LMoi.input-module_disabled__40ZHw {
526
- border: 1px solid gray;
527
- }
528
-
529
- .input-module_inFormField__kk-PD {
530
- border: none;
531
- outline: none;
532
- }
533
-
534
- .input-module_checkbox__Yu-9M {
535
- cursor: pointer;
536
- }
537
-
538
- .input-module_transparent__aXcGX {
539
- background-color: inherit !important;
540
- opacity: 1;
541
- color: inherit !important;
542
- border: none;
543
- }
544
- .input-module_transparent__aXcGX :focus {
545
- outline: none;
546
- }
547
- /* Container and control (trigger) */
548
- .selectStyles_solid_select__NKR-3 {
549
- position: relative;
550
- display: inline-block;
551
- width: -moz-max-content;
552
- width: max-content;
553
- height: -moz-max-content;
554
- height: max-content;
555
- margin-right: calc(var(--spacing-1, 8px) * 1.5);
556
- border-radius: var(--border-radius-md, 8px);
557
- text-align: left;
558
- }
559
-
560
- .selectStyles_solid_select__value__6Wfm7 {
561
- flex-grow: 1;
562
- }
563
-
564
- .selectStyles_solid_select__arrow__kTemB {
565
- float: right;
566
- }
567
-
568
- .selectStyles_solid_select__control__5tiE- {
569
- display: flex;
570
- align-items: center;
571
- min-width: 200px;
572
- width: 100%;
573
- padding: calc(var(--spacing-1, 8px) * 0.5) var(--spacing-1, 8px);
574
- cursor: pointer;
575
- }
576
-
577
- .selectStyles_solid_select__control__5tiE-:hover {
578
- border-color: #999;
579
- }
580
-
581
- /* Placeholder text style */
582
- .selectStyles_solid_select__placeholder__G5WXj {
583
- color: #888;
584
- }
585
-
586
- /* Dropdown arrow icon */
587
- .selectStyles_solid_select__arrow__kTemB {
588
- font-size: 0.7em;
589
- margin-left: 8px;
590
- }
591
-
592
- /* Dropdown menu */
593
- .selectStyles_solid_select__dropdown__HDHJw {
594
- position: absolute;
595
- top: 100%;
596
- left: 0;
597
- z-index: 90000;
598
- width: -moz-fit-content !important;
599
- width: fit-content !important;
600
- min-height: var(--spacing-4, 32px);
601
- max-height: 200px;
602
- min-width: 200px;
603
- border-radius: var(--border-radius-md, 8px);
604
- overflow-y: auto;
605
- border: 1px solid #ccc;
606
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
607
- }
608
-
609
- .selectStyles_option-label__hZrPh {
610
- width: -moz-fit-content;
611
- width: fit-content;
612
- }
613
-
614
- .selectStyles_solid_select__option__euHDA {
615
- width: -moz-fit-content;
616
- width: fit-content;
617
- }
618
- .selectStyles_solid_select__option__euHDA:has(.selectStyles_selected__ux-hP) {
619
- font-weight: bold;
620
- }
621
- .selectStyles_solid_select__option__euHDA:hover {
622
- cursor: pointer;
623
- }
624
-
625
- /* Colors */
626
- .selectStyles_solid_select__transparent__ak6Va {
627
- background-color: transparent;
628
- color: var(--on-background-color);
629
- }
630
-
631
- .selectStyles_solid_select__primary__tQ3sJ {
632
- background-color: var(--primary-color);
633
- color: var(--on-primary-color);
634
- }
635
-
636
- .selectStyles_solid_select__option_primary__zixQP {
637
- background-color: var(--primary-color);
638
- color: var(--on-primary-color);
639
- }
640
- .selectStyles_solid_select__option_primary__zixQP:has(.selectStyles_selected__ux-hP) {
641
- background: var(--primary-color-dark);
642
- }
643
-
644
- .selectStyles_solid_select__option_primary__zixQP:hover {
645
- background: var(--primary-color-dark);
646
- }
647
-
648
- .selectStyles_solid_select__primary_dropdown__ohWbr {
649
- background-color: var(--primary-color);
650
- color: var(--on-primary-color);
651
- }
652
-
653
- .selectStyles_solid_select__accent__Rt07n {
654
- background-color: var(--secondary-color);
655
- color: var(--on-secondary-color);
656
- }
657
- .selectStyles_solid_select__accent__Rt07n:has(.selectStyles_selected__ux-hP) {
658
- background: var(--secondary-color-dark);
659
- }
660
-
661
- .selectStyles_solid_select__option_accent__xYJuA {
662
- background-color: var(--secondary-color);
663
- color: var(--on-secondary-color);
664
- }
665
-
666
- .selectStyles_solid_select__option_accent__xYJuA:hover {
667
- background: var(--secondary-color-dark);
668
- }
669
-
670
- .selectStyles_solid_select__accent_dropdown__PY023 {
671
- background-color: var(--secondary-color);
672
- color: var(--on-secondary-color);
673
- }
674
-
675
- .selectStyles_solid_select__tertiary__8D4YE {
676
- background-color: var(--tertiary-color);
677
- color: var(--on-tertiary-color);
678
- }
679
- .selectStyles_solid_select__tertiary__8D4YE:has(.selectStyles_selected__ux-hP) {
680
- background: var(--tertiary-color-dark);
681
- }
682
-
683
- .selectStyles_solid_select__option_tertiary__OIRkB {
684
- background-color: var(--tertiary-color);
685
- color: var(--on-tertiary-color);
686
- }
687
-
688
- .selectStyles_solid_select__option_tertiary__OIRkB:hover {
689
- background: var(--tertiary-color-dark);
690
- }
691
-
692
- .selectStyles_solid_select__tertiary_dropdown__k1M09 {
693
- background-color: var(--tertiary-color);
694
- color: var(--on-tertiary-color);
695
- }
696
-
697
- /* Option items */
698
- .selectStyles_solid_select__option__euHDA {
699
- padding: 8px;
700
- cursor: pointer;
701
- display: flex;
702
- align-items: center;
703
- min-height: var(--spacing-4, 32px);
704
- width: 95%;
705
- min-width: 200px;
706
- }
707
-
708
- .selectStyles_checkmark__zu0id {
709
- display: inline-block;
710
- width: 1.2em; /* reserve space for the checkmark */
711
- margin-right: 4px;
712
- text-align: center;
713
- }
714
- .snackbar-module_snack__Dkcmp {
715
- position: fixed;
716
- bottom: 10px;
717
- left: 45vw;
718
- right: 45vw;
719
- border-radius: 15px;
720
- margin: 0;
721
- padding: 0;
722
- z-index: 9999;
723
- display: flex;
724
- flex-direction: row;
725
- align-items: flex-end;
726
- max-width: 10vw;
727
- padding: 5px;
728
- }
729
- @media screen and (max-width: 768px) {
730
- .snackbar-module_snack__Dkcmp {
731
- left: 8vw;
732
- right: 8vw;
733
- bottom: 20vh;
734
- max-width: 70vw;
735
- }
736
- }
737
- .snackbar-module_snack__Dkcmp span {
738
- flex-grow: 1;
739
- margin: auto 0;
740
- text-wrap: wrap;
741
- }
742
- .snackbar-module_snack__Dkcmp button {
743
- margin: auto 0;
744
- }
745
-
746
- .snackbar-module_error__7IShA {
747
- border: 2px solid red;
748
- border-color: red;
749
- color: red;
750
- font-weight: bold;
751
- }
752
-
753
- .snackbar-module_success__JPkNY {
754
- border-color: #4caf50;
755
- border: 2px solid #4caf50;
756
- color: #4caf50;
757
- }
758
-
759
- .snackbar-module_info__52mgJ {
760
- border-color: var(--on-primary-color, #ffffff);
761
- border: 2px solid var(--on-primary-color, #ffffff);
762
- color: var(--on-primary-color, #ffffff);
763
- }
764
-
765
- .snackbar-module_warning__K1oCK {
766
- border-color: #ff9800;
767
- border: 2px solid #ff9800;
768
- color: #ff9800;
769
- }
770
-
771
- .snackbar-module_open__Bdhg1 {
772
- animation: snackbar-module_slideIn__aM-2K 0.5s forwards;
773
- }
774
-
775
- .snackbar-module_close__-JXxs {
776
- animation: snackbar-module_slideOut__6sQkv 0.5s forwards;
777
- }
778
-
779
- .snackbar-module_primary__j2zPB {
780
- background-color: var(--primary-color, #3F51B5);
781
- color: var(--on-primary-color, #ffffff);
782
- }
783
- .snackbar-module_primary__j2zPB:hover {
784
- cursor: pointer;
785
- }
786
- .popup-module_popup__Oeq7F {
787
- padding: 0px;
788
- padding-top: var(--spacing-1, 8px);
789
- padding-bottom: var(--spacing-1, 5px);
790
- overflow: hidden;
791
- position: fixed;
792
- top: 50%;
793
- left: 50%;
794
- border: var(--on-primary-color) 1px solid;
795
- border-radius: var(--border-radius-md, 8px);
796
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
797
- z-index: 1000;
798
- text-align: center;
799
- }
800
-
801
- .popup-module_wrapper__S7cXt {
802
- padding: 0px;
803
- overflow-y: hidden;
804
- padding-bottom: 5px;
805
- display: flex;
806
- flex-direction: column;
807
- }
808
- .popup-module_wrapper__S7cXt :not(span):nth-child(2) {
809
- margin-top: 5%;
810
- height: 95%;
811
- flex-grow: 1;
812
- overflow-y: auto;
813
- }
814
-
815
- .popup-module_header__aKiI0 {
816
- display: flex;
817
- flex-direction: row;
818
- justify-content: space-between;
819
- position: fixed;
820
- top: 0;
821
- left: 0;
822
- right: 0;
823
- height: 5%;
824
- overflow-y: hidden;
825
- padding: 5px;
826
- min-height: 2em;
827
- }
828
- .popup-module_header__aKiI0 h2 {
829
- text-align: left;
830
- margin-left: 5%;
831
- flex-grow: 1;
832
- padding: 0px;
833
- padding-bottom: 5px;
834
- margin: 0px;
835
- margin-left: 1em;
836
- }
837
- .popup-module_header__aKiI0 span {
838
- flex-shrink: 0;
839
- width: -moz-min-content;
840
- width: min-content;
841
- height: -moz-min-content;
842
- height: min-content;
843
- }
844
- .popup-module_header__aKiI0 span button:hover {
845
- cursor: pointer;
846
- }
847
-
848
- .popup-module_body__ouRAt {
849
- flex-grow: 1;
850
- }
851
-
852
- .popup-module_primary__tm77N {
853
- background-color: var(--primary-color, #3F51B5);
854
- color: var(--on-primary-color, #FFFFFF);
855
- }
856
-
857
- .popup-module_accent__AzLZ1 {
858
- background-color: var(--secondary-color, #5C6BC0);
859
- color: var(--on-secondary-color, #FFFFFF);
860
- }
861
-
862
- .popup-module_tertiary__69E41 {
863
- background-color: var(--tertiary-color, #8A2BE2);
864
- color: var(--on-tertiary-color, #FFFFFF);
865
- }
866
- .tabs-module_tabs__AqLFl {
867
- width: 100%;
868
- display: flex;
869
- flex-direction: column;
870
- }
871
-
872
- .tabs-module_singleTabs__SOD5d {
873
- display: flex;
874
- flex-direction: row;
875
- border-radius: 10px;
876
- border-bottom: 1px solid white;
877
- }
878
-
879
- .tabs-module_hover__4r8g4:hover {
880
- cursor: pointer;
881
- }
882
-
883
- .tabs-module_tabHeader__X1-FY {
884
- display: flex;
885
- flex-direction: row;
886
- max-width: 88%;
887
- scroll-behavior: smooth;
888
- overflow: hidden;
889
- font-size: 1rem;
890
- padding: 0;
891
- float: left;
892
- }
893
- @media screen and (max-width: 768px) {
894
- .tabs-module_tabHeader__X1-FY {
895
- margin: 0px auto;
896
- max-width: 100%;
897
- }
898
- }
899
- .tabs-module_tabHeader__X1-FY :first-child {
900
- border-left: none;
901
- }
902
- .tabs-module_tabHeader__X1-FY span {
903
- height: inherit;
904
- padding: 10px 20px;
905
- border-left: 1px solid white;
906
- }
907
- @media screen and (max-width: 768px) {
908
- .tabs-module_tabHeader__X1-FY span {
909
- padding-bottom: 0px;
910
- }
911
- }
912
-
913
- .tabs-module_tabBody__rJfud {
914
- width: 100%;
915
- height: 100%;
916
- border-radius: 10px;
917
- padding: 5px;
918
- }
919
-
920
- .tabs-module_leftArrow__0imd- {
921
- margin-right: 10px;
922
- align-self: flex-start;
923
- margin: auto 0px;
924
- }
925
-
926
- .tabs-module_rightArrow__aCBVp {
927
- margin-left: 10px;
928
- align-self: flex-end;
929
- margin: auto 0px;
930
- }
931
-
932
- .tabs-module_transparent__yL988 {
933
- background: inherit;
934
- }
935
- .TextArea-module_areaStyle__AshKi {
936
- padding: 0.5rem;
937
- margin-right: calc(var(--spacing-1, 8px) / 2);
938
- border: 1px solid #ccc;
939
- border-radius: var(--border-radius-md, 6px);
940
- width: 98%;
941
- height: 100%;
942
- resize: none;
943
- }
944
- @media screen and (max-width: 768px) {
945
- .TextArea-module_areaStyle__AshKi {
946
- width: 90%;
947
- }
948
- }
949
-
950
- .TextArea-module_picButton__TV9ZE {
951
- padding: calc(var(--spacing-1, 8px) / 2) var(--spacing-1, 8px) !important;
952
- background-color: transparent;
953
- border-top: 1px solid white;
954
- border-bottom: 1px solid white;
955
- }
956
-
957
- .TextArea-module_transparent__pwXRO {
958
- background-color: transparent;
959
- border: none;
960
- color: white;
961
- padding: 0.5rem;
962
- width: inherit;
963
- height: 100%;
964
- resize: none;
965
- }
966
- .TextArea-module_transparent__pwXRO:focus {
967
- outline: none;
968
- border: none;
969
- }
970
- .expansion-module_header__eaZ-i {
971
- width: 100%;
972
- max-width: 100%;
973
- border-bottom: 1px solid;
974
- display: flex;
975
- flex-direction: row;
976
- border-radius: var(--border-radius-sm, 5px) var(--border-radius-sm, 5px) var(--border-radius-md, 10px) var(--border-radius-md, 10px);
977
- box-shadow: inset 1px 1px 5px 1px;
978
- height: -moz-min-content;
979
- height: min-content;
980
- text-wrap: wrap;
981
- }
982
- .expansion-module_header__eaZ-i :first-child {
983
- flex-grow: 1;
984
- }
985
- .expansion-module_header__eaZ-i :last-child {
986
- align-self: flex-end;
987
- padding: 10px;
988
- }
989
- .expansion-module_header__eaZ-i button {
990
- height: -moz-min-content;
991
- height: min-content;
992
- background: none;
993
- }
994
- .expansion-module_header__eaZ-i button svg {
995
- height: 50%;
996
- }
997
-
998
- .expansion-module_body__OYZTn {
999
- max-width: 100%;
1000
- padding: calc(var(--spacing-1, 8px) - 2px);
1001
- border-radius: var(--border-radius-sm, 5px) var(--border-radius-sm, 5px) var(--border-radius-md, 10px) var(--border-radius-md, 10px);
1002
- }
1003
- .expansion-module_body__OYZTn :nth-child(n) {
1004
- text-wrap: wrap !important;
1005
- }
1006
-
1007
- .expansion-module_totalPanel__o0hyd {
1008
- max-width: 100%;
1009
- display: flex !important;
1010
- flex-direction: column !important;
1011
- border: 1px solid;
1012
- border-radius: var(--border-radius-sm, 5px) var(--border-radius-sm, 5px) var(--border-radius-md, 10px) var(--border-radius-md, 10px);
1013
- }
1014
-
1015
- .expansion-module_hover__lzPNA:hover {
1016
- cursor: pointer;
1017
- }
1018
-
1019
- .expansion-module_primary__oPhus {
1020
- background-color: var(--primary-color);
1021
- color: var(--on-primary-color);
1022
- border-color: var(--on-primary-color);
1023
- }
1024
-
1025
- .expansion-module_accent__HYwcP {
1026
- background-color: var(--secondary-color);
1027
- color: var(--on-secondary-color);
1028
- border-color: var(--on-secondary-color);
1029
- }
1030
-
1031
- .expansion-module_tertiary__hl403 {
1032
- background-color: var(--tertiary-color);
1033
- color: var(--on-tertiary-color);
1034
- border-color: var(--on-tertiary-color);
1035
- }
1036
- /*# sourceMappingURL=styles.css.map */