@limetech/lime-elements 36.2.0-next.8 → 36.2.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.
@@ -60,921 +60,6 @@
60
60
  );
61
61
  }
62
62
 
63
- .mdc-touch-target-wrapper {
64
- display: inline;
65
- }
66
-
67
- .mdc-elevation-overlay {
68
- position: absolute;
69
- border-radius: inherit;
70
- pointer-events: none;
71
- opacity: 0;
72
- /* @alternate */
73
- opacity: var(--mdc-elevation-overlay-opacity, 0);
74
- transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
75
- background-color: #fff;
76
- /* @alternate */
77
- background-color: var(--mdc-elevation-overlay-color, #fff);
78
- }
79
-
80
- .mdc-button {
81
- /* @alternate */
82
- position: relative;
83
- display: inline-flex;
84
- align-items: center;
85
- justify-content: center;
86
- box-sizing: border-box;
87
- min-width: 64px;
88
- border: none;
89
- outline: none;
90
- /* @alternate */
91
- line-height: inherit;
92
- user-select: none;
93
- -webkit-appearance: none;
94
- overflow: visible;
95
- vertical-align: middle;
96
- background: transparent;
97
- }
98
- .mdc-button .mdc-elevation-overlay {
99
- width: 100%;
100
- height: 100%;
101
- top: 0;
102
- /* @noflip */
103
- /*rtl:ignore*/
104
- left: 0;
105
- }
106
- .mdc-button::-moz-focus-inner {
107
- padding: 0;
108
- border: 0;
109
- }
110
- .mdc-button:active {
111
- outline: none;
112
- }
113
- .mdc-button:hover {
114
- cursor: pointer;
115
- }
116
- .mdc-button:disabled {
117
- cursor: default;
118
- pointer-events: none;
119
- }
120
- .mdc-button .mdc-button__icon {
121
- /* @noflip */
122
- /*rtl:ignore*/
123
- margin-left: 0;
124
- /* @noflip */
125
- /*rtl:ignore*/
126
- margin-right: 8px;
127
- display: inline-block;
128
- position: relative;
129
- vertical-align: top;
130
- }
131
- [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
132
- /*rtl:begin:ignore*/
133
- /* @noflip */
134
- /*rtl:ignore*/
135
- margin-left: 8px;
136
- /* @noflip */
137
- /*rtl:ignore*/
138
- margin-right: 0;
139
- /*rtl:end:ignore*/
140
- }
141
-
142
- .mdc-button .mdc-button__label {
143
- position: relative;
144
- }
145
- .mdc-button .mdc-button__touch {
146
- position: absolute;
147
- top: 50%;
148
- height: 48px;
149
- left: 0;
150
- right: 0;
151
- transform: translateY(-50%);
152
- }
153
-
154
- .mdc-button__label + .mdc-button__icon {
155
- /* @noflip */
156
- /*rtl:ignore*/
157
- margin-left: 8px;
158
- /* @noflip */
159
- /*rtl:ignore*/
160
- margin-right: 0;
161
- }
162
- [dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
163
- /*rtl:begin:ignore*/
164
- /* @noflip */
165
- /*rtl:ignore*/
166
- margin-left: 0;
167
- /* @noflip */
168
- /*rtl:ignore*/
169
- margin-right: 8px;
170
- /*rtl:end:ignore*/
171
- }
172
-
173
- svg.mdc-button__icon {
174
- fill: currentColor;
175
- }
176
-
177
- .mdc-button--touch {
178
- margin-top: 6px;
179
- margin-bottom: 6px;
180
- }
181
-
182
- .mdc-button {
183
- -moz-osx-font-smoothing: grayscale;
184
- -webkit-font-smoothing: antialiased;
185
- font-family: Roboto, sans-serif;
186
- /* @alternate */
187
- font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
188
- text-decoration: none;
189
- /* @alternate */
190
- text-decoration: var(--mdc-typography-button-text-decoration, none);
191
- }
192
-
193
- .mdc-button {
194
- padding: 0 8px 0 8px;
195
- }
196
-
197
- .mdc-button--unelevated {
198
- transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
199
- padding: 0 16px 0 16px;
200
- }
201
- .mdc-button--unelevated.mdc-button--icon-trailing {
202
- padding: 0 12px 0 16px;
203
- }
204
- .mdc-button--unelevated.mdc-button--icon-leading {
205
- padding: 0 16px 0 12px;
206
- }
207
-
208
- .mdc-button--raised {
209
- transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
210
- padding: 0 16px 0 16px;
211
- }
212
- .mdc-button--raised.mdc-button--icon-trailing {
213
- padding: 0 12px 0 16px;
214
- }
215
- .mdc-button--raised.mdc-button--icon-leading {
216
- padding: 0 16px 0 12px;
217
- }
218
-
219
- .mdc-button--outlined {
220
- border-style: solid;
221
- transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
222
- }
223
- .mdc-button--outlined .mdc-button__ripple {
224
- border-style: solid;
225
- border-color: transparent;
226
- }
227
-
228
- @keyframes mdc-ripple-fg-radius-in {
229
- from {
230
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
231
- transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
232
- }
233
- to {
234
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
235
- }
236
- }
237
- @keyframes mdc-ripple-fg-opacity-in {
238
- from {
239
- animation-timing-function: linear;
240
- opacity: 0;
241
- }
242
- to {
243
- opacity: var(--mdc-ripple-fg-opacity, 0);
244
- }
245
- }
246
- @keyframes mdc-ripple-fg-opacity-out {
247
- from {
248
- animation-timing-function: linear;
249
- opacity: var(--mdc-ripple-fg-opacity, 0);
250
- }
251
- to {
252
- opacity: 0;
253
- }
254
- }
255
- .mdc-button {
256
- --mdc-ripple-fg-size: 0;
257
- --mdc-ripple-left: 0;
258
- --mdc-ripple-top: 0;
259
- --mdc-ripple-fg-scale: 1;
260
- --mdc-ripple-fg-translate-end: 0;
261
- --mdc-ripple-fg-translate-start: 0;
262
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
263
- will-change: transform, opacity;
264
- }
265
- .mdc-button .mdc-button__ripple::before,
266
- .mdc-button .mdc-button__ripple::after {
267
- position: absolute;
268
- border-radius: 50%;
269
- opacity: 0;
270
- pointer-events: none;
271
- content: "";
272
- }
273
- .mdc-button .mdc-button__ripple::before {
274
- transition: opacity 15ms linear, background-color 15ms linear;
275
- z-index: 1;
276
- /* @alternate */
277
- z-index: var(--mdc-ripple-z-index, 1);
278
- }
279
- .mdc-button .mdc-button__ripple::after {
280
- z-index: 0;
281
- /* @alternate */
282
- z-index: var(--mdc-ripple-z-index, 0);
283
- }
284
- .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
285
- transform: scale(var(--mdc-ripple-fg-scale, 1));
286
- }
287
- .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
288
- top: 0;
289
- /* @noflip */
290
- /*rtl:ignore*/
291
- left: 0;
292
- transform: scale(0);
293
- transform-origin: center center;
294
- }
295
- .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
296
- top: var(--mdc-ripple-top, 0);
297
- /* @noflip */
298
- /*rtl:ignore*/
299
- left: var(--mdc-ripple-left, 0);
300
- }
301
- .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
302
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
303
- }
304
- .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
305
- animation: mdc-ripple-fg-opacity-out 150ms;
306
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
307
- }
308
- .mdc-button .mdc-button__ripple::before,
309
- .mdc-button .mdc-button__ripple::after {
310
- top: calc(50% - 100%);
311
- /* @noflip */
312
- /*rtl:ignore*/
313
- left: calc(50% - 100%);
314
- width: 200%;
315
- height: 200%;
316
- }
317
- .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
318
- width: var(--mdc-ripple-fg-size, 100%);
319
- height: var(--mdc-ripple-fg-size, 100%);
320
- }
321
- .mdc-button .mdc-button__ripple {
322
- position: absolute;
323
- box-sizing: content-box;
324
- width: 100%;
325
- height: 100%;
326
- overflow: hidden;
327
- z-index: 0;
328
- }
329
- .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
330
- top: 0;
331
- left: 0;
332
- }
333
-
334
- .mdc-button {
335
- font-family: Roboto, sans-serif;
336
- /* @alternate */
337
- font-family: var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
338
- font-size: 0.875rem;
339
- /* @alternate */
340
- font-size: var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
341
- letter-spacing: 0.0892857143em;
342
- /* @alternate */
343
- letter-spacing: var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
344
- font-weight: 500;
345
- /* @alternate */
346
- font-weight: var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
347
- text-transform: none;
348
- /* @alternate */
349
- text-transform: var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, none));
350
- height: 36px;
351
- /* @alternate */
352
- height: var(--mdc-text-button-container-height, 36px);
353
- border-radius: 4px;
354
- /* @alternate */
355
- border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px));
356
- }
357
- .mdc-button:not(:disabled) {
358
- color: #26a69a;
359
- /* @alternate */
360
- color: var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #26a69a));
361
- }
362
- .mdc-button:disabled {
363
- color: rgba(0, 0, 0, 0.38);
364
- /* @alternate */
365
- color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
366
- }
367
- .mdc-button .mdc-button__icon {
368
- font-size: 1.125rem;
369
- /* @alternate */
370
- font-size: var(--mdc-text-button-with-icon-icon-size, 1.125rem);
371
- width: 1.125rem;
372
- /* @alternate */
373
- width: var(--mdc-text-button-with-icon-icon-size, 1.125rem);
374
- height: 1.125rem;
375
- /* @alternate */
376
- height: var(--mdc-text-button-with-icon-icon-size, 1.125rem);
377
- }
378
- .mdc-button .mdc-button__ripple::before,
379
- .mdc-button .mdc-button__ripple::after {
380
- background-color: #26a69a;
381
- /* @alternate */
382
- background-color: var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #26a69a));
383
- }
384
- .mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before {
385
- opacity: 0.04;
386
- /* @alternate */
387
- opacity: var(--mdc-text-button-hover-state-layer-opacity, 0.04);
388
- }
389
- .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
390
- transition-duration: 75ms;
391
- opacity: 0.12;
392
- /* @alternate */
393
- opacity: var(--mdc-text-button-focus-state-layer-opacity, 0.12);
394
- }
395
- .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
396
- transition: opacity 150ms linear;
397
- }
398
- .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
399
- transition-duration: 75ms;
400
- opacity: 0.12;
401
- /* @alternate */
402
- opacity: var(--mdc-text-button-pressed-state-layer-opacity, 0.12);
403
- }
404
- .mdc-button.mdc-ripple-upgraded {
405
- --mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, 0.12);
406
- }
407
- .mdc-button .mdc-button__ripple {
408
- border-radius: 4px;
409
- /* @alternate */
410
- border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px));
411
- }
412
-
413
- .mdc-button--unelevated {
414
- font-family: Roboto, sans-serif;
415
- /* @alternate */
416
- font-family: var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
417
- font-size: 0.875rem;
418
- /* @alternate */
419
- font-size: var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
420
- letter-spacing: 0.0892857143em;
421
- /* @alternate */
422
- letter-spacing: var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
423
- font-weight: 500;
424
- /* @alternate */
425
- font-weight: var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
426
- text-transform: none;
427
- /* @alternate */
428
- text-transform: var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, none));
429
- height: 36px;
430
- /* @alternate */
431
- height: var(--mdc-filled-button-container-height, 36px);
432
- border-radius: 4px;
433
- /* @alternate */
434
- border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px));
435
- }
436
- .mdc-button--unelevated:not(:disabled) {
437
- background-color: #26a69a;
438
- /* @alternate */
439
- background-color: var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #26a69a));
440
- }
441
- .mdc-button--unelevated:disabled {
442
- background-color: rgba(0, 0, 0, 0.12);
443
- /* @alternate */
444
- background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12));
445
- }
446
- .mdc-button--unelevated:not(:disabled) {
447
- color: #fff;
448
- /* @alternate */
449
- color: var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff));
450
- }
451
- .mdc-button--unelevated:disabled {
452
- color: rgba(0, 0, 0, 0.38);
453
- /* @alternate */
454
- color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
455
- }
456
- .mdc-button--unelevated .mdc-button__icon {
457
- font-size: 1.125rem;
458
- /* @alternate */
459
- font-size: var(--mdc-filled-button-with-icon-icon-size, 1.125rem);
460
- width: 1.125rem;
461
- /* @alternate */
462
- width: var(--mdc-filled-button-with-icon-icon-size, 1.125rem);
463
- height: 1.125rem;
464
- /* @alternate */
465
- height: var(--mdc-filled-button-with-icon-icon-size, 1.125rem);
466
- }
467
- .mdc-button--unelevated .mdc-button__ripple::before,
468
- .mdc-button--unelevated .mdc-button__ripple::after {
469
- background-color: #fff;
470
- /* @alternate */
471
- background-color: var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff));
472
- }
473
- .mdc-button--unelevated:hover .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before {
474
- opacity: 0.08;
475
- /* @alternate */
476
- opacity: var(--mdc-filled-button-hover-state-layer-opacity, 0.08);
477
- }
478
- .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
479
- transition-duration: 75ms;
480
- opacity: 0.24;
481
- /* @alternate */
482
- opacity: var(--mdc-filled-button-focus-state-layer-opacity, 0.24);
483
- }
484
- .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
485
- transition: opacity 150ms linear;
486
- }
487
- .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
488
- transition-duration: 75ms;
489
- opacity: 0.24;
490
- /* @alternate */
491
- opacity: var(--mdc-filled-button-pressed-state-layer-opacity, 0.24);
492
- }
493
- .mdc-button--unelevated.mdc-ripple-upgraded {
494
- --mdc-ripple-fg-opacity: var(--mdc-filled-button-pressed-state-layer-opacity, 0.24);
495
- }
496
- .mdc-button--unelevated .mdc-button__ripple {
497
- border-radius: 4px;
498
- /* @alternate */
499
- border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px));
500
- }
501
-
502
- .mdc-button--raised {
503
- font-family: Roboto, sans-serif;
504
- /* @alternate */
505
- font-family: var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
506
- font-size: 0.875rem;
507
- /* @alternate */
508
- font-size: var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
509
- letter-spacing: 0.0892857143em;
510
- /* @alternate */
511
- letter-spacing: var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
512
- font-weight: 500;
513
- /* @alternate */
514
- font-weight: var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
515
- text-transform: none;
516
- /* @alternate */
517
- text-transform: var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, none));
518
- height: 36px;
519
- /* @alternate */
520
- height: var(--mdc-protected-button-container-height, 36px);
521
- border-radius: 4px;
522
- /* @alternate */
523
- border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
524
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
525
- /* @alternate */
526
- box-shadow: var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
527
- --mdc-elevation-box-shadow-for-gss: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
528
- }
529
- .mdc-button--raised:not(:disabled) {
530
- background-color: #26a69a;
531
- /* @alternate */
532
- background-color: var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #26a69a));
533
- }
534
- .mdc-button--raised:disabled {
535
- background-color: rgba(0, 0, 0, 0.12);
536
- /* @alternate */
537
- background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12));
538
- }
539
- .mdc-button--raised:not(:disabled) {
540
- color: #fff;
541
- /* @alternate */
542
- color: var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff));
543
- }
544
- .mdc-button--raised:disabled {
545
- color: rgba(0, 0, 0, 0.38);
546
- /* @alternate */
547
- color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
548
- }
549
- .mdc-button--raised .mdc-button__icon {
550
- font-size: 1.125rem;
551
- /* @alternate */
552
- font-size: var(--mdc-protected-button-with-icon-icon-size, 1.125rem);
553
- width: 1.125rem;
554
- /* @alternate */
555
- width: var(--mdc-protected-button-with-icon-icon-size, 1.125rem);
556
- height: 1.125rem;
557
- /* @alternate */
558
- height: var(--mdc-protected-button-with-icon-icon-size, 1.125rem);
559
- }
560
- .mdc-button--raised .mdc-button__ripple::before,
561
- .mdc-button--raised .mdc-button__ripple::after {
562
- background-color: #fff;
563
- /* @alternate */
564
- background-color: var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff));
565
- }
566
- .mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before {
567
- opacity: 0.08;
568
- /* @alternate */
569
- opacity: var(--mdc-protected-button-hover-state-layer-opacity, 0.08);
570
- }
571
- .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
572
- transition-duration: 75ms;
573
- opacity: 0.24;
574
- /* @alternate */
575
- opacity: var(--mdc-protected-button-focus-state-layer-opacity, 0.24);
576
- }
577
- .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
578
- transition: opacity 150ms linear;
579
- }
580
- .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
581
- transition-duration: 75ms;
582
- opacity: 0.24;
583
- /* @alternate */
584
- opacity: var(--mdc-protected-button-pressed-state-layer-opacity, 0.24);
585
- }
586
- .mdc-button--raised.mdc-ripple-upgraded {
587
- --mdc-ripple-fg-opacity: var(--mdc-protected-button-pressed-state-layer-opacity, 0.24);
588
- }
589
- .mdc-button--raised .mdc-button__ripple {
590
- border-radius: 4px;
591
- /* @alternate */
592
- border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
593
- }
594
- .mdc-button--raised.mdc-ripple-upgraded--background-focused, .mdc-button--raised:not(.mdc-ripple-upgraded):focus {
595
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
596
- /* @alternate */
597
- box-shadow: var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
598
- --mdc-elevation-box-shadow-for-gss: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
599
- }
600
- .mdc-button--raised:hover {
601
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
602
- /* @alternate */
603
- box-shadow: var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
604
- --mdc-elevation-box-shadow-for-gss: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
605
- }
606
- .mdc-button--raised:not(:disabled):active {
607
- box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
608
- /* @alternate */
609
- box-shadow: var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
610
- --mdc-elevation-box-shadow-for-gss: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
611
- }
612
- .mdc-button--raised:disabled {
613
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
614
- /* @alternate */
615
- box-shadow: var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
616
- --mdc-elevation-box-shadow-for-gss: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
617
- }
618
- .mdc-button--outlined {
619
- font-family: Roboto, sans-serif;
620
- /* @alternate */
621
- font-family: var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
622
- font-size: 0.875rem;
623
- /* @alternate */
624
- font-size: var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
625
- letter-spacing: 0.0892857143em;
626
- /* @alternate */
627
- letter-spacing: var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
628
- font-weight: 500;
629
- /* @alternate */
630
- font-weight: var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
631
- text-transform: none;
632
- /* @alternate */
633
- text-transform: var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, none));
634
- height: 36px;
635
- /* @alternate */
636
- height: var(--mdc-outlined-button-container-height, 36px);
637
- border-radius: 4px;
638
- /* @alternate */
639
- border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
640
- padding: 0 15px 0 15px;
641
- border-width: 1px;
642
- /* @alternate */
643
- border-width: var(--mdc-outlined-button-outline-width, 1px);
644
- }
645
- .mdc-button--outlined:not(:disabled) {
646
- color: #26a69a;
647
- /* @alternate */
648
- color: var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #26a69a));
649
- }
650
- .mdc-button--outlined:disabled {
651
- color: rgba(0, 0, 0, 0.38);
652
- /* @alternate */
653
- color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
654
- }
655
- .mdc-button--outlined .mdc-button__icon {
656
- font-size: 1.125rem;
657
- /* @alternate */
658
- font-size: var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);
659
- width: 1.125rem;
660
- /* @alternate */
661
- width: var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);
662
- height: 1.125rem;
663
- /* @alternate */
664
- height: var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);
665
- }
666
- .mdc-button--outlined .mdc-button__ripple::before,
667
- .mdc-button--outlined .mdc-button__ripple::after {
668
- background-color: #26a69a;
669
- /* @alternate */
670
- background-color: var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #26a69a));
671
- }
672
- .mdc-button--outlined:hover .mdc-button__ripple::before, .mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before {
673
- opacity: 0.04;
674
- /* @alternate */
675
- opacity: var(--mdc-outlined-button-hover-state-layer-opacity, 0.04);
676
- }
677
- .mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
678
- transition-duration: 75ms;
679
- opacity: 0.12;
680
- /* @alternate */
681
- opacity: var(--mdc-outlined-button-focus-state-layer-opacity, 0.12);
682
- }
683
- .mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
684
- transition: opacity 150ms linear;
685
- }
686
- .mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
687
- transition-duration: 75ms;
688
- opacity: 0.12;
689
- /* @alternate */
690
- opacity: var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12);
691
- }
692
- .mdc-button--outlined.mdc-ripple-upgraded {
693
- --mdc-ripple-fg-opacity: var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12);
694
- }
695
- .mdc-button--outlined .mdc-button__ripple {
696
- border-radius: 4px;
697
- /* @alternate */
698
- border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
699
- }
700
- .mdc-button--outlined:not(:disabled) {
701
- border-color: rgba(0, 0, 0, 0.12);
702
- /* @alternate */
703
- border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12));
704
- }
705
- .mdc-button--outlined:disabled {
706
- border-color: rgba(0, 0, 0, 0.12);
707
- /* @alternate */
708
- border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12));
709
- }
710
- .mdc-button--outlined.mdc-button--icon-trailing {
711
- padding: 0 11px 0 15px;
712
- }
713
- .mdc-button--outlined.mdc-button--icon-leading {
714
- padding: 0 15px 0 11px;
715
- }
716
- .mdc-button--outlined .mdc-button__ripple {
717
- top: calc(-1 * 1px);
718
- /* @alternate */
719
- top: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
720
- left: calc(-1 * 1px);
721
- /* @alternate */
722
- left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
723
- border-width: 1px;
724
- /* @alternate */
725
- border-width: var(--mdc-outlined-button-outline-width, 1px);
726
- }
727
- .mdc-button--outlined .mdc-button__touch {
728
- left: calc(-1 * 1px);
729
- /* @alternate */
730
- left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
731
- width: calc(100% + 2 * 1px);
732
- /* @alternate */
733
- width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px));
734
- }
735
-
736
- .mdc-button--raised .mdc-button__icon,
737
- .mdc-button--unelevated .mdc-button__icon,
738
- .mdc-button--outlined .mdc-button__icon {
739
- /* @noflip */
740
- /*rtl:ignore*/
741
- margin-left: -4px;
742
- /* @noflip */
743
- /*rtl:ignore*/
744
- margin-right: 8px;
745
- }
746
- [dir=rtl] .mdc-button--raised .mdc-button__icon, [dir=rtl] .mdc-button--unelevated .mdc-button__icon, [dir=rtl] .mdc-button--outlined .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], .mdc-button--unelevated .mdc-button__icon[dir=rtl], .mdc-button--outlined .mdc-button__icon[dir=rtl] {
747
- /*rtl:begin:ignore*/
748
- /* @noflip */
749
- /*rtl:ignore*/
750
- margin-left: 8px;
751
- /* @noflip */
752
- /*rtl:ignore*/
753
- margin-right: -4px;
754
- /*rtl:end:ignore*/
755
- }
756
-
757
- .mdc-button--raised .mdc-button__label + .mdc-button__icon,
758
- .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
759
- .mdc-button--outlined .mdc-button__label + .mdc-button__icon {
760
- /* @noflip */
761
- /*rtl:ignore*/
762
- margin-left: 8px;
763
- /* @noflip */
764
- /*rtl:ignore*/
765
- margin-right: -4px;
766
- }
767
- [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, [dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, [dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
768
- /*rtl:begin:ignore*/
769
- /* @noflip */
770
- /*rtl:ignore*/
771
- margin-left: -4px;
772
- /* @noflip */
773
- /*rtl:ignore*/
774
- margin-right: 8px;
775
- /*rtl:end:ignore*/
776
- }
777
-
778
- .mdc-icon-button {
779
- font-size: 24px;
780
- width: 48px;
781
- height: 48px;
782
- padding: 12px;
783
- }
784
- .mdc-icon-button.mdc-icon-button--reduced-size {
785
- width: 40px;
786
- height: 40px;
787
- padding: 8px;
788
- }
789
- .mdc-icon-button.mdc-icon-button--reduced-size.mdc-icon-button--touch {
790
- margin-top: 4px;
791
- margin-bottom: 4px;
792
- margin-right: 4px;
793
- margin-left: 4px;
794
- }
795
- .mdc-icon-button .mdc-icon-button__touch {
796
- position: absolute;
797
- top: 50%;
798
- height: 48px;
799
- /* @noflip */
800
- /*rtl:ignore*/
801
- left: 50%;
802
- width: 48px;
803
- transform: translate(-50%, -50%);
804
- }
805
- .mdc-icon-button:disabled {
806
- color: rgba(0, 0, 0, 0.38);
807
- /* @alternate */
808
- color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
809
- }
810
- .mdc-icon-button svg,
811
- .mdc-icon-button img {
812
- width: 24px;
813
- height: 24px;
814
- }
815
-
816
- .mdc-icon-button {
817
- display: inline-block;
818
- position: relative;
819
- box-sizing: border-box;
820
- border: none;
821
- outline: none;
822
- background-color: transparent;
823
- fill: currentColor;
824
- color: inherit;
825
- text-decoration: none;
826
- cursor: pointer;
827
- user-select: none;
828
- overflow: visible;
829
- }
830
- .mdc-icon-button .mdc-icon-button__touch {
831
- position: absolute;
832
- top: 50%;
833
- height: 48px;
834
- /* @noflip */
835
- /*rtl:ignore*/
836
- left: 50%;
837
- width: 48px;
838
- transform: translate(-50%, -50%);
839
- }
840
- .mdc-icon-button:disabled {
841
- cursor: default;
842
- pointer-events: none;
843
- }
844
-
845
- .mdc-icon-button--display-flex {
846
- align-items: center;
847
- display: inline-flex;
848
- justify-content: center;
849
- }
850
-
851
- .mdc-icon-button__icon {
852
- display: inline-block;
853
- }
854
- .mdc-icon-button__icon.mdc-icon-button__icon--on {
855
- display: none;
856
- }
857
-
858
- .mdc-icon-button--touch {
859
- margin-top: 0px;
860
- margin-bottom: 0px;
861
- }
862
-
863
- .mdc-icon-button--on .mdc-icon-button__icon {
864
- display: none;
865
- }
866
- .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
867
- display: inline-block;
868
- }
869
-
870
- .mdc-icon-button {
871
- --mdc-ripple-fg-size: 0;
872
- --mdc-ripple-left: 0;
873
- --mdc-ripple-top: 0;
874
- --mdc-ripple-fg-scale: 1;
875
- --mdc-ripple-fg-translate-end: 0;
876
- --mdc-ripple-fg-translate-start: 0;
877
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
878
- will-change: transform, opacity;
879
- }
880
- .mdc-icon-button .mdc-icon-button__ripple::before,
881
- .mdc-icon-button .mdc-icon-button__ripple::after {
882
- position: absolute;
883
- border-radius: 50%;
884
- opacity: 0;
885
- pointer-events: none;
886
- content: "";
887
- }
888
- .mdc-icon-button .mdc-icon-button__ripple::before {
889
- transition: opacity 15ms linear, background-color 15ms linear;
890
- z-index: 1;
891
- /* @alternate */
892
- z-index: var(--mdc-ripple-z-index, 1);
893
- }
894
- .mdc-icon-button .mdc-icon-button__ripple::after {
895
- z-index: 0;
896
- /* @alternate */
897
- z-index: var(--mdc-ripple-z-index, 0);
898
- }
899
- .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before {
900
- transform: scale(var(--mdc-ripple-fg-scale, 1));
901
- }
902
- .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
903
- top: 0;
904
- /* @noflip */
905
- /*rtl:ignore*/
906
- left: 0;
907
- transform: scale(0);
908
- transform-origin: center center;
909
- }
910
- .mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after {
911
- top: var(--mdc-ripple-top, 0);
912
- /* @noflip */
913
- /*rtl:ignore*/
914
- left: var(--mdc-ripple-left, 0);
915
- }
916
- .mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after {
917
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
918
- }
919
- .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple::after {
920
- animation: mdc-ripple-fg-opacity-out 150ms;
921
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
922
- }
923
- .mdc-icon-button .mdc-icon-button__ripple::before,
924
- .mdc-icon-button .mdc-icon-button__ripple::after {
925
- top: calc(50% - 50%);
926
- /* @noflip */
927
- /*rtl:ignore*/
928
- left: calc(50% - 50%);
929
- width: 100%;
930
- height: 100%;
931
- }
932
- .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,
933
- .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
934
- top: var(--mdc-ripple-top, calc(50% - 50%));
935
- /* @noflip */
936
- /*rtl:ignore*/
937
- left: var(--mdc-ripple-left, calc(50% - 50%));
938
- width: var(--mdc-ripple-fg-size, 100%);
939
- height: var(--mdc-ripple-fg-size, 100%);
940
- }
941
- .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
942
- width: var(--mdc-ripple-fg-size, 100%);
943
- height: var(--mdc-ripple-fg-size, 100%);
944
- }
945
- .mdc-icon-button .mdc-icon-button__ripple::before, .mdc-icon-button .mdc-icon-button__ripple::after {
946
- background-color: #000;
947
- /* @alternate */
948
- background-color: var(--mdc-ripple-color, #000);
949
- }
950
- .mdc-icon-button:hover .mdc-icon-button__ripple::before, .mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
951
- opacity: 0.04;
952
- /* @alternate */
953
- opacity: var(--mdc-ripple-hover-opacity, 0.04);
954
- }
955
- .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
956
- transition-duration: 75ms;
957
- opacity: 0.12;
958
- /* @alternate */
959
- opacity: var(--mdc-ripple-focus-opacity, 0.12);
960
- }
961
- .mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
962
- transition: opacity 150ms linear;
963
- }
964
- .mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
965
- transition-duration: 75ms;
966
- opacity: 0.12;
967
- /* @alternate */
968
- opacity: var(--mdc-ripple-press-opacity, 0.12);
969
- }
970
- .mdc-icon-button.mdc-ripple-upgraded {
971
- --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
972
- }
973
- .mdc-icon-button .mdc-icon-button__ripple {
974
- pointer-events: none;
975
- z-index: 1;
976
- }
977
-
978
63
  .mdc-snackbar {
979
64
  z-index: 8;
980
65
  margin: 8px;
@@ -1287,9 +372,15 @@ svg.mdc-button__icon {
1287
372
  /*rtl:end:ignore*/
1288
373
  }
1289
374
 
1290
- .mdc-button:not(:disabled) {
1291
- color: #29b6f6;
375
+ .mdc-snackbar__surface {
376
+ box-shadow: var(--shadow-depth-16);
377
+ }
378
+
379
+ .mdc-snackbar__actions {
380
+ gap: 0.5rem;
381
+ padding-left: 0.5rem;
1292
382
  }
1293
- .mdc-snackbar__actions .mdc-snackbar__dismiss {
1294
- color: var(--mdc-theme-on-secondary);
383
+
384
+ limel-button {
385
+ --contrast-100: #333;
1295
386
  }