UNPKG

548 kBCSSView Raw
1/**
2 * @license
3 * Copyright Google LLC All Rights Reserved.
4 *
5 * Use of this source code is governed by an MIT-style license that can be
6 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
7 */
8@charset "UTF-8";
9.mdc-banner__text {
10 color: #000;
11 /* @alternate */
12 color: var(--mdc-theme-on-surface, #000);
13}
14
15.mdc-banner__graphic {
16 color: #fff;
17 /* @alternate */
18 color: var(--mdc-theme-surface, #fff);
19}
20
21.mdc-banner__graphic {
22 background-color: #6200ee;
23 /* @alternate */
24 background-color: var(--mdc-theme-primary, #6200ee);
25}
26
27.mdc-banner__graphic {
28 border-radius: 50%;
29}
30
31.mdc-banner__content,
32.mdc-banner__fixed {
33 min-width: 344px;
34}
35@media (max-width: 480px), (max-width: 344px) {
36 .mdc-banner__content,
37.mdc-banner__fixed {
38 min-width: 100%;
39 }
40}
41
42.mdc-banner__content {
43 max-width: 720px;
44}
45
46.mdc-banner {
47 z-index: 1;
48 border-bottom-style: solid;
49 border-bottom-width: 1px;
50 box-sizing: border-box;
51 display: none;
52 flex-shrink: 0;
53 height: 0;
54 position: relative;
55 width: 100%;
56}
57@media (max-width: 480px) {
58 .mdc-banner .mdc-banner__fixed {
59 left: 0;
60 right: 0;
61 }
62 .mdc-banner .mdc-banner__text {
63 /* @noflip */
64 margin-left: 16px;
65 /* @noflip */
66 margin-right: 36px;
67 }
68 [dir=rtl] .mdc-banner .mdc-banner__text, .mdc-banner .mdc-banner__text[dir=rtl] {
69 /* @noflip */
70 margin-left: 36px;
71 /* @noflip */
72 margin-right: 16px;
73 }
74}
75@media (max-width: 480px) {
76 .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content {
77 flex-wrap: wrap;
78 }
79 .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic {
80 margin-bottom: 12px;
81 }
82 .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text {
83 /* @noflip */
84 margin-left: 16px;
85 /* @noflip */
86 margin-right: 8px;
87 padding-bottom: 4px;
88 }
89 [dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text, .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl] {
90 /* @noflip */
91 margin-left: 8px;
92 /* @noflip */
93 margin-right: 16px;
94 }
95
96 .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions {
97 margin-left: auto;
98 }
99}
100
101.mdc-banner--opening,
102.mdc-banner--open,
103.mdc-banner--closing {
104 display: flex;
105}
106
107.mdc-banner--open {
108 transition: height 300ms ease;
109}
110.mdc-banner--open .mdc-banner__content {
111 transition: -webkit-transform 300ms ease;
112 transition: transform 300ms ease;
113 transition: transform 300ms ease, -webkit-transform 300ms ease;
114 -webkit-transform: translateY(0);
115 transform: translateY(0);
116}
117
118.mdc-banner--closing {
119 transition: height 250ms ease;
120}
121.mdc-banner--closing .mdc-banner__content {
122 transition: -webkit-transform 250ms ease;
123 transition: transform 250ms ease;
124 transition: transform 250ms ease, -webkit-transform 250ms ease;
125}
126
127.mdc-banner--centered .mdc-banner__content {
128 left: 0;
129 margin-left: auto;
130 margin-right: auto;
131 right: 0;
132}
133
134.mdc-banner__fixed {
135 border-bottom-style: solid;
136 border-bottom-width: 1px;
137 box-sizing: border-box;
138 height: inherit;
139 position: fixed;
140 width: 100%;
141}
142
143.mdc-banner__content {
144 display: flex;
145 min-height: 52px;
146 position: absolute;
147 -webkit-transform: translateY(-100%);
148 transform: translateY(-100%);
149 width: 100%;
150}
151
152.mdc-banner__graphic-text-wrapper {
153 display: flex;
154 width: 100%;
155}
156
157.mdc-banner__graphic {
158 /* @noflip */
159 margin-left: 16px;
160 /* @noflip */
161 margin-right: 0;
162 flex-shrink: 0;
163 height: 40px;
164 margin-top: 16px;
165 margin-bottom: 16px;
166 text-align: center;
167 width: 40px;
168}
169[dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] {
170 /* @noflip */
171 margin-left: 0;
172 /* @noflip */
173 margin-right: 16px;
174}
175
176.mdc-banner__icon {
177 position: relative;
178 top: 50%;
179 -webkit-transform: translateY(-50%);
180 transform: translateY(-50%);
181}
182
183.mdc-banner__text {
184 /* @noflip */
185 margin-left: 24px;
186 /* @noflip */
187 margin-right: 90px;
188 align-self: center;
189 flex-grow: 1;
190 padding-top: 16px;
191 padding-bottom: 16px;
192}
193[dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] {
194 /* @noflip */
195 margin-left: 90px;
196 /* @noflip */
197 margin-right: 24px;
198}
199
200.mdc-banner__actions {
201 /* @noflip */
202 padding-left: 0;
203 /* @noflip */
204 padding-right: 8px;
205 align-self: flex-end;
206 display: flex;
207 flex-shrink: 0;
208 padding-bottom: 8px;
209 padding-top: 8px;
210}
211[dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] {
212 /* @noflip */
213 padding-left: 8px;
214 /* @noflip */
215 padding-right: 0;
216}
217
218.mdc-banner__secondary-action {
219 /* @noflip */
220 margin-left: 0;
221 /* @noflip */
222 margin-right: 8px;
223}
224[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] {
225 /* @noflip */
226 margin-left: 8px;
227 /* @noflip */
228 margin-right: 0;
229}
230
231.mdc-banner {
232 background-color: #fff;
233 /* @alternate */
234 background-color: var(--mdc-theme-surface, #fff);
235 border-bottom-color: rgba(0, 0, 0, 0.12);
236}
237.mdc-banner .mdc-banner__fixed {
238 background-color: #fff;
239 /* @alternate */
240 background-color: var(--mdc-theme-surface, #fff);
241}
242.mdc-banner .mdc-banner__fixed {
243 border-bottom-color: rgba(0, 0, 0, 0.12);
244}
245
246.mdc-banner__text {
247 -moz-osx-font-smoothing: grayscale;
248 -webkit-font-smoothing: antialiased;
249 font-family: Roboto, sans-serif;
250 /* @alternate */
251 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
252 font-size: 0.875rem;
253 /* @alternate */
254 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
255 line-height: 1.25rem;
256 /* @alternate */
257 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
258 font-weight: 400;
259 /* @alternate */
260 font-weight: var(--mdc-typography-body2-font-weight, 400);
261 letter-spacing: 0.0178571429em;
262 /* @alternate */
263 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
264 text-decoration: inherit;
265 /* @alternate */
266 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
267 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
268 text-transform: inherit;
269 /* @alternate */
270 text-transform: var(--mdc-typography-body2-text-transform, inherit);
271}
272
273.mdc-banner__primary-action:not(:disabled) {
274 color: #6200ee;
275 /* @alternate */
276 color: var(--mdc-theme-primary, #6200ee);
277}
278.mdc-banner__primary-action::before, .mdc-banner__primary-action::after {
279 background-color: #6200ee;
280 /* @alternate */
281 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
282}
283.mdc-banner__primary-action:hover::before, .mdc-banner__primary-action.mdc-ripple-surface--hover::before {
284 opacity: 0.04;
285 /* @alternate */
286 opacity: var(--mdc-ripple-hover-opacity, 0.04);
287}
288.mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before {
289 transition-duration: 75ms;
290 opacity: 0.12;
291 /* @alternate */
292 opacity: var(--mdc-ripple-focus-opacity, 0.12);
293}
294.mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after {
295 transition: opacity 150ms linear;
296}
297.mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after {
298 transition-duration: 75ms;
299 opacity: 0.12;
300 /* @alternate */
301 opacity: var(--mdc-ripple-press-opacity, 0.12);
302}
303.mdc-banner__primary-action.mdc-ripple-upgraded {
304 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
305}
306
307.mdc-banner__secondary-action {
308 /* @noflip */
309 margin-left: 0;
310 /* @noflip */
311 margin-right: 8px;
312}
313.mdc-banner__secondary-action:not(:disabled) {
314 color: #6200ee;
315 /* @alternate */
316 color: var(--mdc-theme-primary, #6200ee);
317}
318.mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after {
319 background-color: #6200ee;
320 /* @alternate */
321 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
322}
323.mdc-banner__secondary-action:hover::before, .mdc-banner__secondary-action.mdc-ripple-surface--hover::before {
324 opacity: 0.04;
325 /* @alternate */
326 opacity: var(--mdc-ripple-hover-opacity, 0.04);
327}
328.mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before {
329 transition-duration: 75ms;
330 opacity: 0.12;
331 /* @alternate */
332 opacity: var(--mdc-ripple-focus-opacity, 0.12);
333}
334.mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after {
335 transition: opacity 150ms linear;
336}
337.mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after {
338 transition-duration: 75ms;
339 opacity: 0.12;
340 /* @alternate */
341 opacity: var(--mdc-ripple-press-opacity, 0.12);
342}
343.mdc-banner__secondary-action.mdc-ripple-upgraded {
344 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
345}
346[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] {
347 /* @noflip */
348 margin-left: 8px;
349 /* @noflip */
350 margin-right: 0;
351}
352
353.mdc-touch-target-wrapper {
354 display: inline;
355}
356
357.mdc-elevation-overlay {
358 position: absolute;
359 border-radius: inherit;
360 pointer-events: none;
361 opacity: 0;
362 /* @alternate */
363 opacity: var(--mdc-elevation-overlay-opacity, 0);
364 transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
365 background-color: #fff;
366 /* @alternate */
367 background-color: var(--mdc-elevation-overlay-color, #fff);
368}
369
370.mdc-button {
371 /* @alternate */
372 position: relative;
373 display: inline-flex;
374 align-items: center;
375 justify-content: center;
376 box-sizing: border-box;
377 min-width: 64px;
378 border: none;
379 outline: none;
380 /* @alternate */
381 line-height: inherit;
382 -webkit-user-select: none;
383 -moz-user-select: none;
384 -ms-user-select: none;
385 user-select: none;
386 -webkit-appearance: none;
387 overflow: visible;
388 vertical-align: middle;
389 background: transparent;
390}
391.mdc-button .mdc-elevation-overlay {
392 width: 100%;
393 height: 100%;
394 top: 0;
395 /* @noflip */
396 left: 0;
397}
398.mdc-button::-moz-focus-inner {
399 padding: 0;
400 border: 0;
401}
402.mdc-button:active {
403 outline: none;
404}
405.mdc-button:hover {
406 cursor: pointer;
407}
408.mdc-button:disabled {
409 cursor: default;
410 pointer-events: none;
411}
412.mdc-button .mdc-button__icon {
413 /* @noflip */
414 margin-left: 0;
415 /* @noflip */
416 margin-right: 8px;
417 display: inline-block;
418 position: relative;
419 vertical-align: top;
420}
421[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
422 /* @noflip */
423 margin-left: 8px;
424 /* @noflip */
425 margin-right: 0;
426}
427
428.mdc-button .mdc-button__touch {
429 position: absolute;
430 top: 50%;
431 height: 48px;
432 left: 0;
433 right: 0;
434 -webkit-transform: translateY(-50%);
435 transform: translateY(-50%);
436}
437
438.mdc-button__label + .mdc-button__icon {
439 /* @noflip */
440 margin-left: 8px;
441 /* @noflip */
442 margin-right: 0;
443}
444[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
445 /* @noflip */
446 margin-left: 0;
447 /* @noflip */
448 margin-right: 8px;
449}
450
451svg.mdc-button__icon {
452 fill: currentColor;
453}
454
455.mdc-button--raised .mdc-button__icon,
456.mdc-button--unelevated .mdc-button__icon,
457.mdc-button--outlined .mdc-button__icon {
458 /* @noflip */
459 margin-left: -4px;
460 /* @noflip */
461 margin-right: 8px;
462}
463[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] {
464 /* @noflip */
465 margin-left: 8px;
466 /* @noflip */
467 margin-right: -4px;
468}
469
470.mdc-button--raised .mdc-button__label + .mdc-button__icon,
471.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
472.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
473 /* @noflip */
474 margin-left: 8px;
475 /* @noflip */
476 margin-right: -4px;
477}
478[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] {
479 /* @noflip */
480 margin-left: -4px;
481 /* @noflip */
482 margin-right: 8px;
483}
484
485.mdc-button--touch {
486 margin-top: 6px;
487 margin-bottom: 6px;
488}
489
490.mdc-button {
491 -moz-osx-font-smoothing: grayscale;
492 -webkit-font-smoothing: antialiased;
493 font-family: Roboto, sans-serif;
494 /* @alternate */
495 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
496 text-decoration: none;
497 /* @alternate */
498 -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
499 text-decoration: var(--mdc-typography-button-text-decoration, none);
500}
501
502@-webkit-keyframes mdc-ripple-fg-radius-in {
503 from {
504 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
505 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
506 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
507 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
508 }
509 to {
510 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
511 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
512 }
513}
514
515@keyframes mdc-ripple-fg-radius-in {
516 from {
517 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
518 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
519 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
520 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
521 }
522 to {
523 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
524 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
525 }
526}
527@-webkit-keyframes mdc-ripple-fg-opacity-in {
528 from {
529 -webkit-animation-timing-function: linear;
530 animation-timing-function: linear;
531 opacity: 0;
532 }
533 to {
534 opacity: var(--mdc-ripple-fg-opacity, 0);
535 }
536}
537@keyframes mdc-ripple-fg-opacity-in {
538 from {
539 -webkit-animation-timing-function: linear;
540 animation-timing-function: linear;
541 opacity: 0;
542 }
543 to {
544 opacity: var(--mdc-ripple-fg-opacity, 0);
545 }
546}
547@-webkit-keyframes mdc-ripple-fg-opacity-out {
548 from {
549 -webkit-animation-timing-function: linear;
550 animation-timing-function: linear;
551 opacity: var(--mdc-ripple-fg-opacity, 0);
552 }
553 to {
554 opacity: 0;
555 }
556}
557@keyframes mdc-ripple-fg-opacity-out {
558 from {
559 -webkit-animation-timing-function: linear;
560 animation-timing-function: linear;
561 opacity: var(--mdc-ripple-fg-opacity, 0);
562 }
563 to {
564 opacity: 0;
565 }
566}
567.mdc-button {
568 --mdc-ripple-fg-size: 0;
569 --mdc-ripple-left: 0;
570 --mdc-ripple-top: 0;
571 --mdc-ripple-fg-scale: 1;
572 --mdc-ripple-fg-translate-end: 0;
573 --mdc-ripple-fg-translate-start: 0;
574 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
575 will-change: transform, opacity;
576}
577.mdc-button .mdc-button__ripple::before,
578.mdc-button .mdc-button__ripple::after {
579 position: absolute;
580 border-radius: 50%;
581 opacity: 0;
582 pointer-events: none;
583 content: "";
584}
585.mdc-button .mdc-button__ripple::before {
586 transition: opacity 15ms linear, background-color 15ms linear;
587 z-index: 1;
588 /* @alternate */
589 z-index: var(--mdc-ripple-z-index, 1);
590}
591.mdc-button .mdc-button__ripple::after {
592 z-index: 0;
593 /* @alternate */
594 z-index: var(--mdc-ripple-z-index, 0);
595}
596.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
597 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
598 transform: scale(var(--mdc-ripple-fg-scale, 1));
599}
600.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
601 top: 0;
602 /* @noflip */
603 left: 0;
604 -webkit-transform: scale(0);
605 transform: scale(0);
606 -webkit-transform-origin: center center;
607 transform-origin: center center;
608}
609.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
610 top: var(--mdc-ripple-top, 0);
611 /* @noflip */
612 left: var(--mdc-ripple-left, 0);
613}
614.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
615 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
616 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
617}
618.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
619 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
620 animation: mdc-ripple-fg-opacity-out 150ms;
621 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
622 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
623}
624.mdc-button .mdc-button__ripple::before,
625.mdc-button .mdc-button__ripple::after {
626 top: calc(50% - 100%);
627 /* @noflip */
628 left: calc(50% - 100%);
629 width: 200%;
630 height: 200%;
631}
632.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
633 width: var(--mdc-ripple-fg-size, 100%);
634 height: var(--mdc-ripple-fg-size, 100%);
635}
636.mdc-button .mdc-button__ripple {
637 position: absolute;
638 box-sizing: content-box;
639 width: 100%;
640 height: 100%;
641 overflow: hidden;
642}
643.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
644 top: 0;
645 left: 0;
646}
647
648.mdc-button--raised {
649 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
650}
651
652.mdc-button--outlined {
653 border-style: solid;
654}
655
656.mdc-button {
657 font-family: Roboto, sans-serif;
658 /* @alternate */
659 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
660 font-size: 0.875rem;
661 /* @alternate */
662 font-size: var(--mdc-typography-button-font-size, 0.875rem);
663 letter-spacing: 0.0892857143em;
664 /* @alternate */
665 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
666 font-weight: 500;
667 /* @alternate */
668 font-weight: var(--mdc-typography-button-font-weight, 500);
669 text-transform: uppercase;
670 /* @alternate */
671 text-transform: var(--mdc-typography-button-text-transform, uppercase);
672 height: 36px;
673 border-radius: 4px;
674 /* @alternate */
675 border-radius: var(--mdc-shape-small, 4px);
676 padding: 0 8px 0 8px;
677}
678.mdc-button:not(:disabled) {
679 color: #6200ee;
680 /* @alternate */
681 color: var(--mdc-theme-primary, #6200ee);
682}
683.mdc-button:disabled {
684 color: rgba(0, 0, 0, 0.38);
685}
686.mdc-button .mdc-button__icon {
687 font-size: 1.125rem;
688 height: 1.125rem;
689 width: 1.125rem;
690}
691.mdc-button .mdc-button__ripple::before,
692.mdc-button .mdc-button__ripple::after {
693 background-color: #6200ee;
694 /* @alternate */
695 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
696}
697.mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before {
698 opacity: 0.04;
699 /* @alternate */
700 opacity: var(--mdc-ripple-hover-opacity, 0.04);
701}
702.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
703 transition-duration: 75ms;
704 opacity: 0.12;
705 /* @alternate */
706 opacity: var(--mdc-ripple-focus-opacity, 0.12);
707}
708.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
709 transition: opacity 150ms linear;
710}
711.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
712 transition-duration: 75ms;
713 opacity: 0.12;
714 /* @alternate */
715 opacity: var(--mdc-ripple-press-opacity, 0.12);
716}
717.mdc-button.mdc-ripple-upgraded {
718 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
719}
720.mdc-button .mdc-button__ripple {
721 border-radius: 4px;
722 /* @alternate */
723 border-radius: var(--mdc-shape-small, 4px);
724}
725
726.mdc-button--unelevated {
727 padding: 0 16px 0 16px;
728 font-family: Roboto, sans-serif;
729 /* @alternate */
730 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
731 font-size: 0.875rem;
732 /* @alternate */
733 font-size: var(--mdc-typography-button-font-size, 0.875rem);
734 letter-spacing: 0.0892857143em;
735 /* @alternate */
736 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
737 font-weight: 500;
738 /* @alternate */
739 font-weight: var(--mdc-typography-button-font-weight, 500);
740 text-transform: uppercase;
741 /* @alternate */
742 text-transform: var(--mdc-typography-button-text-transform, uppercase);
743 height: 36px;
744 border-radius: 4px;
745 /* @alternate */
746 border-radius: var(--mdc-shape-small, 4px);
747}
748.mdc-button--unelevated.mdc-button--icon-trailing {
749 padding: 0 12px 0 16px;
750}
751.mdc-button--unelevated.mdc-button--icon-leading {
752 padding: 0 16px 0 12px;
753}
754.mdc-button--unelevated:not(:disabled) {
755 background-color: #6200ee;
756 /* @alternate */
757 background-color: var(--mdc-theme-primary, #6200ee);
758}
759.mdc-button--unelevated:disabled {
760 background-color: rgba(0, 0, 0, 0.12);
761}
762.mdc-button--unelevated:not(:disabled) {
763 color: #fff;
764 /* @alternate */
765 color: var(--mdc-theme-on-primary, #fff);
766}
767.mdc-button--unelevated:disabled {
768 color: rgba(0, 0, 0, 0.38);
769}
770.mdc-button--unelevated .mdc-button__icon {
771 font-size: 1.125rem;
772 height: 1.125rem;
773 width: 1.125rem;
774}
775.mdc-button--unelevated .mdc-button__ripple::before,
776.mdc-button--unelevated .mdc-button__ripple::after {
777 background-color: #fff;
778 /* @alternate */
779 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
780}
781.mdc-button--unelevated:hover .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before {
782 opacity: 0.08;
783 /* @alternate */
784 opacity: var(--mdc-ripple-hover-opacity, 0.08);
785}
786.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
787 transition-duration: 75ms;
788 opacity: 0.24;
789 /* @alternate */
790 opacity: var(--mdc-ripple-focus-opacity, 0.24);
791}
792.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
793 transition: opacity 150ms linear;
794}
795.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
796 transition-duration: 75ms;
797 opacity: 0.24;
798 /* @alternate */
799 opacity: var(--mdc-ripple-press-opacity, 0.24);
800}
801.mdc-button--unelevated.mdc-ripple-upgraded {
802 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
803}
804.mdc-button--unelevated .mdc-button__ripple {
805 border-radius: 4px;
806 /* @alternate */
807 border-radius: var(--mdc-shape-small, 4px);
808}
809
810.mdc-button--raised {
811 padding: 0 16px 0 16px;
812 font-family: Roboto, sans-serif;
813 /* @alternate */
814 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
815 font-size: 0.875rem;
816 /* @alternate */
817 font-size: var(--mdc-typography-button-font-size, 0.875rem);
818 letter-spacing: 0.0892857143em;
819 /* @alternate */
820 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
821 font-weight: 500;
822 /* @alternate */
823 font-weight: var(--mdc-typography-button-font-weight, 500);
824 text-transform: uppercase;
825 /* @alternate */
826 text-transform: var(--mdc-typography-button-text-transform, uppercase);
827 height: 36px;
828 border-radius: 4px;
829 /* @alternate */
830 border-radius: var(--mdc-shape-small, 4px);
831 /* @alternate */
832 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);
833}
834.mdc-button--raised.mdc-button--icon-trailing {
835 padding: 0 12px 0 16px;
836}
837.mdc-button--raised.mdc-button--icon-leading {
838 padding: 0 16px 0 12px;
839}
840.mdc-button--raised:not(:disabled) {
841 background-color: #6200ee;
842 /* @alternate */
843 background-color: var(--mdc-theme-primary, #6200ee);
844}
845.mdc-button--raised:disabled {
846 background-color: rgba(0, 0, 0, 0.12);
847}
848.mdc-button--raised:not(:disabled) {
849 color: #fff;
850 /* @alternate */
851 color: var(--mdc-theme-on-primary, #fff);
852}
853.mdc-button--raised:disabled {
854 color: rgba(0, 0, 0, 0.38);
855}
856.mdc-button--raised .mdc-button__icon {
857 font-size: 1.125rem;
858 height: 1.125rem;
859 width: 1.125rem;
860}
861.mdc-button--raised .mdc-button__ripple::before,
862.mdc-button--raised .mdc-button__ripple::after {
863 background-color: #fff;
864 /* @alternate */
865 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
866}
867.mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before {
868 opacity: 0.08;
869 /* @alternate */
870 opacity: var(--mdc-ripple-hover-opacity, 0.08);
871}
872.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
873 transition-duration: 75ms;
874 opacity: 0.24;
875 /* @alternate */
876 opacity: var(--mdc-ripple-focus-opacity, 0.24);
877}
878.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
879 transition: opacity 150ms linear;
880}
881.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
882 transition-duration: 75ms;
883 opacity: 0.24;
884 /* @alternate */
885 opacity: var(--mdc-ripple-press-opacity, 0.24);
886}
887.mdc-button--raised.mdc-ripple-upgraded {
888 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
889}
890.mdc-button--raised .mdc-button__ripple {
891 border-radius: 4px;
892 /* @alternate */
893 border-radius: var(--mdc-shape-small, 4px);
894}
895.mdc-button--raised.mdc-ripple-upgraded--background-focused, .mdc-button--raised:not(.mdc-ripple-upgraded):focus {
896 /* @alternate */
897 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);
898}
899.mdc-button--raised:hover {
900 /* @alternate */
901 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);
902}
903.mdc-button--raised:not(:disabled):active {
904 /* @alternate */
905 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);
906}
907.mdc-button--raised:disabled {
908 /* @alternate */
909 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);
910}
911.mdc-button--outlined {
912 font-family: Roboto, sans-serif;
913 /* @alternate */
914 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
915 font-size: 0.875rem;
916 /* @alternate */
917 font-size: var(--mdc-typography-button-font-size, 0.875rem);
918 letter-spacing: 0.0892857143em;
919 /* @alternate */
920 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
921 font-weight: 500;
922 /* @alternate */
923 font-weight: var(--mdc-typography-button-font-weight, 500);
924 text-transform: uppercase;
925 /* @alternate */
926 text-transform: var(--mdc-typography-button-text-transform, uppercase);
927 height: 36px;
928 border-radius: 4px;
929 /* @alternate */
930 border-radius: var(--mdc-shape-small, 4px);
931 padding: 0 15px 0 15px;
932 border-width: 1px;
933}
934.mdc-button--outlined:not(:disabled) {
935 color: #6200ee;
936 /* @alternate */
937 color: var(--mdc-theme-primary, #6200ee);
938}
939.mdc-button--outlined:disabled {
940 color: rgba(0, 0, 0, 0.38);
941}
942.mdc-button--outlined .mdc-button__icon {
943 font-size: 1.125rem;
944 height: 1.125rem;
945 width: 1.125rem;
946}
947.mdc-button--outlined .mdc-button__ripple::before,
948.mdc-button--outlined .mdc-button__ripple::after {
949 background-color: #6200ee;
950 /* @alternate */
951 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
952}
953.mdc-button--outlined:hover .mdc-button__ripple::before, .mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before {
954 opacity: 0.04;
955 /* @alternate */
956 opacity: var(--mdc-ripple-hover-opacity, 0.04);
957}
958.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
959 transition-duration: 75ms;
960 opacity: 0.12;
961 /* @alternate */
962 opacity: var(--mdc-ripple-focus-opacity, 0.12);
963}
964.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
965 transition: opacity 150ms linear;
966}
967.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
968 transition-duration: 75ms;
969 opacity: 0.12;
970 /* @alternate */
971 opacity: var(--mdc-ripple-press-opacity, 0.12);
972}
973.mdc-button--outlined.mdc-ripple-upgraded {
974 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
975}
976.mdc-button--outlined .mdc-button__ripple {
977 border-radius: 4px;
978 /* @alternate */
979 border-radius: var(--mdc-shape-small, 4px);
980}
981.mdc-button--outlined:not(:disabled) {
982 border-color: rgba(0, 0, 0, 0.12);
983}
984.mdc-button--outlined:disabled {
985 border-color: rgba(0, 0, 0, 0.12);
986}
987.mdc-button--outlined.mdc-button--icon-trailing {
988 padding: 0 11px 0 15px;
989}
990.mdc-button--outlined.mdc-button--icon-leading {
991 padding: 0 15px 0 11px;
992}
993.mdc-button--outlined .mdc-button__ripple {
994 top: -1px;
995 left: -1px;
996 border: 1px solid transparent;
997}
998.mdc-button--outlined .mdc-button__touch {
999 left: -1px;
1000 width: calc(100% + 2 * 1px);
1001}
1002
1003.mdc-card {
1004 border-radius: 4px;
1005 /* @alternate */
1006 border-radius: var(--mdc-shape-medium, 4px);
1007 background-color: #fff;
1008 /* @alternate */
1009 background-color: var(--mdc-theme-surface, #fff);
1010 /* @alternate */
1011 position: relative;
1012 /* @alternate */
1013 box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
1014 display: flex;
1015 flex-direction: column;
1016 box-sizing: border-box;
1017}
1018.mdc-card .mdc-elevation-overlay {
1019 width: 100%;
1020 height: 100%;
1021 top: 0;
1022 /* @noflip */
1023 left: 0;
1024}
1025.mdc-card::after {
1026 border-radius: 4px;
1027 /* @alternate */
1028 border-radius: var(--mdc-shape-medium, 4px);
1029 position: absolute;
1030 box-sizing: border-box;
1031 width: 100%;
1032 height: 100%;
1033 top: 0;
1034 left: 0;
1035 border: 1px solid transparent;
1036 border-radius: inherit;
1037 content: "";
1038 pointer-events: none;
1039 pointer-events: none;
1040}
1041
1042.mdc-card--outlined {
1043 /* @alternate */
1044 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);
1045 border-width: 1px;
1046 border-style: solid;
1047 border-color: #e0e0e0;
1048}
1049.mdc-card--outlined::after {
1050 border: none;
1051}
1052
1053.mdc-card__content {
1054 border-radius: inherit;
1055 height: 100%;
1056}
1057
1058.mdc-card__media {
1059 position: relative;
1060 box-sizing: border-box;
1061 background-repeat: no-repeat;
1062 background-position: center;
1063 background-size: cover;
1064}
1065.mdc-card__media::before {
1066 display: block;
1067 content: "";
1068}
1069
1070.mdc-card__media:first-child {
1071 border-top-left-radius: inherit;
1072 border-top-right-radius: inherit;
1073}
1074
1075.mdc-card__media:last-child {
1076 border-bottom-left-radius: inherit;
1077 border-bottom-right-radius: inherit;
1078}
1079
1080.mdc-card__media--square::before {
1081 margin-top: 100%;
1082}
1083
1084.mdc-card__media--16-9::before {
1085 margin-top: 56.25%;
1086}
1087
1088.mdc-card__media-content {
1089 position: absolute;
1090 top: 0;
1091 right: 0;
1092 bottom: 0;
1093 left: 0;
1094 box-sizing: border-box;
1095}
1096
1097.mdc-card__primary-action {
1098 display: flex;
1099 flex-direction: column;
1100 box-sizing: border-box;
1101 position: relative;
1102 outline: none;
1103 color: inherit;
1104 text-decoration: none;
1105 cursor: pointer;
1106 overflow: hidden;
1107}
1108
1109.mdc-card__primary-action:first-child {
1110 border-top-left-radius: inherit;
1111 border-top-right-radius: inherit;
1112}
1113
1114.mdc-card__primary-action:last-child {
1115 border-bottom-left-radius: inherit;
1116 border-bottom-right-radius: inherit;
1117}
1118
1119.mdc-card__actions {
1120 display: flex;
1121 flex-direction: row;
1122 align-items: center;
1123 box-sizing: border-box;
1124 min-height: 52px;
1125 padding: 8px;
1126}
1127
1128.mdc-card__actions--full-bleed {
1129 padding: 0;
1130}
1131
1132.mdc-card__action-buttons,
1133.mdc-card__action-icons {
1134 display: flex;
1135 flex-direction: row;
1136 align-items: center;
1137 box-sizing: border-box;
1138}
1139
1140.mdc-card__action-icons {
1141 color: rgba(0, 0, 0, 0.6);
1142 flex-grow: 1;
1143 justify-content: flex-end;
1144}
1145
1146.mdc-card__action-buttons + .mdc-card__action-icons {
1147 /* @noflip */
1148 margin-left: 16px;
1149 /* @noflip */
1150 margin-right: 0;
1151}
1152[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
1153 /* @noflip */
1154 margin-left: 0;
1155 /* @noflip */
1156 margin-right: 16px;
1157}
1158
1159.mdc-card__action {
1160 display: inline-flex;
1161 flex-direction: row;
1162 align-items: center;
1163 box-sizing: border-box;
1164 justify-content: center;
1165 cursor: pointer;
1166 -webkit-user-select: none;
1167 -moz-user-select: none;
1168 -ms-user-select: none;
1169 user-select: none;
1170}
1171.mdc-card__action:focus {
1172 outline: none;
1173}
1174
1175.mdc-card__action--button {
1176 /* @noflip */
1177 margin-left: 0;
1178 /* @noflip */
1179 margin-right: 8px;
1180 padding: 0 8px;
1181}
1182[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
1183 /* @noflip */
1184 margin-left: 8px;
1185 /* @noflip */
1186 margin-right: 0;
1187}
1188
1189.mdc-card__action--button:last-child {
1190 /* @noflip */
1191 margin-left: 0;
1192 /* @noflip */
1193 margin-right: 0;
1194}
1195[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
1196 /* @noflip */
1197 margin-left: 0;
1198 /* @noflip */
1199 margin-right: 0;
1200}
1201
1202.mdc-card__actions--full-bleed .mdc-card__action--button {
1203 justify-content: space-between;
1204 width: 100%;
1205 height: auto;
1206 max-height: none;
1207 margin: 0;
1208 padding: 8px 16px;
1209 /* @noflip */
1210 text-align: left;
1211}
1212[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
1213 /* @noflip */
1214 text-align: right;
1215}
1216
1217.mdc-card__action--icon {
1218 margin: -6px 0;
1219 padding: 12px;
1220}
1221
1222.mdc-card__action--icon:not(:disabled) {
1223 color: rgba(0, 0, 0, 0.6);
1224}
1225
1226.mdc-card__primary-action {
1227 --mdc-ripple-fg-size: 0;
1228 --mdc-ripple-left: 0;
1229 --mdc-ripple-top: 0;
1230 --mdc-ripple-fg-scale: 1;
1231 --mdc-ripple-fg-translate-end: 0;
1232 --mdc-ripple-fg-translate-start: 0;
1233 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1234 will-change: transform, opacity;
1235}
1236.mdc-card__primary-action .mdc-card__ripple::before,
1237.mdc-card__primary-action .mdc-card__ripple::after {
1238 position: absolute;
1239 border-radius: 50%;
1240 opacity: 0;
1241 pointer-events: none;
1242 content: "";
1243}
1244.mdc-card__primary-action .mdc-card__ripple::before {
1245 transition: opacity 15ms linear, background-color 15ms linear;
1246 z-index: 1;
1247 /* @alternate */
1248 z-index: var(--mdc-ripple-z-index, 1);
1249}
1250.mdc-card__primary-action .mdc-card__ripple::after {
1251 z-index: 0;
1252 /* @alternate */
1253 z-index: var(--mdc-ripple-z-index, 0);
1254}
1255.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::before {
1256 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
1257 transform: scale(var(--mdc-ripple-fg-scale, 1));
1258}
1259.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after {
1260 top: 0;
1261 /* @noflip */
1262 left: 0;
1263 -webkit-transform: scale(0);
1264 transform: scale(0);
1265 -webkit-transform-origin: center center;
1266 transform-origin: center center;
1267}
1268.mdc-card__primary-action.mdc-ripple-upgraded--unbounded .mdc-card__ripple::after {
1269 top: var(--mdc-ripple-top, 0);
1270 /* @noflip */
1271 left: var(--mdc-ripple-left, 0);
1272}
1273.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation .mdc-card__ripple::after {
1274 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
1275 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
1276}
1277.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation .mdc-card__ripple::after {
1278 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
1279 animation: mdc-ripple-fg-opacity-out 150ms;
1280 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
1281 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
1282}
1283.mdc-card__primary-action .mdc-card__ripple::before,
1284.mdc-card__primary-action .mdc-card__ripple::after {
1285 top: calc(50% - 100%);
1286 /* @noflip */
1287 left: calc(50% - 100%);
1288 width: 200%;
1289 height: 200%;
1290}
1291.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after {
1292 width: var(--mdc-ripple-fg-size, 100%);
1293 height: var(--mdc-ripple-fg-size, 100%);
1294}
1295.mdc-card__primary-action .mdc-card__ripple::before, .mdc-card__primary-action .mdc-card__ripple::after {
1296 background-color: #000;
1297 /* @alternate */
1298 background-color: var(--mdc-ripple-color, #000);
1299}
1300.mdc-card__primary-action:hover .mdc-card__ripple::before, .mdc-card__primary-action.mdc-ripple-surface--hover .mdc-card__ripple::before {
1301 opacity: 0.04;
1302 /* @alternate */
1303 opacity: var(--mdc-ripple-hover-opacity, 0.04);
1304}
1305.mdc-card__primary-action.mdc-ripple-upgraded--background-focused .mdc-card__ripple::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus .mdc-card__ripple::before {
1306 transition-duration: 75ms;
1307 opacity: 0.12;
1308 /* @alternate */
1309 opacity: var(--mdc-ripple-focus-opacity, 0.12);
1310}
1311.mdc-card__primary-action:not(.mdc-ripple-upgraded) .mdc-card__ripple::after {
1312 transition: opacity 150ms linear;
1313}
1314.mdc-card__primary-action:not(.mdc-ripple-upgraded):active .mdc-card__ripple::after {
1315 transition-duration: 75ms;
1316 opacity: 0.12;
1317 /* @alternate */
1318 opacity: var(--mdc-ripple-press-opacity, 0.12);
1319}
1320.mdc-card__primary-action.mdc-ripple-upgraded {
1321 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
1322}
1323.mdc-card__primary-action .mdc-card__ripple {
1324 box-sizing: content-box;
1325 height: 100%;
1326 overflow: hidden;
1327 left: 0;
1328 pointer-events: none;
1329 position: absolute;
1330 top: 0;
1331 width: 100%;
1332}
1333.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::after, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::after {
1334 position: absolute;
1335 box-sizing: border-box;
1336 width: 100%;
1337 height: 100%;
1338 top: 0;
1339 left: 0;
1340 border: 5px double transparent;
1341 border-radius: inherit;
1342 content: "";
1343 pointer-events: none;
1344}
1345
1346.mdc-checkbox {
1347 padding: calc((40px - 18px) / 2);
1348 /* @alternate */
1349 padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
1350 margin: calc((40px - 40px) / 2);
1351 /* @alternate */
1352 margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);
1353}
1354.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
1355 background-color: #000;
1356 /* @alternate */
1357 background-color: var(--mdc-ripple-color, #000);
1358}
1359.mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
1360 opacity: 0.04;
1361 /* @alternate */
1362 opacity: var(--mdc-ripple-hover-opacity, 0.04);
1363}
1364.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
1365 transition-duration: 75ms;
1366 opacity: 0.12;
1367 /* @alternate */
1368 opacity: var(--mdc-ripple-focus-opacity, 0.12);
1369}
1370.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
1371 transition: opacity 150ms linear;
1372}
1373.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
1374 transition-duration: 75ms;
1375 opacity: 0.12;
1376 /* @alternate */
1377 opacity: var(--mdc-ripple-press-opacity, 0.12);
1378}
1379.mdc-checkbox.mdc-ripple-upgraded {
1380 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
1381}
1382.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
1383 background-color: #018786;
1384 /* @alternate */
1385 background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
1386}
1387.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
1388 opacity: 0.04;
1389 /* @alternate */
1390 opacity: var(--mdc-ripple-hover-opacity, 0.04);
1391}
1392.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
1393 transition-duration: 75ms;
1394 opacity: 0.12;
1395 /* @alternate */
1396 opacity: var(--mdc-ripple-focus-opacity, 0.12);
1397}
1398.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
1399 transition: opacity 150ms linear;
1400}
1401.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
1402 transition-duration: 75ms;
1403 opacity: 0.12;
1404 /* @alternate */
1405 opacity: var(--mdc-ripple-press-opacity, 0.12);
1406}
1407.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
1408 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
1409}
1410.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
1411.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
1412 background-color: #018786;
1413 /* @alternate */
1414 background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
1415}
1416.mdc-checkbox .mdc-checkbox__background {
1417 top: calc((40px - 18px) / 2);
1418 /* @alternate */
1419 top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
1420 left: calc((40px - 18px) / 2);
1421 /* @alternate */
1422 left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
1423}
1424.mdc-checkbox .mdc-checkbox__native-control {
1425 top: calc((40px - 40px) / 2);
1426 /* @alternate */
1427 top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
1428 right: calc((40px - 40px) / 2);
1429 /* @alternate */
1430 right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
1431 left: calc((40px - 40px) / 2);
1432 /* @alternate */
1433 left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
1434 width: 40px;
1435 /* @alternate */
1436 width: var(--mdc-checkbox-touch-target-size, 40px);
1437 height: 40px;
1438 /* @alternate */
1439 height: var(--mdc-checkbox-touch-target-size, 40px);
1440}
1441.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
1442 border-color: rgba(0, 0, 0, 0.54);
1443 /* @alternate */
1444 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
1445 background-color: transparent;
1446}
1447.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
1448.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
1449.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
1450 border-color: #018786;
1451 /* @alternate */
1452 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1453 background-color: #018786;
1454 /* @alternate */
1455 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1456}
1457@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
1458 0% {
1459 border-color: rgba(0, 0, 0, 0.54);
1460 /* @alternate */
1461 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
1462 background-color: transparent;
1463 }
1464 50% {
1465 border-color: #018786;
1466 /* @alternate */
1467 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1468 background-color: #018786;
1469 /* @alternate */
1470 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1471 }
1472}
1473@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
1474 0% {
1475 border-color: rgba(0, 0, 0, 0.54);
1476 /* @alternate */
1477 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
1478 background-color: transparent;
1479 }
1480 50% {
1481 border-color: #018786;
1482 /* @alternate */
1483 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1484 background-color: #018786;
1485 /* @alternate */
1486 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1487 }
1488}
1489@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
1490 0%, 80% {
1491 border-color: #018786;
1492 /* @alternate */
1493 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1494 background-color: #018786;
1495 /* @alternate */
1496 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1497 }
1498 100% {
1499 border-color: rgba(0, 0, 0, 0.54);
1500 /* @alternate */
1501 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
1502 background-color: transparent;
1503 }
1504}
1505@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
1506 0%, 80% {
1507 border-color: #018786;
1508 /* @alternate */
1509 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1510 background-color: #018786;
1511 /* @alternate */
1512 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
1513 }
1514 100% {
1515 border-color: rgba(0, 0, 0, 0.54);
1516 /* @alternate */
1517 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
1518 background-color: transparent;
1519 }
1520}
1521.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
1522 -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
1523 animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
1524}
1525.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
1526 -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
1527 animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
1528}
1529.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
1530 border-color: rgba(0, 0, 0, 0.38);
1531 /* @alternate */
1532 border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
1533 background-color: transparent;
1534}
1535.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
1536.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
1537.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
1538 border-color: transparent;
1539 background-color: rgba(0, 0, 0, 0.38);
1540 /* @alternate */
1541 background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
1542}
1543.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
1544 color: #fff;
1545 /* @alternate */
1546 color: var(--mdc-checkbox-ink-color, #fff);
1547}
1548.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
1549 border-color: #fff;
1550 /* @alternate */
1551 border-color: var(--mdc-checkbox-ink-color, #fff);
1552}
1553.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
1554 color: #fff;
1555 /* @alternate */
1556 color: var(--mdc-checkbox-ink-color, #fff);
1557}
1558.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
1559 border-color: #fff;
1560 /* @alternate */
1561 border-color: var(--mdc-checkbox-ink-color, #fff);
1562}
1563
1564@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
1565 0%, 50% {
1566 stroke-dashoffset: 29.7833385;
1567 }
1568 50% {
1569 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1570 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1571 }
1572 100% {
1573 stroke-dashoffset: 0;
1574 }
1575}
1576
1577@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
1578 0%, 50% {
1579 stroke-dashoffset: 29.7833385;
1580 }
1581 50% {
1582 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1583 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1584 }
1585 100% {
1586 stroke-dashoffset: 0;
1587 }
1588}
1589@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
1590 0%, 68.2% {
1591 -webkit-transform: scaleX(0);
1592 transform: scaleX(0);
1593 }
1594 68.2% {
1595 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
1596 animation-timing-function: cubic-bezier(0, 0, 0, 1);
1597 }
1598 100% {
1599 -webkit-transform: scaleX(1);
1600 transform: scaleX(1);
1601 }
1602}
1603@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
1604 0%, 68.2% {
1605 -webkit-transform: scaleX(0);
1606 transform: scaleX(0);
1607 }
1608 68.2% {
1609 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
1610 animation-timing-function: cubic-bezier(0, 0, 0, 1);
1611 }
1612 100% {
1613 -webkit-transform: scaleX(1);
1614 transform: scaleX(1);
1615 }
1616}
1617@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
1618 from {
1619 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
1620 animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
1621 opacity: 1;
1622 stroke-dashoffset: 0;
1623 }
1624 to {
1625 opacity: 0;
1626 stroke-dashoffset: -29.7833385;
1627 }
1628}
1629@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
1630 from {
1631 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
1632 animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
1633 opacity: 1;
1634 stroke-dashoffset: 0;
1635 }
1636 to {
1637 opacity: 0;
1638 stroke-dashoffset: -29.7833385;
1639 }
1640}
1641@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
1642 from {
1643 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1644 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1645 -webkit-transform: rotate(0deg);
1646 transform: rotate(0deg);
1647 opacity: 1;
1648 }
1649 to {
1650 -webkit-transform: rotate(45deg);
1651 transform: rotate(45deg);
1652 opacity: 0;
1653 }
1654}
1655@keyframes mdc-checkbox-checked-indeterminate-checkmark {
1656 from {
1657 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1658 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1659 -webkit-transform: rotate(0deg);
1660 transform: rotate(0deg);
1661 opacity: 1;
1662 }
1663 to {
1664 -webkit-transform: rotate(45deg);
1665 transform: rotate(45deg);
1666 opacity: 0;
1667 }
1668}
1669@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
1670 from {
1671 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1672 animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1673 -webkit-transform: rotate(45deg);
1674 transform: rotate(45deg);
1675 opacity: 0;
1676 }
1677 to {
1678 -webkit-transform: rotate(360deg);
1679 transform: rotate(360deg);
1680 opacity: 1;
1681 }
1682}
1683@keyframes mdc-checkbox-indeterminate-checked-checkmark {
1684 from {
1685 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1686 animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1687 -webkit-transform: rotate(45deg);
1688 transform: rotate(45deg);
1689 opacity: 0;
1690 }
1691 to {
1692 -webkit-transform: rotate(360deg);
1693 transform: rotate(360deg);
1694 opacity: 1;
1695 }
1696}
1697@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
1698 from {
1699 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
1700 animation-timing-function: mdc-animation-deceleration-curve-timing-function;
1701 -webkit-transform: rotate(-45deg);
1702 transform: rotate(-45deg);
1703 opacity: 0;
1704 }
1705 to {
1706 -webkit-transform: rotate(0deg);
1707 transform: rotate(0deg);
1708 opacity: 1;
1709 }
1710}
1711@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
1712 from {
1713 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
1714 animation-timing-function: mdc-animation-deceleration-curve-timing-function;
1715 -webkit-transform: rotate(-45deg);
1716 transform: rotate(-45deg);
1717 opacity: 0;
1718 }
1719 to {
1720 -webkit-transform: rotate(0deg);
1721 transform: rotate(0deg);
1722 opacity: 1;
1723 }
1724}
1725@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
1726 from {
1727 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1728 animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1729 -webkit-transform: rotate(0deg);
1730 transform: rotate(0deg);
1731 opacity: 1;
1732 }
1733 to {
1734 -webkit-transform: rotate(315deg);
1735 transform: rotate(315deg);
1736 opacity: 0;
1737 }
1738}
1739@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
1740 from {
1741 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1742 animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
1743 -webkit-transform: rotate(0deg);
1744 transform: rotate(0deg);
1745 opacity: 1;
1746 }
1747 to {
1748 -webkit-transform: rotate(315deg);
1749 transform: rotate(315deg);
1750 opacity: 0;
1751 }
1752}
1753@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
1754 0% {
1755 -webkit-animation-timing-function: linear;
1756 animation-timing-function: linear;
1757 -webkit-transform: scaleX(1);
1758 transform: scaleX(1);
1759 opacity: 1;
1760 }
1761 32.8%, 100% {
1762 -webkit-transform: scaleX(0);
1763 transform: scaleX(0);
1764 opacity: 0;
1765 }
1766}
1767@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
1768 0% {
1769 -webkit-animation-timing-function: linear;
1770 animation-timing-function: linear;
1771 -webkit-transform: scaleX(1);
1772 transform: scaleX(1);
1773 opacity: 1;
1774 }
1775 32.8%, 100% {
1776 -webkit-transform: scaleX(0);
1777 transform: scaleX(0);
1778 opacity: 0;
1779 }
1780}
1781.mdc-checkbox {
1782 display: inline-block;
1783 position: relative;
1784 flex: 0 0 18px;
1785 box-sizing: content-box;
1786 width: 18px;
1787 height: 18px;
1788 line-height: 0;
1789 white-space: nowrap;
1790 cursor: pointer;
1791 vertical-align: bottom;
1792}
1793
1794@media screen and (forced-colors: active), (-ms-high-contrast: active) {
1795 .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
1796 border-color: GrayText;
1797 /* @alternate */
1798 border-color: var(--mdc-checkbox-disabled-color, GrayText);
1799 background-color: transparent;
1800 }
1801
1802 .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
1803.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
1804.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
1805 border-color: GrayText;
1806 background-color: transparent;
1807 /* @alternate */
1808 background-color: var(--mdc-checkbox-disabled-color, transparent);
1809 }
1810
1811 .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
1812 color: GrayText;
1813 /* @alternate */
1814 color: var(--mdc-checkbox-ink-color, GrayText);
1815 }
1816 .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
1817 border-color: GrayText;
1818 /* @alternate */
1819 border-color: var(--mdc-checkbox-ink-color, GrayText);
1820 }
1821
1822 .mdc-checkbox__mixedmark {
1823 margin: 0 1px;
1824 }
1825}
1826.mdc-checkbox--disabled {
1827 cursor: default;
1828 pointer-events: none;
1829}
1830
1831.mdc-checkbox__background {
1832 display: inline-flex;
1833 position: absolute;
1834 align-items: center;
1835 justify-content: center;
1836 box-sizing: border-box;
1837 width: 18px;
1838 height: 18px;
1839 border: 2px solid currentColor;
1840 border-radius: 2px;
1841 background-color: transparent;
1842 pointer-events: none;
1843 will-change: background-color, border-color;
1844 transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1845}
1846
1847.mdc-checkbox__checkmark {
1848 position: absolute;
1849 top: 0;
1850 right: 0;
1851 bottom: 0;
1852 left: 0;
1853 width: 100%;
1854 opacity: 0;
1855 transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1856}
1857.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
1858 opacity: 1;
1859}
1860
1861.mdc-checkbox__checkmark-path {
1862 transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1863 stroke: currentColor;
1864 stroke-width: 3.12px;
1865 stroke-dashoffset: 29.7833385;
1866 stroke-dasharray: 29.7833385;
1867}
1868
1869.mdc-checkbox__mixedmark {
1870 width: 100%;
1871 height: 0;
1872 -webkit-transform: scaleX(0) rotate(0deg);
1873 transform: scaleX(0) rotate(0deg);
1874 border-width: 1px;
1875 border-style: solid;
1876 opacity: 0;
1877 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1878 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1879 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1880}
1881
1882.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
1883 -webkit-animation-duration: 180ms;
1884 animation-duration: 180ms;
1885 -webkit-animation-timing-function: linear;
1886 animation-timing-function: linear;
1887}
1888.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
1889 -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
1890 animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
1891 transition: none;
1892}
1893.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
1894 -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
1895 animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
1896 transition: none;
1897}
1898.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
1899 -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
1900 animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
1901 transition: none;
1902}
1903.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
1904 -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
1905 animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
1906 transition: none;
1907}
1908.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
1909 -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
1910 animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
1911 transition: none;
1912}
1913.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
1914 -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
1915 animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
1916 transition: none;
1917}
1918.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
1919 -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
1920 animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
1921 transition: none;
1922}
1923.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
1924 -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
1925 animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
1926 transition: none;
1927}
1928
1929.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
1930.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
1931.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {
1932 transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
1933}
1934.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
1935.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
1936.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
1937 stroke-dashoffset: 0;
1938}
1939
1940.mdc-checkbox__native-control {
1941 position: absolute;
1942 margin: 0;
1943 padding: 0;
1944 opacity: 0;
1945 cursor: inherit;
1946}
1947.mdc-checkbox__native-control:disabled {
1948 cursor: default;
1949 pointer-events: none;
1950}
1951
1952.mdc-checkbox--touch {
1953 margin: calc((48px - 40px) / 2);
1954 /* @alternate */
1955 margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
1956}
1957.mdc-checkbox--touch .mdc-checkbox__native-control {
1958 top: calc((40px - 48px) / 2);
1959 /* @alternate */
1960 top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
1961 right: calc((40px - 48px) / 2);
1962 /* @alternate */
1963 right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
1964 left: calc((40px - 48px) / 2);
1965 /* @alternate */
1966 left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
1967 width: 48px;
1968 /* @alternate */
1969 width: var(--mdc-checkbox-state-layer-size, 48px);
1970 height: 48px;
1971 /* @alternate */
1972 height: var(--mdc-checkbox-state-layer-size, 48px);
1973}
1974
1975.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
1976 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
1977 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
1978 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
1979 opacity: 1;
1980}
1981.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
1982 -webkit-transform: scaleX(1) rotate(-45deg);
1983 transform: scaleX(1) rotate(-45deg);
1984}
1985
1986.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
1987.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
1988 -webkit-transform: rotate(45deg);
1989 transform: rotate(45deg);
1990 opacity: 0;
1991 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1992 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1993 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1994}
1995.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,
1996.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
1997 -webkit-transform: scaleX(1) rotate(0deg);
1998 transform: scaleX(1) rotate(0deg);
1999 opacity: 1;
2000}
2001
2002.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
2003.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
2004.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
2005.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
2006 transition: none;
2007}
2008
2009.mdc-checkbox {
2010 --mdc-ripple-fg-size: 0;
2011 --mdc-ripple-left: 0;
2012 --mdc-ripple-top: 0;
2013 --mdc-ripple-fg-scale: 1;
2014 --mdc-ripple-fg-translate-end: 0;
2015 --mdc-ripple-fg-translate-start: 0;
2016 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2017 will-change: transform, opacity;
2018}
2019.mdc-checkbox .mdc-checkbox__ripple::before,
2020.mdc-checkbox .mdc-checkbox__ripple::after {
2021 position: absolute;
2022 border-radius: 50%;
2023 opacity: 0;
2024 pointer-events: none;
2025 content: "";
2026}
2027.mdc-checkbox .mdc-checkbox__ripple::before {
2028 transition: opacity 15ms linear, background-color 15ms linear;
2029 z-index: 1;
2030 /* @alternate */
2031 z-index: var(--mdc-ripple-z-index, 1);
2032}
2033.mdc-checkbox .mdc-checkbox__ripple::after {
2034 z-index: 0;
2035 /* @alternate */
2036 z-index: var(--mdc-ripple-z-index, 0);
2037}
2038.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {
2039 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
2040 transform: scale(var(--mdc-ripple-fg-scale, 1));
2041}
2042.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
2043 top: 0;
2044 /* @noflip */
2045 left: 0;
2046 -webkit-transform: scale(0);
2047 transform: scale(0);
2048 -webkit-transform-origin: center center;
2049 transform-origin: center center;
2050}
2051.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
2052 top: var(--mdc-ripple-top, 0);
2053 /* @noflip */
2054 left: var(--mdc-ripple-left, 0);
2055}
2056.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
2057 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
2058 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
2059}
2060.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {
2061 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
2062 animation: mdc-ripple-fg-opacity-out 150ms;
2063 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2064 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2065}
2066.mdc-checkbox .mdc-checkbox__ripple::before,
2067.mdc-checkbox .mdc-checkbox__ripple::after {
2068 top: calc(50% - 50%);
2069 /* @noflip */
2070 left: calc(50% - 50%);
2071 width: 100%;
2072 height: 100%;
2073}
2074.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,
2075.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
2076 top: var(--mdc-ripple-top, calc(50% - 50%));
2077 /* @noflip */
2078 left: var(--mdc-ripple-left, calc(50% - 50%));
2079 width: var(--mdc-ripple-fg-size, 100%);
2080 height: var(--mdc-ripple-fg-size, 100%);
2081}
2082.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
2083 width: var(--mdc-ripple-fg-size, 100%);
2084 height: var(--mdc-ripple-fg-size, 100%);
2085}
2086.mdc-checkbox {
2087 z-index: 0;
2088}
2089.mdc-checkbox .mdc-checkbox__ripple::before,
2090.mdc-checkbox .mdc-checkbox__ripple::after {
2091 z-index: -1;
2092 /* @alternate */
2093 z-index: var(--mdc-ripple-z-index, -1);
2094}
2095
2096.mdc-checkbox__ripple {
2097 position: absolute;
2098 top: 0;
2099 left: 0;
2100 width: 100%;
2101 height: 100%;
2102 pointer-events: none;
2103}
2104
2105.mdc-deprecated-chip-trailing-action__touch {
2106 position: absolute;
2107 top: 50%;
2108 height: 48px;
2109 /* @noflip */
2110 left: 50%;
2111 width: 48px;
2112 -webkit-transform: translate(-50%, -50%);
2113 transform: translate(-50%, -50%);
2114}
2115
2116.mdc-deprecated-chip-trailing-action {
2117 border: none;
2118 display: inline-flex;
2119 position: relative;
2120 align-items: center;
2121 justify-content: center;
2122 box-sizing: border-box;
2123 padding: 0;
2124 outline: none;
2125 cursor: pointer;
2126 -webkit-appearance: none;
2127 background: none;
2128}
2129.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon {
2130 height: 18px;
2131 width: 18px;
2132 font-size: 18px;
2133}
2134.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action {
2135 color: #000;
2136 /* @alternate */
2137 color: var(--mdc-theme-on-surface, #000);
2138}
2139.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__touch {
2140 width: 26px;
2141}
2142.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon {
2143 fill: currentColor;
2144 color: inherit;
2145}
2146
2147.mdc-deprecated-chip-trailing-action {
2148 --mdc-ripple-fg-size: 0;
2149 --mdc-ripple-left: 0;
2150 --mdc-ripple-top: 0;
2151 --mdc-ripple-fg-scale: 1;
2152 --mdc-ripple-fg-translate-end: 0;
2153 --mdc-ripple-fg-translate-start: 0;
2154 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2155 will-change: transform, opacity;
2156}
2157.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,
2158.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
2159 position: absolute;
2160 border-radius: 50%;
2161 opacity: 0;
2162 pointer-events: none;
2163 content: "";
2164}
2165.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before {
2166 transition: opacity 15ms linear, background-color 15ms linear;
2167 z-index: 1;
2168 /* @alternate */
2169 z-index: var(--mdc-ripple-z-index, 1);
2170}
2171.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
2172 z-index: 0;
2173 /* @alternate */
2174 z-index: var(--mdc-ripple-z-index, 0);
2175}
2176.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before {
2177 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
2178 transform: scale(var(--mdc-ripple-fg-scale, 1));
2179}
2180.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
2181 top: 0;
2182 /* @noflip */
2183 left: 0;
2184 -webkit-transform: scale(0);
2185 transform: scale(0);
2186 -webkit-transform-origin: center center;
2187 transform-origin: center center;
2188}
2189.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after {
2190 top: var(--mdc-ripple-top, 0);
2191 /* @noflip */
2192 left: var(--mdc-ripple-left, 0);
2193}
2194.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after {
2195 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
2196 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
2197}
2198.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-chip-trailing-action__ripple::after {
2199 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
2200 animation: mdc-ripple-fg-opacity-out 150ms;
2201 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2202 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2203}
2204.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,
2205.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
2206 top: calc(50% - 50%);
2207 /* @noflip */
2208 left: calc(50% - 50%);
2209 width: 100%;
2210 height: 100%;
2211}
2212.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before,
2213.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
2214 top: var(--mdc-ripple-top, calc(50% - 50%));
2215 /* @noflip */
2216 left: var(--mdc-ripple-left, calc(50% - 50%));
2217 width: var(--mdc-ripple-fg-size, 100%);
2218 height: var(--mdc-ripple-fg-size, 100%);
2219}
2220.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
2221 width: var(--mdc-ripple-fg-size, 100%);
2222 height: var(--mdc-ripple-fg-size, 100%);
2223}
2224.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
2225 background-color: #000;
2226 /* @alternate */
2227 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
2228}
2229.mdc-deprecated-chip-trailing-action:hover .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action.mdc-ripple-surface--hover .mdc-deprecated-chip-trailing-action__ripple::before {
2230 opacity: 0.04;
2231 /* @alternate */
2232 opacity: var(--mdc-ripple-hover-opacity, 0.04);
2233}
2234.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-deprecated-chip-trailing-action__ripple::before {
2235 transition-duration: 75ms;
2236 opacity: 0.12;
2237 /* @alternate */
2238 opacity: var(--mdc-ripple-focus-opacity, 0.12);
2239}
2240.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-deprecated-chip-trailing-action__ripple::after {
2241 transition: opacity 150ms linear;
2242}
2243.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-deprecated-chip-trailing-action__ripple::after {
2244 transition-duration: 75ms;
2245 opacity: 0.12;
2246 /* @alternate */
2247 opacity: var(--mdc-ripple-press-opacity, 0.12);
2248}
2249.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded {
2250 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
2251}
2252.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple {
2253 position: absolute;
2254 box-sizing: content-box;
2255 width: 100%;
2256 height: 100%;
2257 overflow: hidden;
2258}
2259
2260.mdc-chip__icon--leading {
2261 color: rgba(0, 0, 0, 0.54);
2262}
2263
2264.mdc-deprecated-chip-trailing-action {
2265 color: #000;
2266}
2267
2268.mdc-chip__icon--trailing {
2269 color: rgba(0, 0, 0, 0.54);
2270}
2271.mdc-chip__icon--trailing:hover {
2272 color: rgba(0, 0, 0, 0.62);
2273}
2274.mdc-chip__icon--trailing:focus {
2275 color: rgba(0, 0, 0, 0.87);
2276}
2277
2278.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
2279 width: 20px;
2280 height: 20px;
2281 font-size: 20px;
2282}
2283
2284.mdc-deprecated-chip-trailing-action__icon {
2285 height: 18px;
2286 width: 18px;
2287 font-size: 18px;
2288}
2289
2290.mdc-chip__icon.mdc-chip__icon--trailing {
2291 width: 18px;
2292 height: 18px;
2293 font-size: 18px;
2294}
2295
2296.mdc-deprecated-chip-trailing-action {
2297 /* @noflip */
2298 margin-left: 4px;
2299 /* @noflip */
2300 margin-right: -4px;
2301}
2302[dir=rtl] .mdc-deprecated-chip-trailing-action, .mdc-deprecated-chip-trailing-action[dir=rtl] {
2303 /* @noflip */
2304 margin-left: -4px;
2305 /* @noflip */
2306 margin-right: 4px;
2307}
2308
2309.mdc-chip__icon--trailing {
2310 /* @noflip */
2311 margin-left: 4px;
2312 /* @noflip */
2313 margin-right: -4px;
2314}
2315[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {
2316 /* @noflip */
2317 margin-left: -4px;
2318 /* @noflip */
2319 margin-right: 4px;
2320}
2321
2322.mdc-chip {
2323 border-radius: 16px;
2324 background-color: #e0e0e0;
2325 color: rgba(0, 0, 0, 0.87);
2326 -moz-osx-font-smoothing: grayscale;
2327 -webkit-font-smoothing: antialiased;
2328 font-family: Roboto, sans-serif;
2329 /* @alternate */
2330 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
2331 font-size: 0.875rem;
2332 /* @alternate */
2333 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
2334 line-height: 1.25rem;
2335 /* @alternate */
2336 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
2337 font-weight: 400;
2338 /* @alternate */
2339 font-weight: var(--mdc-typography-body2-font-weight, 400);
2340 letter-spacing: 0.0178571429em;
2341 /* @alternate */
2342 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
2343 text-decoration: inherit;
2344 /* @alternate */
2345 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
2346 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
2347 text-transform: inherit;
2348 /* @alternate */
2349 text-transform: var(--mdc-typography-body2-text-transform, inherit);
2350 height: 32px;
2351 /* @alternate */
2352 position: relative;
2353 display: inline-flex;
2354 align-items: center;
2355 box-sizing: border-box;
2356 padding: 0 12px;
2357 border-width: 0;
2358 outline: none;
2359 cursor: pointer;
2360 -webkit-appearance: none;
2361}
2362.mdc-chip .mdc-chip__ripple {
2363 border-radius: 16px;
2364}
2365.mdc-chip:hover {
2366 color: rgba(0, 0, 0, 0.87);
2367}
2368.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
2369.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
2370 /* @noflip */
2371 margin-left: -4px;
2372 /* @noflip */
2373 margin-right: 4px;
2374}
2375[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
2376 /* @noflip */
2377 margin-left: 4px;
2378 /* @noflip */
2379 margin-right: -4px;
2380}
2381
2382.mdc-chip .mdc-elevation-overlay {
2383 width: 100%;
2384 height: 100%;
2385 top: 0;
2386 /* @noflip */
2387 left: 0;
2388}
2389.mdc-chip::-moz-focus-inner {
2390 padding: 0;
2391 border: 0;
2392}
2393.mdc-chip:hover {
2394 color: #000;
2395 /* @alternate */
2396 color: var(--mdc-theme-on-surface, #000);
2397}
2398.mdc-chip .mdc-chip__touch {
2399 position: absolute;
2400 top: 50%;
2401 height: 48px;
2402 left: 0;
2403 right: 0;
2404 -webkit-transform: translateY(-50%);
2405 transform: translateY(-50%);
2406}
2407
2408.mdc-chip--exit {
2409 transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;
2410 opacity: 0;
2411}
2412
2413.mdc-chip__overflow {
2414 text-overflow: ellipsis;
2415 overflow: hidden;
2416}
2417
2418.mdc-chip__text {
2419 white-space: nowrap;
2420}
2421
2422.mdc-chip__icon {
2423 border-radius: 50%;
2424 outline: none;
2425 vertical-align: middle;
2426}
2427
2428.mdc-chip__checkmark {
2429 height: 20px;
2430}
2431
2432.mdc-chip__checkmark-path {
2433 transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
2434 stroke-width: 2px;
2435 stroke-dashoffset: 29.7833385;
2436 stroke-dasharray: 29.7833385;
2437}
2438
2439.mdc-chip__primary-action:focus {
2440 outline: none;
2441}
2442
2443.mdc-chip--selected .mdc-chip__checkmark-path {
2444 stroke-dashoffset: 0;
2445}
2446
2447.mdc-chip__icon--leading,
2448.mdc-chip__icon--trailing {
2449 position: relative;
2450}
2451
2452.mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
2453 color: #6200ee;
2454 /* @alternate */
2455 color: var(--mdc-theme-primary, #6200ee);
2456}
2457.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
2458 color: rgba(98, 0, 238, 0.54);
2459}
2460.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
2461 color: #6200ee;
2462 /* @alternate */
2463 color: var(--mdc-theme-primary, #6200ee);
2464}
2465.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
2466 stroke: #6200ee;
2467 /* @alternate */
2468 stroke: var(--mdc-theme-primary, #6200ee);
2469}
2470.mdc-chip-set--choice .mdc-chip--selected {
2471 background-color: #fff;
2472 /* @alternate */
2473 background-color: var(--mdc-theme-surface, #fff);
2474}
2475
2476.mdc-chip__checkmark-svg {
2477 width: 0;
2478 height: 20px;
2479 transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
2480}
2481
2482.mdc-chip--selected .mdc-chip__checkmark-svg {
2483 width: 20px;
2484}
2485
2486.mdc-chip-set--filter .mdc-chip__icon--leading {
2487 transition: opacity 75ms linear;
2488 transition-delay: -50ms;
2489 opacity: 1;
2490}
2491.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
2492 transition: opacity 75ms linear;
2493 transition-delay: 80ms;
2494 opacity: 0;
2495}
2496.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
2497 transition: width 0ms;
2498}
2499.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
2500 opacity: 0;
2501}
2502.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
2503 width: 0;
2504 opacity: 1;
2505}
2506.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
2507 width: 0;
2508 opacity: 0;
2509}
2510.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
2511 width: 20px;
2512}
2513
2514.mdc-chip {
2515 --mdc-ripple-fg-size: 0;
2516 --mdc-ripple-left: 0;
2517 --mdc-ripple-top: 0;
2518 --mdc-ripple-fg-scale: 1;
2519 --mdc-ripple-fg-translate-end: 0;
2520 --mdc-ripple-fg-translate-start: 0;
2521 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2522 will-change: transform, opacity;
2523}
2524.mdc-chip .mdc-chip__ripple::before,
2525.mdc-chip .mdc-chip__ripple::after {
2526 position: absolute;
2527 border-radius: 50%;
2528 opacity: 0;
2529 pointer-events: none;
2530 content: "";
2531}
2532.mdc-chip .mdc-chip__ripple::before {
2533 transition: opacity 15ms linear, background-color 15ms linear;
2534 z-index: 1;
2535 /* @alternate */
2536 z-index: var(--mdc-ripple-z-index, 1);
2537}
2538.mdc-chip .mdc-chip__ripple::after {
2539 z-index: 0;
2540 /* @alternate */
2541 z-index: var(--mdc-ripple-z-index, 0);
2542}
2543.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before {
2544 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
2545 transform: scale(var(--mdc-ripple-fg-scale, 1));
2546}
2547.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
2548 top: 0;
2549 /* @noflip */
2550 left: 0;
2551 -webkit-transform: scale(0);
2552 transform: scale(0);
2553 -webkit-transform-origin: center center;
2554 transform-origin: center center;
2555}
2556.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
2557 top: var(--mdc-ripple-top, 0);
2558 /* @noflip */
2559 left: var(--mdc-ripple-left, 0);
2560}
2561.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
2562 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
2563 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
2564}
2565.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after {
2566 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
2567 animation: mdc-ripple-fg-opacity-out 150ms;
2568 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2569 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2570}
2571.mdc-chip .mdc-chip__ripple::before,
2572.mdc-chip .mdc-chip__ripple::after {
2573 top: calc(50% - 100%);
2574 /* @noflip */
2575 left: calc(50% - 100%);
2576 width: 200%;
2577 height: 200%;
2578}
2579.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
2580 width: var(--mdc-ripple-fg-size, 100%);
2581 height: var(--mdc-ripple-fg-size, 100%);
2582}
2583.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after {
2584 background-color: rgba(0, 0, 0, 0.87);
2585 /* @alternate */
2586 background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
2587}
2588.mdc-chip:hover .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before {
2589 opacity: 0.04;
2590 /* @alternate */
2591 opacity: var(--mdc-ripple-hover-opacity, 0.04);
2592}
2593.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {
2594 transition-duration: 75ms;
2595 opacity: 0.12;
2596 /* @alternate */
2597 opacity: var(--mdc-ripple-focus-opacity, 0.12);
2598}
2599.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
2600 transition: opacity 150ms linear;
2601}
2602.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
2603 transition-duration: 75ms;
2604 opacity: 0.12;
2605 /* @alternate */
2606 opacity: var(--mdc-ripple-press-opacity, 0.12);
2607}
2608.mdc-chip.mdc-ripple-upgraded {
2609 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
2610}
2611.mdc-chip .mdc-chip__ripple {
2612 position: absolute;
2613 top: 0;
2614 left: 0;
2615 width: 100%;
2616 height: 100%;
2617 pointer-events: none;
2618 overflow: hidden;
2619}
2620
2621.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before {
2622 opacity: 0.08;
2623 /* @alternate */
2624 opacity: var(--mdc-ripple-selected-opacity, 0.08);
2625}
2626.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after {
2627 background-color: #6200ee;
2628 /* @alternate */
2629 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
2630}
2631.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-surface--hover .mdc-chip__ripple::before {
2632 opacity: 0.12;
2633 /* @alternate */
2634 opacity: var(--mdc-ripple-hover-opacity, 0.12);
2635}
2636.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {
2637 transition-duration: 75ms;
2638 opacity: 0.2;
2639 /* @alternate */
2640 opacity: var(--mdc-ripple-focus-opacity, 0.2);
2641}
2642.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
2643 transition: opacity 150ms linear;
2644}
2645.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
2646 transition-duration: 75ms;
2647 opacity: 0.2;
2648 /* @alternate */
2649 opacity: var(--mdc-ripple-press-opacity, 0.2);
2650}
2651.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
2652 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
2653}
2654
2655@-webkit-keyframes mdc-chip-entry {
2656 from {
2657 -webkit-transform: scale(0.8);
2658 transform: scale(0.8);
2659 opacity: 0.4;
2660 }
2661 to {
2662 -webkit-transform: scale(1);
2663 transform: scale(1);
2664 opacity: 1;
2665 }
2666}
2667
2668@keyframes mdc-chip-entry {
2669 from {
2670 -webkit-transform: scale(0.8);
2671 transform: scale(0.8);
2672 opacity: 0.4;
2673 }
2674 to {
2675 -webkit-transform: scale(1);
2676 transform: scale(1);
2677 opacity: 1;
2678 }
2679}
2680.mdc-chip-set {
2681 padding: 4px;
2682 display: flex;
2683 flex-wrap: wrap;
2684 box-sizing: border-box;
2685}
2686.mdc-chip-set .mdc-chip {
2687 margin: 4px;
2688}
2689.mdc-chip-set .mdc-chip--touch {
2690 margin-top: 8px;
2691 margin-bottom: 8px;
2692}
2693
2694.mdc-chip-set--input .mdc-chip {
2695 -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
2696 animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
2697}
2698
2699.mdc-circular-progress__determinate-circle,
2700.mdc-circular-progress__indeterminate-circle-graphic {
2701 stroke: #6200ee;
2702 /* @alternate */
2703 stroke: var(--mdc-theme-primary, #6200ee);
2704}
2705
2706.mdc-circular-progress__determinate-track {
2707 stroke: transparent;
2708}
2709
2710@-webkit-keyframes mdc-circular-progress-container-rotate {
2711 to {
2712 -webkit-transform: rotate(360deg);
2713 transform: rotate(360deg);
2714 }
2715}
2716
2717@keyframes mdc-circular-progress-container-rotate {
2718 to {
2719 -webkit-transform: rotate(360deg);
2720 transform: rotate(360deg);
2721 }
2722}
2723@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate {
2724 12.5% {
2725 -webkit-transform: rotate(135deg);
2726 transform: rotate(135deg);
2727 }
2728 25% {
2729 -webkit-transform: rotate(270deg);
2730 transform: rotate(270deg);
2731 }
2732 37.5% {
2733 -webkit-transform: rotate(405deg);
2734 transform: rotate(405deg);
2735 }
2736 50% {
2737 -webkit-transform: rotate(540deg);
2738 transform: rotate(540deg);
2739 }
2740 62.5% {
2741 -webkit-transform: rotate(675deg);
2742 transform: rotate(675deg);
2743 }
2744 75% {
2745 -webkit-transform: rotate(810deg);
2746 transform: rotate(810deg);
2747 }
2748 87.5% {
2749 -webkit-transform: rotate(945deg);
2750 transform: rotate(945deg);
2751 }
2752 100% {
2753 -webkit-transform: rotate(1080deg);
2754 transform: rotate(1080deg);
2755 }
2756}
2757@keyframes mdc-circular-progress-spinner-layer-rotate {
2758 12.5% {
2759 -webkit-transform: rotate(135deg);
2760 transform: rotate(135deg);
2761 }
2762 25% {
2763 -webkit-transform: rotate(270deg);
2764 transform: rotate(270deg);
2765 }
2766 37.5% {
2767 -webkit-transform: rotate(405deg);
2768 transform: rotate(405deg);
2769 }
2770 50% {
2771 -webkit-transform: rotate(540deg);
2772 transform: rotate(540deg);
2773 }
2774 62.5% {
2775 -webkit-transform: rotate(675deg);
2776 transform: rotate(675deg);
2777 }
2778 75% {
2779 -webkit-transform: rotate(810deg);
2780 transform: rotate(810deg);
2781 }
2782 87.5% {
2783 -webkit-transform: rotate(945deg);
2784 transform: rotate(945deg);
2785 }
2786 100% {
2787 -webkit-transform: rotate(1080deg);
2788 transform: rotate(1080deg);
2789 }
2790}
2791@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out {
2792 from {
2793 opacity: 0.99;
2794 }
2795 25% {
2796 opacity: 0.99;
2797 }
2798 26% {
2799 opacity: 0;
2800 }
2801 89% {
2802 opacity: 0;
2803 }
2804 90% {
2805 opacity: 0.99;
2806 }
2807 to {
2808 opacity: 0.99;
2809 }
2810}
2811@keyframes mdc-circular-progress-color-1-fade-in-out {
2812 from {
2813 opacity: 0.99;
2814 }
2815 25% {
2816 opacity: 0.99;
2817 }
2818 26% {
2819 opacity: 0;
2820 }
2821 89% {
2822 opacity: 0;
2823 }
2824 90% {
2825 opacity: 0.99;
2826 }
2827 to {
2828 opacity: 0.99;
2829 }
2830}
2831@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out {
2832 from {
2833 opacity: 0;
2834 }
2835 15% {
2836 opacity: 0;
2837 }
2838 25% {
2839 opacity: 0.99;
2840 }
2841 50% {
2842 opacity: 0.99;
2843 }
2844 51% {
2845 opacity: 0;
2846 }
2847 to {
2848 opacity: 0;
2849 }
2850}
2851@keyframes mdc-circular-progress-color-2-fade-in-out {
2852 from {
2853 opacity: 0;
2854 }
2855 15% {
2856 opacity: 0;
2857 }
2858 25% {
2859 opacity: 0.99;
2860 }
2861 50% {
2862 opacity: 0.99;
2863 }
2864 51% {
2865 opacity: 0;
2866 }
2867 to {
2868 opacity: 0;
2869 }
2870}
2871@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out {
2872 from {
2873 opacity: 0;
2874 }
2875 40% {
2876 opacity: 0;
2877 }
2878 50% {
2879 opacity: 0.99;
2880 }
2881 75% {
2882 opacity: 0.99;
2883 }
2884 76% {
2885 opacity: 0;
2886 }
2887 to {
2888 opacity: 0;
2889 }
2890}
2891@keyframes mdc-circular-progress-color-3-fade-in-out {
2892 from {
2893 opacity: 0;
2894 }
2895 40% {
2896 opacity: 0;
2897 }
2898 50% {
2899 opacity: 0.99;
2900 }
2901 75% {
2902 opacity: 0.99;
2903 }
2904 76% {
2905 opacity: 0;
2906 }
2907 to {
2908 opacity: 0;
2909 }
2910}
2911@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out {
2912 from {
2913 opacity: 0;
2914 }
2915 65% {
2916 opacity: 0;
2917 }
2918 75% {
2919 opacity: 0.99;
2920 }
2921 90% {
2922 opacity: 0.99;
2923 }
2924 to {
2925 opacity: 0;
2926 }
2927}
2928@keyframes mdc-circular-progress-color-4-fade-in-out {
2929 from {
2930 opacity: 0;
2931 }
2932 65% {
2933 opacity: 0;
2934 }
2935 75% {
2936 opacity: 0.99;
2937 }
2938 90% {
2939 opacity: 0.99;
2940 }
2941 to {
2942 opacity: 0;
2943 }
2944}
2945@-webkit-keyframes mdc-circular-progress-left-spin {
2946 from {
2947 -webkit-transform: rotate(265deg);
2948 transform: rotate(265deg);
2949 }
2950 50% {
2951 -webkit-transform: rotate(130deg);
2952 transform: rotate(130deg);
2953 }
2954 to {
2955 -webkit-transform: rotate(265deg);
2956 transform: rotate(265deg);
2957 }
2958}
2959@keyframes mdc-circular-progress-left-spin {
2960 from {
2961 -webkit-transform: rotate(265deg);
2962 transform: rotate(265deg);
2963 }
2964 50% {
2965 -webkit-transform: rotate(130deg);
2966 transform: rotate(130deg);
2967 }
2968 to {
2969 -webkit-transform: rotate(265deg);
2970 transform: rotate(265deg);
2971 }
2972}
2973@-webkit-keyframes mdc-circular-progress-right-spin {
2974 from {
2975 -webkit-transform: rotate(-265deg);
2976 transform: rotate(-265deg);
2977 }
2978 50% {
2979 -webkit-transform: rotate(-130deg);
2980 transform: rotate(-130deg);
2981 }
2982 to {
2983 -webkit-transform: rotate(-265deg);
2984 transform: rotate(-265deg);
2985 }
2986}
2987@keyframes mdc-circular-progress-right-spin {
2988 from {
2989 -webkit-transform: rotate(-265deg);
2990 transform: rotate(-265deg);
2991 }
2992 50% {
2993 -webkit-transform: rotate(-130deg);
2994 transform: rotate(-130deg);
2995 }
2996 to {
2997 -webkit-transform: rotate(-265deg);
2998 transform: rotate(-265deg);
2999 }
3000}
3001.mdc-circular-progress {
3002 display: inline-flex;
3003 position: relative;
3004 /* @noflip */
3005 direction: ltr;
3006 line-height: 0;
3007 transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
3008}
3009
3010.mdc-circular-progress__determinate-container,
3011.mdc-circular-progress__indeterminate-circle-graphic,
3012.mdc-circular-progress__indeterminate-container,
3013.mdc-circular-progress__spinner-layer {
3014 position: absolute;
3015 width: 100%;
3016 height: 100%;
3017}
3018
3019.mdc-circular-progress__determinate-container {
3020 -webkit-transform: rotate(-90deg);
3021 transform: rotate(-90deg);
3022}
3023
3024.mdc-circular-progress__indeterminate-container {
3025 font-size: 0;
3026 letter-spacing: 0;
3027 white-space: nowrap;
3028 opacity: 0;
3029}
3030
3031.mdc-circular-progress__determinate-circle-graphic,
3032.mdc-circular-progress__indeterminate-circle-graphic {
3033 fill: transparent;
3034}
3035
3036.mdc-circular-progress__determinate-circle {
3037 transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1);
3038}
3039
3040.mdc-circular-progress__gap-patch {
3041 position: absolute;
3042 top: 0;
3043 /* @noflip */
3044 left: 47.5%;
3045 box-sizing: border-box;
3046 width: 5%;
3047 height: 100%;
3048 overflow: hidden;
3049}
3050.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
3051 /* @noflip */
3052 left: -900%;
3053 width: 2000%;
3054 -webkit-transform: rotate(180deg);
3055 transform: rotate(180deg);
3056}
3057
3058.mdc-circular-progress__circle-clipper {
3059 display: inline-flex;
3060 position: relative;
3061 width: 50%;
3062 height: 100%;
3063 overflow: hidden;
3064}
3065.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {
3066 width: 200%;
3067}
3068
3069.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
3070 /* @noflip */
3071 left: -100%;
3072}
3073
3074.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {
3075 opacity: 0;
3076}
3077.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
3078 opacity: 1;
3079}
3080.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
3081 -webkit-animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
3082 animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
3083}
3084.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {
3085 -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3086 animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3087}
3088.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 {
3089 -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3090 animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3091}
3092.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 {
3093 -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3094 animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3095}
3096.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 {
3097 -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3098 animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3099}
3100.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 {
3101 -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3102 animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3103}
3104.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {
3105 /* @noflip */
3106 -webkit-animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3107 animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3108}
3109.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
3110 /* @noflip */
3111 -webkit-animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3112 animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3113}
3114
3115.mdc-circular-progress--closed {
3116 opacity: 0;
3117}
3118
3119.mdc-floating-label {
3120 -moz-osx-font-smoothing: grayscale;
3121 -webkit-font-smoothing: antialiased;
3122 font-family: Roboto, sans-serif;
3123 /* @alternate */
3124 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
3125 font-size: 1rem;
3126 /* @alternate */
3127 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
3128 font-weight: 400;
3129 /* @alternate */
3130 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
3131 letter-spacing: 0.009375em;
3132 /* @alternate */
3133 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
3134 text-decoration: inherit;
3135 /* @alternate */
3136 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
3137 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
3138 text-transform: inherit;
3139 /* @alternate */
3140 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
3141 position: absolute;
3142 /* @noflip */
3143 left: 0;
3144 /* @noflip */
3145 -webkit-transform-origin: left top;
3146 /* @noflip */
3147 transform-origin: left top;
3148 line-height: 1.15rem;
3149 text-align: left;
3150 text-overflow: ellipsis;
3151 white-space: nowrap;
3152 cursor: text;
3153 overflow: hidden;
3154 /* @alternate */
3155 will-change: transform;
3156 transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
3157 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
3158 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
3159}
3160[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
3161 /* @noflip */
3162 right: 0;
3163 /* @noflip */
3164 left: auto;
3165 /* @noflip */
3166 -webkit-transform-origin: right top;
3167 /* @noflip */
3168 transform-origin: right top;
3169 /* @noflip */
3170 text-align: right;
3171}
3172
3173.mdc-floating-label--float-above {
3174 cursor: auto;
3175}
3176
3177.mdc-floating-label--required::after {
3178 /* @noflip */
3179 margin-left: 1px;
3180 /* @noflip */
3181 margin-right: 0px;
3182 content: "*";
3183}
3184[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
3185 /* @noflip */
3186 margin-left: 0;
3187 /* @noflip */
3188 margin-right: 1px;
3189}
3190
3191.mdc-floating-label--float-above {
3192 -webkit-transform: translateY(-106%) scale(0.75);
3193 transform: translateY(-106%) scale(0.75);
3194}
3195
3196.mdc-floating-label--shake {
3197 -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
3198 animation: mdc-floating-label-shake-float-above-standard 250ms 1;
3199}
3200
3201@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
3202 0% {
3203 -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3204 transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3205 }
3206 33% {
3207 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3208 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3209 -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
3210 transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
3211 }
3212 66% {
3213 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3214 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3215 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
3216 transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
3217 }
3218 100% {
3219 -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3220 transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3221 }
3222}
3223
3224@keyframes mdc-floating-label-shake-float-above-standard {
3225 0% {
3226 -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3227 transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3228 }
3229 33% {
3230 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3231 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3232 -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
3233 transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
3234 }
3235 66% {
3236 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3237 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3238 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
3239 transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
3240 }
3241 100% {
3242 -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3243 transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
3244 }
3245}
3246.mdc-line-ripple::before, .mdc-line-ripple::after {
3247 position: absolute;
3248 bottom: 0;
3249 left: 0;
3250 width: 100%;
3251 border-bottom-style: solid;
3252 content: "";
3253}
3254.mdc-line-ripple::before {
3255 border-bottom-width: 1px;
3256 z-index: 1;
3257}
3258.mdc-line-ripple::after {
3259 -webkit-transform: scaleX(0);
3260 transform: scaleX(0);
3261 border-bottom-width: 2px;
3262 opacity: 0;
3263 z-index: 2;
3264}
3265.mdc-line-ripple::after {
3266 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
3267 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
3268 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
3269}
3270
3271.mdc-line-ripple--active::after {
3272 -webkit-transform: scaleX(1);
3273 transform: scaleX(1);
3274 opacity: 1;
3275}
3276
3277.mdc-line-ripple--deactivating::after {
3278 opacity: 0;
3279}
3280
3281.mdc-notched-outline {
3282 display: flex;
3283 position: absolute;
3284 top: 0;
3285 right: 0;
3286 left: 0;
3287 box-sizing: border-box;
3288 width: 100%;
3289 max-width: 100%;
3290 height: 100%;
3291 /* @noflip */
3292 text-align: left;
3293 pointer-events: none;
3294}
3295[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
3296 /* @noflip */
3297 text-align: right;
3298}
3299
3300.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
3301 box-sizing: border-box;
3302 height: 100%;
3303 border-top: 1px solid;
3304 border-bottom: 1px solid;
3305 pointer-events: none;
3306}
3307.mdc-notched-outline__leading {
3308 /* @noflip */
3309 border-left: 1px solid;
3310 /* @noflip */
3311 border-right: none;
3312 width: 12px;
3313}
3314[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
3315 /* @noflip */
3316 border-left: none;
3317 /* @noflip */
3318 border-right: 1px solid;
3319}
3320
3321.mdc-notched-outline__trailing {
3322 /* @noflip */
3323 border-left: none;
3324 /* @noflip */
3325 border-right: 1px solid;
3326 flex-grow: 1;
3327}
3328[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
3329 /* @noflip */
3330 border-left: 1px solid;
3331 /* @noflip */
3332 border-right: none;
3333}
3334
3335.mdc-notched-outline__notch {
3336 flex: 0 0 auto;
3337 width: auto;
3338 max-width: calc(100% - 12px * 2);
3339}
3340.mdc-notched-outline .mdc-floating-label {
3341 display: inline-block;
3342 position: relative;
3343 max-width: 100%;
3344}
3345.mdc-notched-outline .mdc-floating-label--float-above {
3346 text-overflow: clip;
3347}
3348.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
3349 max-width: calc(100% / 0.75);
3350}
3351
3352.mdc-notched-outline--notched .mdc-notched-outline__notch {
3353 /* @noflip */
3354 padding-left: 0;
3355 /* @noflip */
3356 padding-right: 8px;
3357 border-top: none;
3358}
3359[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
3360 /* @noflip */
3361 padding-left: 8px;
3362 /* @noflip */
3363 padding-right: 0;
3364}
3365
3366.mdc-notched-outline--no-label .mdc-notched-outline__notch {
3367 display: none;
3368}
3369
3370.mdc-select {
3371 display: inline-flex;
3372 position: relative;
3373}
3374.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
3375 color: rgba(0, 0, 0, 0.87);
3376}
3377.mdc-select.mdc-select--disabled .mdc-select__selected-text {
3378 color: rgba(0, 0, 0, 0.38);
3379}
3380.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
3381 color: rgba(0, 0, 0, 0.6);
3382}
3383.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
3384 color: rgba(98, 0, 238, 0.87);
3385}
3386.mdc-select.mdc-select--disabled .mdc-floating-label {
3387 color: rgba(0, 0, 0, 0.38);
3388}
3389.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
3390 fill: rgba(0, 0, 0, 0.54);
3391}
3392.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
3393 fill: #6200ee;
3394 /* @alternate */
3395 fill: var(--mdc-theme-primary, #6200ee);
3396}
3397.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
3398 fill: rgba(0, 0, 0, 0.38);
3399}
3400.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
3401 color: rgba(0, 0, 0, 0.6);
3402}
3403.mdc-select.mdc-select--disabled + .mdc-select-helper-text {
3404 color: rgba(0, 0, 0, 0.38);
3405}
3406.mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
3407 color: rgba(0, 0, 0, 0.54);
3408}
3409.mdc-select.mdc-select--disabled .mdc-select__icon {
3410 color: rgba(0, 0, 0, 0.38);
3411}
3412@media screen and (forced-colors: active), (-ms-high-contrast: active) {
3413 .mdc-select.mdc-select--disabled .mdc-select__selected-text {
3414 color: GrayText;
3415 }
3416 .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
3417 fill: red;
3418 }
3419 .mdc-select.mdc-select--disabled .mdc-floating-label {
3420 color: GrayText;
3421 }
3422 .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
3423 border-bottom-color: GrayText;
3424 }
3425 .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
3426.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
3427.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
3428 border-color: GrayText;
3429 }
3430 .mdc-select.mdc-select--disabled .mdc-select__icon {
3431 color: GrayText;
3432 }
3433 .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
3434 color: GrayText;
3435 }
3436}
3437.mdc-select .mdc-floating-label {
3438 top: 50%;
3439 -webkit-transform: translateY(-50%);
3440 transform: translateY(-50%);
3441 pointer-events: none;
3442}
3443.mdc-select .mdc-select__anchor {
3444 /* @noflip */
3445 padding-left: 16px;
3446 /* @noflip */
3447 padding-right: 0;
3448}
3449[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
3450 /* @noflip */
3451 padding-left: 0;
3452 /* @noflip */
3453 padding-right: 16px;
3454}
3455
3456.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
3457 /* @noflip */
3458 padding-left: 0;
3459 /* @noflip */
3460 padding-right: 0;
3461}
3462[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
3463 /* @noflip */
3464 padding-left: 0;
3465 /* @noflip */
3466 padding-right: 0;
3467}
3468
3469.mdc-select .mdc-select__icon {
3470 width: 24px;
3471 height: 24px;
3472 font-size: 24px;
3473}
3474.mdc-select .mdc-select__dropdown-icon {
3475 width: 24px;
3476 height: 24px;
3477}
3478.mdc-select .mdc-select__menu .mdc-deprecated-list-item {
3479 /* @noflip */
3480 padding-left: 16px;
3481 /* @noflip */
3482 padding-right: 16px;
3483}
3484[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item, .mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
3485 /* @noflip */
3486 padding-left: 16px;
3487 /* @noflip */
3488 padding-right: 16px;
3489}
3490
3491.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic {
3492 /* @noflip */
3493 margin-left: 0;
3494 /* @noflip */
3495 margin-right: 12px;
3496}
3497[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic, .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl] {
3498 /* @noflip */
3499 margin-left: 12px;
3500 /* @noflip */
3501 margin-right: 0;
3502}
3503
3504.mdc-select__dropdown-icon {
3505 /* @noflip */
3506 margin-left: 12px;
3507 /* @noflip */
3508 margin-right: 12px;
3509 display: inline-flex;
3510 position: relative;
3511 align-self: center;
3512 align-items: center;
3513 justify-content: center;
3514 flex-shrink: 0;
3515 pointer-events: none;
3516}
3517.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
3518.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
3519 position: absolute;
3520 top: 0;
3521 left: 0;
3522}
3523.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
3524 width: 41.6666666667%;
3525 height: 20.8333333333%;
3526}
3527.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
3528 opacity: 1;
3529 transition: opacity 75ms linear 75ms;
3530}
3531.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
3532 opacity: 0;
3533 transition: opacity 75ms linear;
3534}
3535[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
3536 /* @noflip */
3537 margin-left: 12px;
3538 /* @noflip */
3539 margin-right: 12px;
3540}
3541
3542.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
3543 opacity: 0;
3544 transition: opacity 49.5ms linear;
3545}
3546.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
3547 opacity: 1;
3548 transition: opacity 100.5ms linear 49.5ms;
3549}
3550
3551.mdc-select__anchor {
3552 width: 200px;
3553 min-width: 0;
3554 flex: 1 1 auto;
3555 position: relative;
3556 box-sizing: border-box;
3557 overflow: hidden;
3558 outline: none;
3559 cursor: pointer;
3560}
3561.mdc-select__anchor .mdc-floating-label--float-above {
3562 -webkit-transform: translateY(-106%) scale(0.75);
3563 transform: translateY(-106%) scale(0.75);
3564}
3565
3566.mdc-select__selected-text-container {
3567 display: flex;
3568 -webkit-appearance: none;
3569 -moz-appearance: none;
3570 appearance: none;
3571 pointer-events: none;
3572 box-sizing: border-box;
3573 width: auto;
3574 min-width: 0;
3575 flex-grow: 1;
3576 height: 28px;
3577 border: none;
3578 outline: none;
3579 padding: 0;
3580 background-color: transparent;
3581 color: inherit;
3582}
3583
3584.mdc-select__selected-text {
3585 -moz-osx-font-smoothing: grayscale;
3586 -webkit-font-smoothing: antialiased;
3587 font-family: Roboto, sans-serif;
3588 /* @alternate */
3589 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
3590 font-size: 1rem;
3591 /* @alternate */
3592 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
3593 line-height: 1.75rem;
3594 /* @alternate */
3595 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
3596 font-weight: 400;
3597 /* @alternate */
3598 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
3599 letter-spacing: 0.009375em;
3600 /* @alternate */
3601 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
3602 text-decoration: inherit;
3603 /* @alternate */
3604 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
3605 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
3606 text-transform: inherit;
3607 /* @alternate */
3608 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
3609 text-overflow: ellipsis;
3610 white-space: nowrap;
3611 overflow: hidden;
3612 display: block;
3613 width: 100%;
3614 /* @noflip */
3615 text-align: left;
3616}
3617[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
3618 /* @noflip */
3619 text-align: right;
3620}
3621
3622.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
3623 color: #b00020;
3624 /* @alternate */
3625 color: var(--mdc-theme-error, #b00020);
3626}
3627.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
3628 color: #b00020;
3629 /* @alternate */
3630 color: var(--mdc-theme-error, #b00020);
3631}
3632.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
3633 color: #b00020;
3634 /* @alternate */
3635 color: var(--mdc-theme-error, #b00020);
3636}
3637.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
3638 fill: #b00020;
3639 /* @alternate */
3640 fill: var(--mdc-theme-error, #b00020);
3641}
3642.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
3643 fill: #b00020;
3644 /* @alternate */
3645 fill: var(--mdc-theme-error, #b00020);
3646}
3647.mdc-select--disabled {
3648 cursor: default;
3649 pointer-events: none;
3650}
3651
3652.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item {
3653 /* @noflip */
3654 padding-left: 12px;
3655 /* @noflip */
3656 padding-right: 12px;
3657}
3658[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
3659 /* @noflip */
3660 padding-left: 12px;
3661 /* @noflip */
3662 padding-right: 12px;
3663}
3664
3665.mdc-select__menu .mdc-deprecated-list .mdc-select__icon {
3666 /* @noflip */
3667 margin-left: 0;
3668 /* @noflip */
3669 margin-right: 0;
3670}
3671[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl] {
3672 /* @noflip */
3673 margin-left: 0;
3674 /* @noflip */
3675 margin-right: 0;
3676}
3677
3678.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,
3679.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated {
3680 color: #000;
3681 /* @alternate */
3682 color: var(--mdc-theme-on-surface, #000);
3683}
3684.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
3685.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
3686 color: #000;
3687 /* @alternate */
3688 color: var(--mdc-theme-on-surface, #000);
3689}
3690
3691.mdc-select--filled .mdc-select__anchor {
3692 height: 56px;
3693 display: flex;
3694 align-items: baseline;
3695}
3696.mdc-select--filled .mdc-select__anchor::before {
3697 display: inline-block;
3698 width: 0;
3699 height: 40px;
3700 content: "";
3701 vertical-align: 0;
3702}
3703.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
3704 content: "​";
3705}
3706.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container {
3707 height: 100%;
3708 display: inline-flex;
3709 align-items: center;
3710}
3711.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before {
3712 display: none;
3713}
3714.mdc-select--filled .mdc-select__anchor {
3715 border-top-left-radius: 4px;
3716 /* @alternate */
3717 border-top-left-radius: var(--mdc-shape-small, 4px);
3718 border-top-right-radius: 4px;
3719 /* @alternate */
3720 border-top-right-radius: var(--mdc-shape-small, 4px);
3721 border-bottom-right-radius: 0;
3722 border-bottom-left-radius: 0;
3723}
3724.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
3725 background-color: whitesmoke;
3726}
3727.mdc-select--filled.mdc-select--disabled .mdc-select__anchor {
3728 background-color: #fafafa;
3729}
3730.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
3731 border-bottom-color: rgba(0, 0, 0, 0.42);
3732}
3733.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
3734 border-bottom-color: rgba(0, 0, 0, 0.87);
3735}
3736.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
3737 border-bottom-color: #6200ee;
3738 /* @alternate */
3739 border-bottom-color: var(--mdc-theme-primary, #6200ee);
3740}
3741.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
3742 border-bottom-color: rgba(0, 0, 0, 0.06);
3743}
3744.mdc-select--filled .mdc-floating-label {
3745 max-width: calc(100% - 64px);
3746}
3747.mdc-select--filled .mdc-floating-label--float-above {
3748 max-width: calc(100% / 0.75 - 64px / 0.75);
3749}
3750.mdc-select--filled .mdc-menu-surface--is-open-below {
3751 border-top-left-radius: 0px;
3752 border-top-right-radius: 0px;
3753}
3754.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after {
3755 -webkit-transform: scale(1, 2);
3756 transform: scale(1, 2);
3757 opacity: 1;
3758}
3759.mdc-select--filled .mdc-floating-label {
3760 /* @noflip */
3761 left: 16px;
3762 /* @noflip */
3763 right: initial;
3764}
3765[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
3766 /* @noflip */
3767 left: initial;
3768 /* @noflip */
3769 right: 16px;
3770}
3771
3772.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
3773 /* @noflip */
3774 left: 48px;
3775 /* @noflip */
3776 right: initial;
3777}
3778[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
3779 /* @noflip */
3780 left: initial;
3781 /* @noflip */
3782 right: 48px;
3783}
3784
3785.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
3786 max-width: calc(100% - 96px);
3787}
3788.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above {
3789 max-width: calc(100% / 0.75 - 96px / 0.75);
3790}
3791
3792.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
3793 border-bottom-color: #b00020;
3794 /* @alternate */
3795 border-bottom-color: var(--mdc-theme-error, #b00020);
3796}
3797.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
3798 border-bottom-color: #b00020;
3799 /* @alternate */
3800 border-bottom-color: var(--mdc-theme-error, #b00020);
3801}
3802.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {
3803 border-bottom-color: #b00020;
3804 /* @alternate */
3805 border-bottom-color: var(--mdc-theme-error, #b00020);
3806}
3807.mdc-select--outlined {
3808 border: none;
3809}
3810.mdc-select--outlined .mdc-select__anchor {
3811 height: 56px;
3812}
3813.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
3814 -webkit-transform: translateY(-37.25px) scale(1);
3815 transform: translateY(-37.25px) scale(1);
3816}
3817.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
3818 font-size: 0.75rem;
3819}
3820.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
3821.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
3822 -webkit-transform: translateY(-34.75px) scale(0.75);
3823 transform: translateY(-34.75px) scale(0.75);
3824}
3825.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
3826.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
3827 font-size: 1rem;
3828}
3829.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
3830 -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
3831 animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
3832}
3833@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
3834 0% {
3835 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3836 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3837 }
3838 33% {
3839 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3840 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3841 -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
3842 transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
3843 }
3844 66% {
3845 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3846 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3847 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
3848 transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
3849 }
3850 100% {
3851 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3852 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3853 }
3854}
3855@keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
3856 0% {
3857 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3858 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3859 }
3860 33% {
3861 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3862 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
3863 -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
3864 transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
3865 }
3866 66% {
3867 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3868 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
3869 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
3870 transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
3871 }
3872 100% {
3873 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3874 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
3875 }
3876}
3877.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
3878 /* @noflip */
3879 border-top-left-radius: 4px;
3880 /* @alternate */
3881 /* @noflip */
3882 border-top-left-radius: var(--mdc-shape-small, 4px);
3883 /* @noflip */
3884 border-top-right-radius: 0;
3885 /* @noflip */
3886 border-bottom-right-radius: 0;
3887 /* @noflip */
3888 border-bottom-left-radius: 4px;
3889 /* @alternate */
3890 /* @noflip */
3891 border-bottom-left-radius: var(--mdc-shape-small, 4px);
3892}
3893[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
3894 /* @noflip */
3895 border-top-left-radius: 0;
3896 /* @noflip */
3897 border-top-right-radius: 4px;
3898 /* @alternate */
3899 /* @noflip */
3900 border-top-right-radius: var(--mdc-shape-small, 4px);
3901 /* @noflip */
3902 border-bottom-right-radius: 4px;
3903 /* @alternate */
3904 /* @noflip */
3905 border-bottom-right-radius: var(--mdc-shape-small, 4px);
3906 /* @noflip */
3907 border-bottom-left-radius: 0;
3908}
3909
3910@supports (top: max(0%)) {
3911 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
3912 width: max(12px, var(--mdc-shape-small, 4px));
3913 }
3914}
3915@supports (top: max(0%)) {
3916 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
3917 max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
3918 }
3919}
3920.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
3921 /* @noflip */
3922 border-top-left-radius: 0;
3923 /* @noflip */
3924 border-top-right-radius: 4px;
3925 /* @alternate */
3926 /* @noflip */
3927 border-top-right-radius: var(--mdc-shape-small, 4px);
3928 /* @noflip */
3929 border-bottom-right-radius: 4px;
3930 /* @alternate */
3931 /* @noflip */
3932 border-bottom-right-radius: var(--mdc-shape-small, 4px);
3933 /* @noflip */
3934 border-bottom-left-radius: 0;
3935}
3936[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
3937 /* @noflip */
3938 border-top-left-radius: 4px;
3939 /* @alternate */
3940 /* @noflip */
3941 border-top-left-radius: var(--mdc-shape-small, 4px);
3942 /* @noflip */
3943 border-top-right-radius: 0;
3944 /* @noflip */
3945 border-bottom-right-radius: 0;
3946 /* @noflip */
3947 border-bottom-left-radius: 4px;
3948 /* @alternate */
3949 /* @noflip */
3950 border-bottom-left-radius: var(--mdc-shape-small, 4px);
3951}
3952
3953@supports (top: max(0%)) {
3954 .mdc-select--outlined .mdc-select__anchor {
3955 /* @noflip */
3956 padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
3957 }
3958}
3959[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
3960 /* @noflip */
3961 padding-left: 0;
3962}
3963@supports (top: max(0%)) {
3964 [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
3965 /* @noflip */
3966 padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
3967 }
3968}
3969
3970@supports (top: max(0%)) {
3971 .mdc-select--outlined + .mdc-select-helper-text {
3972 /* @noflip */
3973 margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
3974 }
3975}
3976[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
3977 /* @noflip */
3978 margin-left: 0;
3979}
3980@supports (top: max(0%)) {
3981 [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
3982 /* @noflip */
3983 margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
3984 }
3985}
3986
3987.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
3988 background-color: transparent;
3989}
3990.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
3991 background-color: transparent;
3992}
3993.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
3994.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
3995.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
3996 border-color: rgba(0, 0, 0, 0.38);
3997}
3998.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
3999.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
4000.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
4001 border-color: rgba(0, 0, 0, 0.87);
4002}
4003.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
4004.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
4005.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
4006 border-width: 2px;
4007}
4008.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
4009.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
4010.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
4011 border-color: #6200ee;
4012 /* @alternate */
4013 border-color: var(--mdc-theme-primary, #6200ee);
4014}
4015.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
4016.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
4017.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
4018 border-color: rgba(0, 0, 0, 0.06);
4019}
4020.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
4021 max-width: calc(100% - 60px);
4022}
4023.mdc-select--outlined .mdc-select__anchor {
4024 display: flex;
4025 align-items: baseline;
4026 overflow: visible;
4027}
4028.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
4029 -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
4030 animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
4031}
4032.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
4033 -webkit-transform: translateY(-37.25px) scale(1);
4034 transform: translateY(-37.25px) scale(1);
4035}
4036.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
4037 font-size: 0.75rem;
4038}
4039.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
4040.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
4041 -webkit-transform: translateY(-34.75px) scale(0.75);
4042 transform: translateY(-34.75px) scale(0.75);
4043}
4044.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
4045.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
4046 font-size: 1rem;
4047}
4048.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
4049 padding-top: 1px;
4050}
4051.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
4052 content: "​";
4053}
4054.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {
4055 height: 100%;
4056 display: inline-flex;
4057 align-items: center;
4058}
4059.mdc-select--outlined .mdc-select__anchor::before {
4060 display: none;
4061}
4062.mdc-select--outlined .mdc-select__selected-text-container {
4063 display: flex;
4064 border: none;
4065 z-index: 1;
4066 background-color: transparent;
4067}
4068.mdc-select--outlined .mdc-select__icon {
4069 z-index: 2;
4070}
4071.mdc-select--outlined .mdc-floating-label {
4072 line-height: 1.15rem;
4073 /* @noflip */
4074 left: 4px;
4075 /* @noflip */
4076 right: initial;
4077}
4078[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
4079 /* @noflip */
4080 left: initial;
4081 /* @noflip */
4082 right: 4px;
4083}
4084
4085.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
4086 padding-top: 2px;
4087}
4088.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
4089.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
4090.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
4091 border-color: #b00020;
4092 /* @alternate */
4093 border-color: var(--mdc-theme-error, #b00020);
4094}
4095.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
4096.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
4097.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
4098 border-color: #b00020;
4099 /* @alternate */
4100 border-color: var(--mdc-theme-error, #b00020);
4101}
4102.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
4103.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
4104.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
4105 border-width: 2px;
4106}
4107.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
4108.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
4109.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
4110 border-color: #b00020;
4111 /* @alternate */
4112 border-color: var(--mdc-theme-error, #b00020);
4113}
4114.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
4115 /* @noflip */
4116 left: 36px;
4117 /* @noflip */
4118 right: initial;
4119}
4120[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
4121 /* @noflip */
4122 left: initial;
4123 /* @noflip */
4124 right: 36px;
4125}
4126
4127.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
4128 -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
4129 transform: translateY(-37.25px) translateX(-32px) scale(1);
4130}
4131[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
4132 -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
4133 transform: translateY(-37.25px) translateX(32px) scale(1);
4134}
4135
4136.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
4137 font-size: 0.75rem;
4138}
4139.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
4140.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
4141 -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
4142 transform: translateY(-34.75px) translateX(-32px) scale(0.75);
4143}
4144[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
4145 -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
4146 transform: translateY(-34.75px) translateX(32px) scale(0.75);
4147}
4148
4149.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
4150.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
4151 font-size: 1rem;
4152}
4153.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake {
4154 -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
4155 animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
4156}
4157@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
4158 0% {
4159 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4160 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4161 }
4162 33% {
4163 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4164 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4165 -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
4166 transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
4167 }
4168 66% {
4169 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4170 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4171 -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
4172 transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
4173 }
4174 100% {
4175 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4176 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4177 }
4178}
4179@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
4180 0% {
4181 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4182 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4183 }
4184 33% {
4185 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4186 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4187 -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
4188 transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
4189 }
4190 66% {
4191 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4192 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4193 -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
4194 transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
4195 }
4196 100% {
4197 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4198 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
4199 }
4200}
4201[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {
4202 -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
4203 animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
4204}
4205
4206@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
4207 0% {
4208 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4209 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4210 }
4211 33% {
4212 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4213 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4214 -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
4215 transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
4216 }
4217 66% {
4218 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4219 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4220 -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
4221 transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
4222 }
4223 100% {
4224 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4225 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4226 }
4227}
4228
4229@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
4230 0% {
4231 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4232 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4233 }
4234 33% {
4235 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4236 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
4237 -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
4238 transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
4239 }
4240 66% {
4241 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4242 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
4243 -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
4244 transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
4245 }
4246 100% {
4247 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4248 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
4249 }
4250}
4251.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
4252 max-width: calc(100% - 96px);
4253}
4254.mdc-select--outlined .mdc-menu-surface {
4255 margin-bottom: 8px;
4256}
4257.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,
4258.mdc-select--outlined .mdc-menu-surface--is-open-below {
4259 margin-bottom: 0;
4260}
4261
4262.mdc-select__anchor {
4263 --mdc-ripple-fg-size: 0;
4264 --mdc-ripple-left: 0;
4265 --mdc-ripple-top: 0;
4266 --mdc-ripple-fg-scale: 1;
4267 --mdc-ripple-fg-translate-end: 0;
4268 --mdc-ripple-fg-translate-start: 0;
4269 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4270 will-change: transform, opacity;
4271}
4272.mdc-select__anchor .mdc-select__ripple::before,
4273.mdc-select__anchor .mdc-select__ripple::after {
4274 position: absolute;
4275 border-radius: 50%;
4276 opacity: 0;
4277 pointer-events: none;
4278 content: "";
4279}
4280.mdc-select__anchor .mdc-select__ripple::before {
4281 transition: opacity 15ms linear, background-color 15ms linear;
4282 z-index: 1;
4283 /* @alternate */
4284 z-index: var(--mdc-ripple-z-index, 1);
4285}
4286.mdc-select__anchor .mdc-select__ripple::after {
4287 z-index: 0;
4288 /* @alternate */
4289 z-index: var(--mdc-ripple-z-index, 0);
4290}
4291.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
4292 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
4293 transform: scale(var(--mdc-ripple-fg-scale, 1));
4294}
4295.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
4296 top: 0;
4297 /* @noflip */
4298 left: 0;
4299 -webkit-transform: scale(0);
4300 transform: scale(0);
4301 -webkit-transform-origin: center center;
4302 transform-origin: center center;
4303}
4304.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
4305 top: var(--mdc-ripple-top, 0);
4306 /* @noflip */
4307 left: var(--mdc-ripple-left, 0);
4308}
4309.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
4310 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
4311 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
4312}
4313.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
4314 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
4315 animation: mdc-ripple-fg-opacity-out 150ms;
4316 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
4317 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
4318}
4319.mdc-select__anchor .mdc-select__ripple::before,
4320.mdc-select__anchor .mdc-select__ripple::after {
4321 top: calc(50% - 100%);
4322 /* @noflip */
4323 left: calc(50% - 100%);
4324 width: 200%;
4325 height: 200%;
4326}
4327.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
4328 width: var(--mdc-ripple-fg-size, 100%);
4329 height: var(--mdc-ripple-fg-size, 100%);
4330}
4331.mdc-select__anchor .mdc-select__ripple::before,
4332.mdc-select__anchor .mdc-select__ripple::after {
4333 background-color: rgba(0, 0, 0, 0.87);
4334 /* @alternate */
4335 background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
4336}
4337.mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before {
4338 opacity: 0.04;
4339 /* @alternate */
4340 opacity: var(--mdc-ripple-hover-opacity, 0.04);
4341}
4342.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
4343 transition-duration: 75ms;
4344 opacity: 0.12;
4345 /* @alternate */
4346 opacity: var(--mdc-ripple-focus-opacity, 0.12);
4347}
4348.mdc-select__anchor .mdc-select__ripple {
4349 position: absolute;
4350 top: 0;
4351 left: 0;
4352 width: 100%;
4353 height: 100%;
4354 pointer-events: none;
4355}
4356
4357.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
4358 background-color: #000;
4359 /* @alternate */
4360 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
4361}
4362.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
4363 opacity: 0.04;
4364 /* @alternate */
4365 opacity: var(--mdc-ripple-hover-opacity, 0.04);
4366}
4367.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
4368 transition-duration: 75ms;
4369 opacity: 0.12;
4370 /* @alternate */
4371 opacity: var(--mdc-ripple-focus-opacity, 0.12);
4372}
4373.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
4374 transition: opacity 150ms linear;
4375}
4376.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
4377 transition-duration: 75ms;
4378 opacity: 0.12;
4379 /* @alternate */
4380 opacity: var(--mdc-ripple-press-opacity, 0.12);
4381}
4382.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
4383 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
4384}
4385.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
4386 background-color: #000;
4387 /* @alternate */
4388 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
4389}
4390.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
4391 opacity: 0.04;
4392 /* @alternate */
4393 opacity: var(--mdc-ripple-hover-opacity, 0.04);
4394}
4395.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
4396 transition-duration: 75ms;
4397 opacity: 0.12;
4398 /* @alternate */
4399 opacity: var(--mdc-ripple-focus-opacity, 0.12);
4400}
4401.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
4402 transition: opacity 150ms linear;
4403}
4404.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
4405 transition-duration: 75ms;
4406 opacity: 0.12;
4407 /* @alternate */
4408 opacity: var(--mdc-ripple-press-opacity, 0.12);
4409}
4410.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
4411 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
4412}
4413
4414.mdc-select-helper-text {
4415 margin: 0;
4416 /* @noflip */
4417 margin-left: 16px;
4418 /* @noflip */
4419 margin-right: 16px;
4420 -moz-osx-font-smoothing: grayscale;
4421 -webkit-font-smoothing: antialiased;
4422 font-family: Roboto, sans-serif;
4423 /* @alternate */
4424 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
4425 font-size: 0.75rem;
4426 /* @alternate */
4427 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
4428 line-height: 1.25rem;
4429 /* @alternate */
4430 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
4431 font-weight: 400;
4432 /* @alternate */
4433 font-weight: var(--mdc-typography-caption-font-weight, 400);
4434 letter-spacing: 0.0333333333em;
4435 /* @alternate */
4436 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
4437 text-decoration: inherit;
4438 /* @alternate */
4439 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
4440 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
4441 text-transform: inherit;
4442 /* @alternate */
4443 text-transform: var(--mdc-typography-caption-text-transform, inherit);
4444 display: block;
4445 margin-top: 0;
4446 /* @alternate */
4447 line-height: normal;
4448}
4449[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
4450 /* @noflip */
4451 margin-left: 16px;
4452 /* @noflip */
4453 margin-right: 16px;
4454}
4455
4456.mdc-select-helper-text::before {
4457 display: inline-block;
4458 width: 0;
4459 height: 16px;
4460 content: "";
4461 vertical-align: 0;
4462}
4463
4464.mdc-select-helper-text--validation-msg {
4465 opacity: 0;
4466 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
4467}
4468
4469.mdc-select--invalid + .mdc-select-helper-text--validation-msg,
4470.mdc-select-helper-text--validation-msg-persistent {
4471 opacity: 1;
4472}
4473
4474.mdc-select--with-leading-icon .mdc-select__icon {
4475 display: inline-block;
4476 box-sizing: border-box;
4477 border: none;
4478 text-decoration: none;
4479 cursor: pointer;
4480 -webkit-user-select: none;
4481 -moz-user-select: none;
4482 -ms-user-select: none;
4483 user-select: none;
4484 flex-shrink: 0;
4485 align-self: center;
4486 background-color: transparent;
4487 fill: currentColor;
4488}
4489.mdc-select--with-leading-icon .mdc-select__icon {
4490 /* @noflip */
4491 margin-left: 12px;
4492 /* @noflip */
4493 margin-right: 12px;
4494}
4495[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
4496 /* @noflip */
4497 margin-left: 12px;
4498 /* @noflip */
4499 margin-right: 12px;
4500}
4501
4502.mdc-select__icon:not([tabindex]),
4503.mdc-select__icon[tabindex="-1"] {
4504 cursor: default;
4505 pointer-events: none;
4506}
4507
4508.mdc-data-table__content {
4509 -moz-osx-font-smoothing: grayscale;
4510 -webkit-font-smoothing: antialiased;
4511 font-family: Roboto, sans-serif;
4512 /* @alternate */
4513 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
4514 font-size: 0.875rem;
4515 /* @alternate */
4516 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
4517 line-height: 1.25rem;
4518 /* @alternate */
4519 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
4520 font-weight: 400;
4521 /* @alternate */
4522 font-weight: var(--mdc-typography-body2-font-weight, 400);
4523 letter-spacing: 0.0178571429em;
4524 /* @alternate */
4525 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
4526 text-decoration: inherit;
4527 /* @alternate */
4528 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
4529 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
4530 text-transform: inherit;
4531 /* @alternate */
4532 text-transform: var(--mdc-typography-body2-text-transform, inherit);
4533}
4534
4535.mdc-data-table {
4536 background-color: #fff;
4537 /* @alternate */
4538 background-color: var(--mdc-theme-surface, #fff);
4539 border-radius: 4px;
4540 /* @alternate */
4541 border-radius: var(--mdc-shape-medium, 4px);
4542 border-width: 1px;
4543 border-style: solid;
4544 border-color: rgba(0, 0, 0, 0.12);
4545 -webkit-overflow-scrolling: touch;
4546 display: inline-flex;
4547 flex-direction: column;
4548 box-sizing: border-box;
4549 position: relative;
4550}
4551.mdc-data-table .mdc-data-table__header-cell:first-child {
4552 border-top-left-radius: 4px;
4553 /* @alternate */
4554 border-top-left-radius: var(--mdc-shape-medium, 4px);
4555}
4556[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] {
4557 border-top-right-radius: 4px;
4558 /* @alternate */
4559 border-top-right-radius: var(--mdc-shape-medium, 4px);
4560 border-top-left-radius: 0;
4561}
4562
4563.mdc-data-table .mdc-data-table__header-cell:last-child {
4564 border-top-right-radius: 4px;
4565 /* @alternate */
4566 border-top-right-radius: var(--mdc-shape-medium, 4px);
4567}
4568[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] {
4569 border-top-left-radius: 4px;
4570 /* @alternate */
4571 border-top-left-radius: var(--mdc-shape-medium, 4px);
4572 border-top-right-radius: 0;
4573}
4574
4575.mdc-data-table__row {
4576 background-color: inherit;
4577}
4578
4579.mdc-data-table__header-cell {
4580 background-color: #fff;
4581 /* @alternate */
4582 background-color: var(--mdc-theme-surface, #fff);
4583}
4584
4585.mdc-data-table__row--selected {
4586 background-color: rgba(98, 0, 238, 0.04);
4587}
4588
4589.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
4590.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
4591.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
4592 border-color: rgba(0, 0, 0, 0.12);
4593}
4594.mdc-data-table__cell,
4595.mdc-data-table__header-cell {
4596 border-bottom-color: rgba(0, 0, 0, 0.12);
4597}
4598
4599.mdc-data-table__pagination {
4600 border-top-color: rgba(0, 0, 0, 0.12);
4601}
4602
4603.mdc-data-table__cell,
4604.mdc-data-table__header-cell {
4605 border-bottom-width: 1px;
4606 border-bottom-style: solid;
4607}
4608
4609.mdc-data-table__pagination {
4610 border-top-width: 1px;
4611 border-top-style: solid;
4612}
4613
4614.mdc-data-table__row:last-child .mdc-data-table__cell {
4615 border-bottom: none;
4616}
4617
4618.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
4619 background-color: rgba(0, 0, 0, 0.04);
4620}
4621
4622.mdc-data-table__header-cell {
4623 color: rgba(0, 0, 0, 0.87);
4624}
4625
4626.mdc-data-table__pagination-total,
4627.mdc-data-table__pagination-rows-per-page-label,
4628.mdc-data-table__cell {
4629 color: rgba(0, 0, 0, 0.87);
4630}
4631
4632.mdc-data-table__row {
4633 height: 52px;
4634}
4635
4636.mdc-data-table__pagination {
4637 min-height: 52px;
4638}
4639
4640.mdc-data-table__header-row {
4641 height: 56px;
4642}
4643
4644.mdc-data-table__cell,
4645.mdc-data-table__header-cell {
4646 padding: 0 16px 0 16px;
4647}
4648
4649.mdc-data-table__header-cell--checkbox,
4650.mdc-data-table__cell--checkbox {
4651 /* @noflip */
4652 padding-left: 4px;
4653 /* @noflip */
4654 padding-right: 0;
4655}
4656[dir=rtl] .mdc-data-table__header-cell--checkbox, [dir=rtl] .mdc-data-table__cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], .mdc-data-table__cell--checkbox[dir=rtl] {
4657 /* @noflip */
4658 padding-left: 0;
4659 /* @noflip */
4660 padding-right: 4px;
4661}
4662
4663.mdc-data-table__sort-icon-button {
4664 color: rgba(0, 0, 0, 0.6);
4665}
4666.mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
4667 background-color: rgba(0, 0, 0, 0.6);
4668 /* @alternate */
4669 background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6));
4670}
4671.mdc-data-table__sort-icon-button:hover .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
4672 opacity: 0.04;
4673 /* @alternate */
4674 opacity: var(--mdc-ripple-hover-opacity, 0.04);
4675}
4676.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
4677 transition-duration: 75ms;
4678 opacity: 0.12;
4679 /* @alternate */
4680 opacity: var(--mdc-ripple-focus-opacity, 0.12);
4681}
4682.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
4683 transition: opacity 150ms linear;
4684}
4685.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
4686 transition-duration: 75ms;
4687 opacity: 0.12;
4688 /* @alternate */
4689 opacity: var(--mdc-ripple-press-opacity, 0.12);
4690}
4691.mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
4692 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
4693}
4694
4695.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
4696 color: rgba(0, 0, 0, 0.87);
4697}
4698.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
4699 background-color: rgba(0, 0, 0, 0.87);
4700 /* @alternate */
4701 background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
4702}
4703.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
4704 opacity: 0.04;
4705 /* @alternate */
4706 opacity: var(--mdc-ripple-hover-opacity, 0.04);
4707}
4708.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
4709 transition-duration: 75ms;
4710 opacity: 0.12;
4711 /* @alternate */
4712 opacity: var(--mdc-ripple-focus-opacity, 0.12);
4713}
4714.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
4715 transition: opacity 150ms linear;
4716}
4717.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
4718 transition-duration: 75ms;
4719 opacity: 0.12;
4720 /* @alternate */
4721 opacity: var(--mdc-ripple-press-opacity, 0.12);
4722}
4723.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
4724 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
4725}
4726
4727.mdc-data-table__table-container {
4728 -webkit-overflow-scrolling: touch;
4729 overflow-x: auto;
4730 width: 100%;
4731}
4732
4733.mdc-data-table__table {
4734 min-width: 100%;
4735 border: 0;
4736 white-space: nowrap;
4737 border-spacing: 0;
4738 /**
4739 * With table-layout:fixed, table and column widths are defined by the width
4740 * of the first row of cells. Cells in subsequent rows do not affect column
4741 * widths. This results in a predictable table layout and may also speed up
4742 * rendering.
4743 */
4744 table-layout: fixed;
4745}
4746
4747.mdc-data-table__cell {
4748 -moz-osx-font-smoothing: grayscale;
4749 -webkit-font-smoothing: antialiased;
4750 font-family: Roboto, sans-serif;
4751 /* @alternate */
4752 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
4753 font-size: 0.875rem;
4754 /* @alternate */
4755 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
4756 line-height: 1.25rem;
4757 /* @alternate */
4758 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
4759 font-weight: 400;
4760 /* @alternate */
4761 font-weight: var(--mdc-typography-body2-font-weight, 400);
4762 letter-spacing: 0.0178571429em;
4763 /* @alternate */
4764 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
4765 text-decoration: inherit;
4766 /* @alternate */
4767 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
4768 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
4769 text-transform: inherit;
4770 /* @alternate */
4771 text-transform: var(--mdc-typography-body2-text-transform, inherit);
4772 box-sizing: border-box;
4773 overflow: hidden;
4774 text-align: left;
4775 text-overflow: ellipsis;
4776}
4777[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] {
4778 /* @noflip */
4779 text-align: right;
4780}
4781
4782.mdc-data-table__cell--numeric {
4783 text-align: right;
4784}
4785[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
4786 /* @noflip */
4787 text-align: left;
4788}
4789
4790.mdc-data-table__cell--checkbox {
4791 width: 1px;
4792}
4793
4794.mdc-data-table__header-cell {
4795 -moz-osx-font-smoothing: grayscale;
4796 -webkit-font-smoothing: antialiased;
4797 font-family: Roboto, sans-serif;
4798 /* @alternate */
4799 font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
4800 font-size: 0.875rem;
4801 /* @alternate */
4802 font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
4803 line-height: 1.375rem;
4804 /* @alternate */
4805 line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
4806 font-weight: 500;
4807 /* @alternate */
4808 font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
4809 letter-spacing: 0.0071428571em;
4810 /* @alternate */
4811 letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
4812 text-decoration: inherit;
4813 /* @alternate */
4814 -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
4815 text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
4816 text-transform: inherit;
4817 /* @alternate */
4818 text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
4819 box-sizing: border-box;
4820 text-overflow: ellipsis;
4821 overflow: hidden;
4822 outline: none;
4823 /* @noflip */
4824 text-align: left;
4825}
4826[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
4827 /* @noflip */
4828 text-align: right;
4829}
4830
4831.mdc-data-table__header-cell--checkbox {
4832 width: 1px;
4833}
4834
4835.mdc-data-table__header-cell--numeric {
4836 text-align: right;
4837}
4838[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
4839 /* @noflip */
4840 text-align: left;
4841}
4842
4843.mdc-data-table__sort-icon-button {
4844 width: 28px;
4845 height: 28px;
4846 padding: 2px;
4847 -webkit-transform: rotate(0.0001deg);
4848 transform: rotate(0.0001deg);
4849 /* @noflip */
4850 margin-left: 4px;
4851 /* @noflip */
4852 margin-right: 0;
4853 transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
4854 transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
4855 transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
4856 opacity: 0;
4857}
4858.mdc-data-table__sort-icon-button.mdc-icon-button--touch {
4859 margin-top: 0;
4860 margin-bottom: 0;
4861}
4862.mdc-data-table__sort-icon-button.mdc-icon-button--touch .mdc-icon-button__touch {
4863 display: none;
4864}
4865[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] {
4866 /* @noflip */
4867 margin-left: 0;
4868 /* @noflip */
4869 margin-right: 4px;
4870}
4871
4872.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
4873 /* @noflip */
4874 margin-left: 0;
4875 /* @noflip */
4876 margin-right: 4px;
4877}
4878[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] {
4879 /* @noflip */
4880 margin-left: 4px;
4881 /* @noflip */
4882 margin-right: 0;
4883}
4884
4885.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button {
4886 -webkit-transform: rotate(-180deg);
4887 transform: rotate(-180deg);
4888}
4889.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
4890 opacity: 1;
4891}
4892
4893.mdc-data-table__header-cell-wrapper {
4894 align-items: center;
4895 display: inline-flex;
4896 vertical-align: middle;
4897}
4898
4899.mdc-data-table__header-cell--with-sort {
4900 cursor: pointer;
4901}
4902
4903.mdc-data-table__sort-status-label {
4904 clip: rect(1px, 1px, 1px, 1px);
4905 height: 1px;
4906 overflow: hidden;
4907 position: absolute;
4908 white-space: nowrap;
4909 /* added line */
4910 width: 1px;
4911}
4912
4913.mdc-data-table__progress-indicator {
4914 display: none;
4915 position: absolute;
4916 width: 100%;
4917}
4918.mdc-data-table--in-progress .mdc-data-table__progress-indicator {
4919 display: block;
4920}
4921
4922.mdc-data-table__scrim {
4923 background-color: #fff;
4924 /* @alternate */
4925 background-color: var(--mdc-theme-surface, #fff);
4926 height: 100%;
4927 opacity: 0.32;
4928 position: absolute;
4929 top: 0;
4930 width: 100%;
4931}
4932
4933.mdc-data-table--sticky-header .mdc-data-table__header-cell {
4934 position: -webkit-sticky;
4935 position: sticky;
4936 top: 0;
4937 z-index: 1;
4938}
4939
4940.mdc-data-table__pagination {
4941 -moz-osx-font-smoothing: grayscale;
4942 -webkit-font-smoothing: antialiased;
4943 font-family: Roboto, sans-serif;
4944 /* @alternate */
4945 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
4946 font-size: 0.875rem;
4947 /* @alternate */
4948 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
4949 line-height: 1.25rem;
4950 /* @alternate */
4951 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
4952 font-weight: 400;
4953 /* @alternate */
4954 font-weight: var(--mdc-typography-body2-font-weight, 400);
4955 letter-spacing: 0.0178571429em;
4956 /* @alternate */
4957 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
4958 text-decoration: inherit;
4959 /* @alternate */
4960 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
4961 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
4962 text-transform: inherit;
4963 /* @alternate */
4964 text-transform: var(--mdc-typography-body2-text-transform, inherit);
4965 box-sizing: border-box;
4966 display: flex;
4967 justify-content: flex-end;
4968}
4969
4970.mdc-data-table__pagination-trailing {
4971 /* @noflip */
4972 margin-left: 4px;
4973 /* @noflip */
4974 margin-right: 0;
4975 align-items: center;
4976 display: flex;
4977 flex-wrap: wrap;
4978 justify-content: flex-end;
4979}
4980[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] {
4981 /* @noflip */
4982 margin-left: 0;
4983 /* @noflip */
4984 margin-right: 4px;
4985}
4986
4987.mdc-data-table__pagination-navigation {
4988 align-items: center;
4989 display: flex;
4990}
4991
4992.mdc-data-table__pagination-button {
4993 /* @noflip */
4994 margin-left: 0;
4995 /* @noflip */
4996 margin-right: 4px;
4997}
4998[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
4999 /* @noflip */
5000 -webkit-transform: rotate(180deg);
5001 transform: rotate(180deg);
5002}
5003
5004[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] {
5005 /* @noflip */
5006 margin-left: 4px;
5007 /* @noflip */
5008 margin-right: 0;
5009}
5010
5011.mdc-data-table__pagination-total {
5012 /* @noflip */
5013 margin-left: 14px;
5014 /* @noflip */
5015 margin-right: 36px;
5016 white-space: nowrap;
5017}
5018[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] {
5019 /* @noflip */
5020 margin-left: 36px;
5021 /* @noflip */
5022 margin-right: 14px;
5023}
5024
5025.mdc-data-table__pagination-rows-per-page {
5026 /* @noflip */
5027 margin-left: 0;
5028 /* @noflip */
5029 margin-right: 22px;
5030 align-items: center;
5031 display: inline-flex;
5032}
5033[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] {
5034 /* @noflip */
5035 margin-left: 22px;
5036 /* @noflip */
5037 margin-right: 0;
5038}
5039
5040.mdc-data-table__pagination-rows-per-page-label {
5041 /* @noflip */
5042 margin-left: 0;
5043 /* @noflip */
5044 margin-right: 12px;
5045 white-space: nowrap;
5046}
5047[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
5048 /* @noflip */
5049 margin-left: 12px;
5050 /* @noflip */
5051 margin-right: 0;
5052}
5053
5054.mdc-data-table__pagination-rows-per-page-select {
5055 min-width: 80px;
5056 /* @alternate */
5057 min-width: var(--mdc-menu-min-width, 80px);
5058 margin: 8px 0;
5059}
5060.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
5061 width: 100%;
5062 min-width: 80px;
5063}
5064.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
5065 height: 36px;
5066}
5067.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
5068 -webkit-transform: translateY(-27.25px) scale(1);
5069 transform: translateY(-27.25px) scale(1);
5070}
5071.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
5072 font-size: 0.75rem;
5073}
5074.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
5075.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
5076 -webkit-transform: translateY(-24.75px) scale(0.75);
5077 transform: translateY(-24.75px) scale(0.75);
5078}
5079.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
5080.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
5081 font-size: 1rem;
5082}
5083.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
5084 -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
5085 animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
5086}
5087@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
5088 0% {
5089 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5090 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5091 }
5092 33% {
5093 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
5094 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
5095 -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
5096 transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
5097 }
5098 66% {
5099 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
5100 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
5101 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
5102 transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
5103 }
5104 100% {
5105 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5106 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5107 }
5108}
5109@keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
5110 0% {
5111 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5112 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5113 }
5114 33% {
5115 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
5116 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
5117 -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
5118 transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
5119 }
5120 66% {
5121 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
5122 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
5123 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
5124 transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
5125 }
5126 100% {
5127 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5128 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
5129 }
5130}
5131.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
5132 width: 20px;
5133 height: 20px;
5134}
5135.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
5136 max-width: calc(100% - 56px);
5137}
5138.mdc-data-table__pagination-rows-per-page-select .mdc-deprecated-list-item {
5139 height: 36px;
5140}
5141
5142.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,
5143.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
5144.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
5145 background-color: #6200ee;
5146 /* @alternate */
5147 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
5148}
5149.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before,
5150.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,
5151.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
5152 opacity: 0.04;
5153 /* @alternate */
5154 opacity: var(--mdc-ripple-hover-opacity, 0.04);
5155}
5156.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before,
5157.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
5158.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
5159 transition-duration: 75ms;
5160 opacity: 0.12;
5161 /* @alternate */
5162 opacity: var(--mdc-ripple-focus-opacity, 0.12);
5163}
5164.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,
5165.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
5166 transition: opacity 150ms linear;
5167}
5168.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,
5169.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
5170 transition-duration: 75ms;
5171 opacity: 0.12;
5172 /* @alternate */
5173 opacity: var(--mdc-ripple-press-opacity, 0.12);
5174}
5175.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
5176.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
5177 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
5178}
5179.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
5180.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
5181.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
5182.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
5183 background-color: #6200ee;
5184 /* @alternate */
5185 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
5186}
5187.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
5188.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
5189 border-color: rgba(0, 0, 0, 0.54);
5190 /* @alternate */
5191 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
5192 background-color: transparent;
5193}
5194.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
5195.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
5196.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
5197.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
5198.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
5199.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
5200 border-color: #6200ee;
5201 /* @alternate */
5202 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5203 background-color: #6200ee;
5204 /* @alternate */
5205 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5206}
5207@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
5208 0% {
5209 border-color: rgba(0, 0, 0, 0.54);
5210 /* @alternate */
5211 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
5212 background-color: transparent;
5213 }
5214 50% {
5215 border-color: #6200ee;
5216 /* @alternate */
5217 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5218 background-color: #6200ee;
5219 /* @alternate */
5220 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5221 }
5222}
5223@keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
5224 0% {
5225 border-color: rgba(0, 0, 0, 0.54);
5226 /* @alternate */
5227 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
5228 background-color: transparent;
5229 }
5230 50% {
5231 border-color: #6200ee;
5232 /* @alternate */
5233 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5234 background-color: #6200ee;
5235 /* @alternate */
5236 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5237 }
5238}
5239@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
5240 0%, 80% {
5241 border-color: #6200ee;
5242 /* @alternate */
5243 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5244 background-color: #6200ee;
5245 /* @alternate */
5246 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5247 }
5248 100% {
5249 border-color: rgba(0, 0, 0, 0.54);
5250 /* @alternate */
5251 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
5252 background-color: transparent;
5253 }
5254}
5255@keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
5256 0%, 80% {
5257 border-color: #6200ee;
5258 /* @alternate */
5259 border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5260 background-color: #6200ee;
5261 /* @alternate */
5262 background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
5263 }
5264 100% {
5265 border-color: rgba(0, 0, 0, 0.54);
5266 /* @alternate */
5267 border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
5268 background-color: transparent;
5269 }
5270}
5271.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
5272.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
5273.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
5274 -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
5275 animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
5276}
5277.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
5278.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
5279.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
5280 -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
5281 animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
5282}
5283
5284.mdc-dialog,
5285.mdc-dialog__scrim {
5286 position: fixed;
5287 top: 0;
5288 left: 0;
5289 align-items: center;
5290 justify-content: center;
5291 box-sizing: border-box;
5292 width: 100%;
5293 height: 100%;
5294}
5295
5296.mdc-dialog {
5297 display: none;
5298 z-index: 7;
5299 /* @alternate */
5300 z-index: var(--mdc-dialog-z-index, 7);
5301}
5302.mdc-dialog .mdc-dialog__surface {
5303 background-color: #fff;
5304 /* @alternate */
5305 background-color: var(--mdc-theme-surface, #fff);
5306}
5307.mdc-dialog .mdc-dialog__scrim {
5308 background-color: rgba(0, 0, 0, 0.32);
5309}
5310.mdc-dialog .mdc-dialog__surface-scrim {
5311 background-color: rgba(0, 0, 0, 0.32);
5312}
5313.mdc-dialog .mdc-dialog__title {
5314 color: rgba(0, 0, 0, 0.87);
5315}
5316.mdc-dialog .mdc-dialog__content {
5317 color: rgba(0, 0, 0, 0.6);
5318}
5319.mdc-dialog .mdc-dialog__close {
5320 color: #000;
5321 /* @alternate */
5322 color: var(--mdc-theme-on-surface, #000);
5323}
5324.mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::after {
5325 background-color: #000;
5326 /* @alternate */
5327 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
5328}
5329.mdc-dialog .mdc-dialog__close:hover .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
5330 opacity: 0.04;
5331 /* @alternate */
5332 opacity: var(--mdc-ripple-hover-opacity, 0.04);
5333}
5334.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
5335 transition-duration: 75ms;
5336 opacity: 0.12;
5337 /* @alternate */
5338 opacity: var(--mdc-ripple-focus-opacity, 0.12);
5339}
5340.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
5341 transition: opacity 150ms linear;
5342}
5343.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
5344 transition-duration: 75ms;
5345 opacity: 0.12;
5346 /* @alternate */
5347 opacity: var(--mdc-ripple-press-opacity, 0.12);
5348}
5349.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded {
5350 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
5351}
5352.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions {
5353 border-color: rgba(0, 0, 0, 0.12);
5354}
5355.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
5356 border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5357 margin-bottom: 0;
5358}
5359.mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header {
5360 /* @alternate */
5361 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);
5362}
5363.mdc-dialog .mdc-dialog__content {
5364 padding: 20px 24px 20px 24px;
5365}
5366.mdc-dialog .mdc-dialog__surface {
5367 min-width: 280px;
5368}
5369@media (max-width: 592px) {
5370 .mdc-dialog .mdc-dialog__surface {
5371 max-width: calc(100vw - 32px);
5372 }
5373}
5374@media (min-width: 592px) {
5375 .mdc-dialog .mdc-dialog__surface {
5376 max-width: 560px;
5377 }
5378}
5379.mdc-dialog .mdc-dialog__surface {
5380 max-height: calc(100% - 32px);
5381}
5382@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
5383 .mdc-dialog .mdc-dialog__container {
5384 /* stylelint-disable */
5385 /* stylelint-enable*/
5386 }
5387}
5388.mdc-dialog .mdc-dialog__surface {
5389 border-radius: 4px;
5390 /* @alternate */
5391 border-radius: var(--mdc-shape-medium, 4px);
5392}
5393@media (max-width: 960px) and (max-height: 1440px) {
5394 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5395 max-height: 560px;
5396 max-width: 560px;
5397 }
5398 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
5399 right: -12px;
5400 }
5401}
5402@media (max-width: 720px) and (max-height: 1023px) and (max-width: 672px) {
5403 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5404 max-width: calc(100vw - 112px);
5405 }
5406}
5407@media (max-width: 720px) and (max-height: 1023px) and (min-width: 672px) {
5408 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5409 max-width: 560px;
5410 }
5411}
5412@media (max-width: 720px) and (max-height: 1023px) and (max-height: 720px) {
5413 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5414 max-height: calc(100vh - 160px);
5415 }
5416}
5417@media (max-width: 720px) and (max-height: 1023px) and (min-height: 720px) {
5418 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5419 max-height: 560px;
5420 }
5421}
5422@media (max-width: 720px) and (max-height: 1023px) {
5423 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
5424 right: -12px;
5425 }
5426}
5427@media (max-width: 720px) and (max-height: 400px) {
5428 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5429 height: 100%;
5430 max-height: 100vh;
5431 max-width: 100vw;
5432 width: 100%;
5433 border-radius: 0;
5434 }
5435 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
5436 order: -1;
5437 left: -12px;
5438 }
5439 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
5440 padding: 0 16px 9px;
5441 justify-content: flex-start;
5442 }
5443 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
5444 margin-left: calc(16px - 2 * 12px);
5445 }
5446}
5447@media (max-width: 600px) and (max-height: 960px) {
5448 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5449 height: 100%;
5450 max-height: 100vh;
5451 max-width: 100vw;
5452 width: 100vw;
5453 border-radius: 0;
5454 }
5455 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
5456 order: -1;
5457 left: -12px;
5458 }
5459 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
5460 padding: 0 16px 9px;
5461 justify-content: flex-start;
5462 }
5463 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
5464 margin-left: calc(16px - 2 * 12px);
5465 }
5466}
5467@media (min-width: 960px) and (min-height: 1440px) {
5468 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
5469 max-width: calc(100vw - 400px);
5470 }
5471 .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
5472 right: -12px;
5473 }
5474}
5475.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim {
5476 opacity: 0;
5477}
5478
5479.mdc-dialog__scrim {
5480 opacity: 0;
5481 z-index: -1;
5482}
5483
5484.mdc-dialog__container {
5485 display: flex;
5486 flex-direction: row;
5487 align-items: center;
5488 justify-content: space-around;
5489 box-sizing: border-box;
5490 height: 100%;
5491 -webkit-transform: scale(0.8);
5492 transform: scale(0.8);
5493 opacity: 0;
5494 pointer-events: none;
5495}
5496
5497.mdc-dialog__surface {
5498 /* @alternate */
5499 position: relative;
5500 /* @alternate */
5501 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
5502 display: flex;
5503 flex-direction: column;
5504 flex-grow: 0;
5505 flex-shrink: 0;
5506 box-sizing: border-box;
5507 max-width: 100%;
5508 max-height: 100%;
5509 pointer-events: auto;
5510 overflow-y: auto;
5511}
5512.mdc-dialog__surface .mdc-elevation-overlay {
5513 width: 100%;
5514 height: 100%;
5515 top: 0;
5516 /* @noflip */
5517 left: 0;
5518}
5519[dir=rtl] .mdc-dialog__surface, .mdc-dialog__surface[dir=rtl] {
5520 /* @noflip */
5521 text-align: right;
5522}
5523
5524@media screen and (forced-colors: active), (-ms-high-contrast: active) {
5525 .mdc-dialog__surface {
5526 outline: 2px solid windowText;
5527 }
5528}
5529.mdc-dialog__surface::before {
5530 position: absolute;
5531 box-sizing: border-box;
5532 width: 100%;
5533 height: 100%;
5534 top: 0;
5535 left: 0;
5536 border: 2px solid transparent;
5537 border-radius: inherit;
5538 content: "";
5539 pointer-events: none;
5540}
5541@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
5542 .mdc-dialog__surface::before {
5543 content: none;
5544 }
5545}
5546
5547.mdc-dialog__title {
5548 display: block;
5549 margin-top: 0;
5550 /* @alternate */
5551 line-height: normal;
5552 -moz-osx-font-smoothing: grayscale;
5553 -webkit-font-smoothing: antialiased;
5554 font-family: Roboto, sans-serif;
5555 /* @alternate */
5556 font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
5557 font-size: 1.25rem;
5558 /* @alternate */
5559 font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
5560 line-height: 2rem;
5561 /* @alternate */
5562 line-height: var(--mdc-typography-headline6-line-height, 2rem);
5563 font-weight: 500;
5564 /* @alternate */
5565 font-weight: var(--mdc-typography-headline6-font-weight, 500);
5566 letter-spacing: 0.0125em;
5567 /* @alternate */
5568 letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
5569 text-decoration: inherit;
5570 /* @alternate */
5571 -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
5572 text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
5573 text-transform: inherit;
5574 /* @alternate */
5575 text-transform: var(--mdc-typography-headline6-text-transform, inherit);
5576 position: relative;
5577 flex-shrink: 0;
5578 box-sizing: border-box;
5579 margin: 0 0 1px;
5580 padding: 0 24px 9px;
5581}
5582.mdc-dialog__title::before {
5583 display: inline-block;
5584 width: 0;
5585 height: 40px;
5586 content: "";
5587 vertical-align: 0;
5588}
5589[dir=rtl] .mdc-dialog__title, .mdc-dialog__title[dir=rtl] {
5590 /* @noflip */
5591 text-align: right;
5592}
5593
5594.mdc-dialog--scrollable .mdc-dialog__title {
5595 margin-bottom: 1px;
5596 padding-bottom: 15px;
5597}
5598
5599.mdc-dialog--fullscreen .mdc-dialog__header {
5600 align-items: baseline;
5601 border-bottom: 1px solid transparent;
5602 display: inline-flex;
5603 justify-content: space-between;
5604 padding: 0 24px 9px;
5605 z-index: 1;
5606}
5607.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
5608 right: -12px;
5609}
5610.mdc-dialog--fullscreen .mdc-dialog__title {
5611 margin-bottom: 0;
5612 padding: 0;
5613 border-bottom: 0;
5614}
5615.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title {
5616 border-bottom: 0;
5617 margin-bottom: 0;
5618}
5619.mdc-dialog--fullscreen .mdc-dialog__close {
5620 top: 5px;
5621}
5622.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
5623 border-top: 1px solid transparent;
5624}
5625
5626.mdc-dialog__content {
5627 -moz-osx-font-smoothing: grayscale;
5628 -webkit-font-smoothing: antialiased;
5629 font-family: Roboto, sans-serif;
5630 /* @alternate */
5631 font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
5632 font-size: 1rem;
5633 /* @alternate */
5634 font-size: var(--mdc-typography-body1-font-size, 1rem);
5635 line-height: 1.5rem;
5636 /* @alternate */
5637 line-height: var(--mdc-typography-body1-line-height, 1.5rem);
5638 font-weight: 400;
5639 /* @alternate */
5640 font-weight: var(--mdc-typography-body1-font-weight, 400);
5641 letter-spacing: 0.03125em;
5642 /* @alternate */
5643 letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
5644 text-decoration: inherit;
5645 /* @alternate */
5646 -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
5647 text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
5648 text-transform: inherit;
5649 /* @alternate */
5650 text-transform: var(--mdc-typography-body1-text-transform, inherit);
5651 flex-grow: 1;
5652 box-sizing: border-box;
5653 margin: 0;
5654 overflow: auto;
5655 -webkit-overflow-scrolling: touch;
5656}
5657.mdc-dialog__content > :first-child {
5658 margin-top: 0;
5659}
5660.mdc-dialog__content > :last-child {
5661 margin-bottom: 0;
5662}
5663
5664.mdc-dialog__title + .mdc-dialog__content,
5665.mdc-dialog__header + .mdc-dialog__content {
5666 padding-top: 0;
5667}
5668
5669.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content {
5670 padding-top: 8px;
5671 padding-bottom: 8px;
5672}
5673
5674.mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
5675 padding: 6px 0 0;
5676}
5677
5678.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
5679 padding: 0;
5680}
5681
5682.mdc-dialog__actions {
5683 display: flex;
5684 position: relative;
5685 flex-shrink: 0;
5686 flex-wrap: wrap;
5687 align-items: center;
5688 justify-content: flex-end;
5689 box-sizing: border-box;
5690 min-height: 52px;
5691 margin: 0;
5692 padding: 8px;
5693 border-top: 1px solid transparent;
5694}
5695.mdc-dialog--stacked .mdc-dialog__actions {
5696 flex-direction: column;
5697 align-items: flex-end;
5698}
5699
5700.mdc-dialog__button {
5701 /* @noflip */
5702 margin-left: 8px;
5703 /* @noflip */
5704 margin-right: 0;
5705 max-width: 100%;
5706 /* @noflip */
5707 text-align: right;
5708}
5709[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
5710 /* @noflip */
5711 margin-left: 0;
5712 /* @noflip */
5713 margin-right: 8px;
5714}
5715
5716.mdc-dialog__button:first-child {
5717 /* @noflip */
5718 margin-left: 0;
5719 /* @noflip */
5720 margin-right: 0;
5721}
5722[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
5723 /* @noflip */
5724 margin-left: 0;
5725 /* @noflip */
5726 margin-right: 0;
5727}
5728
5729[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
5730 /* @noflip */
5731 text-align: left;
5732}
5733
5734.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
5735 margin-top: 12px;
5736}
5737
5738.mdc-dialog--open,
5739.mdc-dialog--opening,
5740.mdc-dialog--closing {
5741 display: flex;
5742}
5743
5744.mdc-dialog--opening .mdc-dialog__scrim {
5745 transition: opacity 150ms linear;
5746}
5747.mdc-dialog--opening .mdc-dialog__container {
5748 transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
5749 transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
5750 transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
5751}
5752
5753.mdc-dialog--closing .mdc-dialog__scrim,
5754.mdc-dialog--closing .mdc-dialog__container {
5755 transition: opacity 75ms linear;
5756}
5757.mdc-dialog--closing .mdc-dialog__container {
5758 -webkit-transform: none;
5759 transform: none;
5760}
5761
5762.mdc-dialog--open .mdc-dialog__scrim {
5763 opacity: 1;
5764}
5765.mdc-dialog--open .mdc-dialog__container {
5766 -webkit-transform: none;
5767 transform: none;
5768 opacity: 1;
5769}
5770.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim {
5771 opacity: 1;
5772 z-index: 1;
5773}
5774.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
5775 transition: opacity 75ms linear;
5776}
5777.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim {
5778 transition: opacity 150ms linear;
5779}
5780
5781.mdc-dialog__surface-scrim {
5782 display: none;
5783 opacity: 0;
5784 position: absolute;
5785 width: 100%;
5786 height: 100%;
5787}
5788.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim, .mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim, .mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
5789 display: block;
5790}
5791
5792.mdc-dialog-scroll-lock {
5793 overflow: hidden;
5794}
5795
5796.mdc-drawer {
5797 border-color: rgba(0, 0, 0, 0.12);
5798 background-color: #fff;
5799 /* @alternate */
5800 background-color: var(--mdc-theme-surface, #fff);
5801 /* @noflip */
5802 border-top-left-radius: 0;
5803 /* @noflip */
5804 border-top-right-radius: 0;
5805 /* @alternate */
5806 /* @noflip */
5807 border-top-right-radius: var(--mdc-shape-large, 0);
5808 /* @noflip */
5809 border-bottom-right-radius: 0;
5810 /* @alternate */
5811 /* @noflip */
5812 border-bottom-right-radius: var(--mdc-shape-large, 0);
5813 /* @noflip */
5814 border-bottom-left-radius: 0;
5815 z-index: 6;
5816 width: 256px;
5817 display: flex;
5818 flex-direction: column;
5819 flex-shrink: 0;
5820 box-sizing: border-box;
5821 height: 100%;
5822 /* @noflip */
5823 border-right-width: 1px;
5824 /* @noflip */
5825 border-right-style: solid;
5826 overflow: hidden;
5827 transition-property: -webkit-transform;
5828 transition-property: transform;
5829 transition-property: transform, -webkit-transform;
5830 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5831}
5832.mdc-drawer .mdc-drawer__title {
5833 color: rgba(0, 0, 0, 0.87);
5834}
5835.mdc-drawer .mdc-deprecated-list-group__subheader {
5836 color: rgba(0, 0, 0, 0.6);
5837}
5838.mdc-drawer .mdc-drawer__subtitle {
5839 color: rgba(0, 0, 0, 0.6);
5840}
5841.mdc-drawer .mdc-deprecated-list-item__graphic {
5842 color: rgba(0, 0, 0, 0.6);
5843}
5844.mdc-drawer .mdc-deprecated-list-item {
5845 color: rgba(0, 0, 0, 0.87);
5846}
5847.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
5848 color: #6200ee;
5849}
5850.mdc-drawer .mdc-deprecated-list-item--activated {
5851 color: rgba(98, 0, 238, 0.87);
5852}
5853[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
5854 /* @noflip */
5855 border-top-left-radius: 0;
5856 /* @alternate */
5857 /* @noflip */
5858 border-top-left-radius: var(--mdc-shape-large, 0);
5859 /* @noflip */
5860 border-top-right-radius: 0;
5861 /* @noflip */
5862 border-bottom-right-radius: 0;
5863 /* @noflip */
5864 border-bottom-left-radius: 0;
5865 /* @alternate */
5866 /* @noflip */
5867 border-bottom-left-radius: var(--mdc-shape-large, 0);
5868}
5869
5870.mdc-drawer .mdc-deprecated-list-item {
5871 border-radius: 4px;
5872 /* @alternate */
5873 border-radius: var(--mdc-shape-small, 4px);
5874}
5875.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
5876 /* @noflip */
5877 margin-left: 256px;
5878 /* @noflip */
5879 margin-right: 0;
5880}
5881[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
5882 /* @noflip */
5883 margin-left: 0;
5884 /* @noflip */
5885 margin-right: 256px;
5886}
5887
5888[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
5889 /* @noflip */
5890 border-right-width: 0;
5891 /* @noflip */
5892 border-left-width: 1px;
5893 /* @noflip */
5894 border-right-style: none;
5895 /* @noflip */
5896 border-left-style: solid;
5897}
5898
5899.mdc-drawer .mdc-deprecated-list-item {
5900 -moz-osx-font-smoothing: grayscale;
5901 -webkit-font-smoothing: antialiased;
5902 font-family: Roboto, sans-serif;
5903 /* @alternate */
5904 font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
5905 font-size: 0.875rem;
5906 /* @alternate */
5907 font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
5908 line-height: 1.375rem;
5909 /* @alternate */
5910 line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
5911 font-weight: 500;
5912 /* @alternate */
5913 font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
5914 letter-spacing: 0.0071428571em;
5915 /* @alternate */
5916 letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
5917 text-decoration: inherit;
5918 /* @alternate */
5919 -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
5920 text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
5921 text-transform: inherit;
5922 /* @alternate */
5923 text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
5924 height: calc(48px - 2 * 4px);
5925 margin: 8px 8px;
5926 padding: 0 8px;
5927}
5928.mdc-drawer .mdc-deprecated-list-item:nth-child(1) {
5929 margin-top: 2px;
5930}
5931.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1) {
5932 margin-bottom: 0;
5933}
5934.mdc-drawer .mdc-deprecated-list-group__subheader {
5935 -moz-osx-font-smoothing: grayscale;
5936 -webkit-font-smoothing: antialiased;
5937 font-family: Roboto, sans-serif;
5938 /* @alternate */
5939 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
5940 font-size: 0.875rem;
5941 /* @alternate */
5942 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
5943 line-height: 1.25rem;
5944 /* @alternate */
5945 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
5946 font-weight: 400;
5947 /* @alternate */
5948 font-weight: var(--mdc-typography-body2-font-weight, 400);
5949 letter-spacing: 0.0178571429em;
5950 /* @alternate */
5951 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
5952 text-decoration: inherit;
5953 /* @alternate */
5954 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
5955 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
5956 text-transform: inherit;
5957 /* @alternate */
5958 text-transform: var(--mdc-typography-body2-text-transform, inherit);
5959 display: block;
5960 margin-top: 0;
5961 /* @alternate */
5962 line-height: normal;
5963 margin: 0;
5964 padding: 0 16px;
5965}
5966.mdc-drawer .mdc-deprecated-list-group__subheader::before {
5967 display: inline-block;
5968 width: 0;
5969 height: 24px;
5970 content: "";
5971 vertical-align: 0;
5972}
5973.mdc-drawer .mdc-deprecated-list-divider {
5974 margin: 3px 0 4px;
5975}
5976.mdc-drawer .mdc-deprecated-list-item__text,
5977.mdc-drawer .mdc-deprecated-list-item__graphic {
5978 pointer-events: none;
5979}
5980
5981.mdc-drawer--animate {
5982 -webkit-transform: translateX(-100%);
5983 transform: translateX(-100%);
5984}
5985[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
5986 -webkit-transform: translateX(100%);
5987 transform: translateX(100%);
5988}
5989
5990.mdc-drawer--opening {
5991 -webkit-transform: translateX(0);
5992 transform: translateX(0);
5993 transition-duration: 250ms;
5994}
5995[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
5996 -webkit-transform: translateX(0);
5997 transform: translateX(0);
5998}
5999
6000.mdc-drawer--closing {
6001 -webkit-transform: translateX(-100%);
6002 transform: translateX(-100%);
6003 transition-duration: 200ms;
6004}
6005[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
6006 -webkit-transform: translateX(100%);
6007 transform: translateX(100%);
6008}
6009
6010.mdc-drawer__header {
6011 flex-shrink: 0;
6012 box-sizing: border-box;
6013 min-height: 64px;
6014 padding: 0 16px 4px;
6015}
6016
6017.mdc-drawer__title {
6018 -moz-osx-font-smoothing: grayscale;
6019 -webkit-font-smoothing: antialiased;
6020 font-family: Roboto, sans-serif;
6021 /* @alternate */
6022 font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
6023 font-size: 1.25rem;
6024 /* @alternate */
6025 font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
6026 line-height: 2rem;
6027 /* @alternate */
6028 line-height: var(--mdc-typography-headline6-line-height, 2rem);
6029 font-weight: 500;
6030 /* @alternate */
6031 font-weight: var(--mdc-typography-headline6-font-weight, 500);
6032 letter-spacing: 0.0125em;
6033 /* @alternate */
6034 letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
6035 text-decoration: inherit;
6036 /* @alternate */
6037 -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
6038 text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
6039 text-transform: inherit;
6040 /* @alternate */
6041 text-transform: var(--mdc-typography-headline6-text-transform, inherit);
6042 display: block;
6043 margin-top: 0;
6044 /* @alternate */
6045 line-height: normal;
6046 margin-bottom: -20px;
6047}
6048.mdc-drawer__title::before {
6049 display: inline-block;
6050 width: 0;
6051 height: 36px;
6052 content: "";
6053 vertical-align: 0;
6054}
6055.mdc-drawer__title::after {
6056 display: inline-block;
6057 width: 0;
6058 height: 20px;
6059 content: "";
6060 vertical-align: -20px;
6061}
6062
6063.mdc-drawer__subtitle {
6064 -moz-osx-font-smoothing: grayscale;
6065 -webkit-font-smoothing: antialiased;
6066 font-family: Roboto, sans-serif;
6067 /* @alternate */
6068 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
6069 font-size: 0.875rem;
6070 /* @alternate */
6071 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
6072 line-height: 1.25rem;
6073 /* @alternate */
6074 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
6075 font-weight: 400;
6076 /* @alternate */
6077 font-weight: var(--mdc-typography-body2-font-weight, 400);
6078 letter-spacing: 0.0178571429em;
6079 /* @alternate */
6080 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
6081 text-decoration: inherit;
6082 /* @alternate */
6083 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
6084 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
6085 text-transform: inherit;
6086 /* @alternate */
6087 text-transform: var(--mdc-typography-body2-text-transform, inherit);
6088 display: block;
6089 margin-top: 0;
6090 /* @alternate */
6091 line-height: normal;
6092 margin-bottom: 0;
6093}
6094.mdc-drawer__subtitle::before {
6095 display: inline-block;
6096 width: 0;
6097 height: 20px;
6098 content: "";
6099 vertical-align: 0;
6100}
6101
6102.mdc-drawer__content {
6103 height: 100%;
6104 overflow-y: auto;
6105 -webkit-overflow-scrolling: touch;
6106}
6107
6108.mdc-drawer--dismissible {
6109 /* @noflip */
6110 left: 0;
6111 /* @noflip */
6112 right: initial;
6113 display: none;
6114 position: absolute;
6115}
6116[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
6117 /* @noflip */
6118 left: initial;
6119 /* @noflip */
6120 right: 0;
6121}
6122
6123.mdc-drawer--dismissible.mdc-drawer--open {
6124 display: flex;
6125}
6126
6127.mdc-drawer-app-content {
6128 /* @noflip */
6129 margin-left: 0;
6130 /* @noflip */
6131 margin-right: 0;
6132 position: relative;
6133}
6134[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
6135 /* @noflip */
6136 margin-left: 0;
6137 /* @noflip */
6138 margin-right: 0;
6139}
6140
6141.mdc-drawer--modal {
6142 /* @alternate */
6143 box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
6144 /* @noflip */
6145 left: 0;
6146 /* @noflip */
6147 right: initial;
6148 display: none;
6149 position: fixed;
6150}
6151.mdc-drawer--modal + .mdc-drawer-scrim {
6152 background-color: rgba(0, 0, 0, 0.32);
6153}
6154[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
6155 /* @noflip */
6156 left: initial;
6157 /* @noflip */
6158 right: 0;
6159}
6160
6161.mdc-drawer--modal.mdc-drawer--open {
6162 display: flex;
6163}
6164
6165.mdc-drawer-scrim {
6166 display: none;
6167 position: fixed;
6168 top: 0;
6169 left: 0;
6170 width: 100%;
6171 height: 100%;
6172 z-index: 5;
6173 transition-property: opacity;
6174 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6175}
6176.mdc-drawer--open + .mdc-drawer-scrim {
6177 display: block;
6178}
6179.mdc-drawer--animate + .mdc-drawer-scrim {
6180 opacity: 0;
6181}
6182.mdc-drawer--opening + .mdc-drawer-scrim {
6183 transition-duration: 250ms;
6184 opacity: 1;
6185}
6186.mdc-drawer--closing + .mdc-drawer-scrim {
6187 transition-duration: 200ms;
6188 opacity: 0;
6189}
6190
6191.mdc-elevation--z0 {
6192 /* @alternate */
6193 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);
6194}
6195
6196.mdc-elevation--z1 {
6197 /* @alternate */
6198 box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
6199}
6200
6201.mdc-elevation--z2 {
6202 /* @alternate */
6203 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);
6204}
6205
6206.mdc-elevation--z3 {
6207 /* @alternate */
6208 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
6209}
6210
6211.mdc-elevation--z4 {
6212 /* @alternate */
6213 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);
6214}
6215
6216.mdc-elevation--z5 {
6217 /* @alternate */
6218 box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
6219}
6220
6221.mdc-elevation--z6 {
6222 /* @alternate */
6223 box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
6224}
6225
6226.mdc-elevation--z7 {
6227 /* @alternate */
6228 box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
6229}
6230
6231.mdc-elevation--z8 {
6232 /* @alternate */
6233 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);
6234}
6235
6236.mdc-elevation--z9 {
6237 /* @alternate */
6238 box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
6239}
6240
6241.mdc-elevation--z10 {
6242 /* @alternate */
6243 box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
6244}
6245
6246.mdc-elevation--z11 {
6247 /* @alternate */
6248 box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
6249}
6250
6251.mdc-elevation--z12 {
6252 /* @alternate */
6253 box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
6254}
6255
6256.mdc-elevation--z13 {
6257 /* @alternate */
6258 box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
6259}
6260
6261.mdc-elevation--z14 {
6262 /* @alternate */
6263 box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
6264}
6265
6266.mdc-elevation--z15 {
6267 /* @alternate */
6268 box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
6269}
6270
6271.mdc-elevation--z16 {
6272 /* @alternate */
6273 box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
6274}
6275
6276.mdc-elevation--z17 {
6277 /* @alternate */
6278 box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
6279}
6280
6281.mdc-elevation--z18 {
6282 /* @alternate */
6283 box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
6284}
6285
6286.mdc-elevation--z19 {
6287 /* @alternate */
6288 box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
6289}
6290
6291.mdc-elevation--z20 {
6292 /* @alternate */
6293 box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
6294}
6295
6296.mdc-elevation--z21 {
6297 /* @alternate */
6298 box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
6299}
6300
6301.mdc-elevation--z22 {
6302 /* @alternate */
6303 box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
6304}
6305
6306.mdc-elevation--z23 {
6307 /* @alternate */
6308 box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
6309}
6310
6311.mdc-elevation--z24 {
6312 /* @alternate */
6313 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
6314}
6315
6316.mdc-elevation-transition {
6317 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
6318 will-change: box-shadow;
6319}
6320
6321.mdc-fab {
6322 /* @alternate */
6323 position: relative;
6324 display: inline-flex;
6325 position: relative;
6326 align-items: center;
6327 justify-content: center;
6328 box-sizing: border-box;
6329 width: 56px;
6330 height: 56px;
6331 padding: 0;
6332 border: none;
6333 fill: currentColor;
6334 text-decoration: none;
6335 cursor: pointer;
6336 -webkit-user-select: none;
6337 -moz-user-select: none;
6338 -ms-user-select: none;
6339 user-select: none;
6340 -moz-appearance: none;
6341 -webkit-appearance: none;
6342 overflow: visible;
6343 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
6344 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
6345 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
6346}
6347.mdc-fab .mdc-elevation-overlay {
6348 width: 100%;
6349 height: 100%;
6350 top: 0;
6351 /* @noflip */
6352 left: 0;
6353}
6354.mdc-fab::-moz-focus-inner {
6355 padding: 0;
6356 border: 0;
6357}
6358.mdc-fab:hover {
6359 /* @alternate */
6360 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);
6361}
6362.mdc-fab.mdc-ripple-upgraded--background-focused, .mdc-fab:not(.mdc-ripple-upgraded):focus {
6363 /* @alternate */
6364 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);
6365}
6366.mdc-fab:active, .mdc-fab:focus:active {
6367 /* @alternate */
6368 box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
6369}
6370.mdc-fab:active, .mdc-fab:focus {
6371 outline: none;
6372}
6373.mdc-fab:hover {
6374 cursor: pointer;
6375}
6376.mdc-fab > svg {
6377 width: 100%;
6378}
6379
6380.mdc-fab--mini {
6381 width: 40px;
6382 height: 40px;
6383}
6384
6385.mdc-fab--extended {
6386 -moz-osx-font-smoothing: grayscale;
6387 -webkit-font-smoothing: antialiased;
6388 font-family: Roboto, sans-serif;
6389 /* @alternate */
6390 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
6391 font-size: 0.875rem;
6392 /* @alternate */
6393 font-size: var(--mdc-typography-button-font-size, 0.875rem);
6394 line-height: 2.25rem;
6395 /* @alternate */
6396 line-height: var(--mdc-typography-button-line-height, 2.25rem);
6397 font-weight: 500;
6398 /* @alternate */
6399 font-weight: var(--mdc-typography-button-font-weight, 500);
6400 letter-spacing: 0.0892857143em;
6401 /* @alternate */
6402 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
6403 text-decoration: none;
6404 /* @alternate */
6405 -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
6406 text-decoration: var(--mdc-typography-button-text-decoration, none);
6407 text-transform: uppercase;
6408 /* @alternate */
6409 text-transform: var(--mdc-typography-button-text-transform, uppercase);
6410 border-radius: 24px;
6411 /* @noflip */
6412 padding-left: 20px;
6413 /* @noflip */
6414 padding-right: 20px;
6415 width: auto;
6416 max-width: 100%;
6417 height: 48px;
6418 /* @alternate */
6419 line-height: normal;
6420}
6421.mdc-fab--extended .mdc-fab__ripple {
6422 border-radius: 24px;
6423}
6424.mdc-fab--extended .mdc-fab__icon {
6425 /* @noflip */
6426 margin-left: calc(12px - 20px);
6427 /* @noflip */
6428 margin-right: 12px;
6429}
6430[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
6431 /* @noflip */
6432 margin-left: 12px;
6433 /* @noflip */
6434 margin-right: calc(12px - 20px);
6435}
6436
6437.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
6438 /* @noflip */
6439 margin-left: 12px;
6440 /* @noflip */
6441 margin-right: calc(12px - 20px);
6442}
6443[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
6444 /* @noflip */
6445 margin-left: calc(12px - 20px);
6446 /* @noflip */
6447 margin-right: 12px;
6448}
6449
6450.mdc-fab--touch {
6451 margin-top: 4px;
6452 margin-bottom: 4px;
6453 margin-right: 4px;
6454 margin-left: 4px;
6455}
6456.mdc-fab--touch .mdc-fab__touch {
6457 position: absolute;
6458 top: 50%;
6459 height: 48px;
6460 /* @noflip */
6461 left: 50%;
6462 width: 48px;
6463 -webkit-transform: translate(-50%, -50%);
6464 transform: translate(-50%, -50%);
6465}
6466
6467.mdc-fab::before {
6468 position: absolute;
6469 box-sizing: border-box;
6470 width: 100%;
6471 height: 100%;
6472 top: 0;
6473 left: 0;
6474 border: 1px solid transparent;
6475 border-radius: inherit;
6476 content: "";
6477 pointer-events: none;
6478}
6479
6480.mdc-fab__label {
6481 justify-content: flex-start;
6482 text-overflow: ellipsis;
6483 white-space: nowrap;
6484 overflow-x: hidden;
6485 overflow-y: visible;
6486}
6487
6488.mdc-fab__icon {
6489 transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
6490 transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
6491 transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
6492 fill: currentColor;
6493 will-change: transform;
6494}
6495
6496.mdc-fab .mdc-fab__icon {
6497 display: inline-flex;
6498 align-items: center;
6499 justify-content: center;
6500}
6501
6502.mdc-fab--exited {
6503 -webkit-transform: scale(0);
6504 transform: scale(0);
6505 opacity: 0;
6506 transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
6507 transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
6508 transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
6509}
6510.mdc-fab--exited .mdc-fab__icon {
6511 -webkit-transform: scale(0);
6512 transform: scale(0);
6513 transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
6514 transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
6515 transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
6516}
6517
6518.mdc-fab {
6519 background-color: #018786;
6520 /* @alternate */
6521 background-color: var(--mdc-theme-secondary, #018786);
6522 /* @alternate */
6523 box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
6524}
6525.mdc-fab .mdc-fab__icon {
6526 width: 24px;
6527 height: 24px;
6528 font-size: 24px;
6529}
6530.mdc-fab, .mdc-fab:not(:disabled) .mdc-fab__icon, .mdc-fab:not(:disabled) .mdc-fab__label, .mdc-fab:disabled .mdc-fab__icon, .mdc-fab:disabled .mdc-fab__label {
6531 color: #fff;
6532 /* @alternate */
6533 color: var(--mdc-theme-on-secondary, #fff);
6534}
6535.mdc-fab:not(.mdc-fab--extended) {
6536 border-radius: 50%;
6537}
6538.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
6539 border-radius: 50%;
6540}
6541
6542.mdc-fab {
6543 --mdc-ripple-fg-size: 0;
6544 --mdc-ripple-left: 0;
6545 --mdc-ripple-top: 0;
6546 --mdc-ripple-fg-scale: 1;
6547 --mdc-ripple-fg-translate-end: 0;
6548 --mdc-ripple-fg-translate-start: 0;
6549 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6550 will-change: transform, opacity;
6551}
6552.mdc-fab .mdc-fab__ripple::before,
6553.mdc-fab .mdc-fab__ripple::after {
6554 position: absolute;
6555 border-radius: 50%;
6556 opacity: 0;
6557 pointer-events: none;
6558 content: "";
6559}
6560.mdc-fab .mdc-fab__ripple::before {
6561 transition: opacity 15ms linear, background-color 15ms linear;
6562 z-index: 1;
6563 /* @alternate */
6564 z-index: var(--mdc-ripple-z-index, 1);
6565}
6566.mdc-fab .mdc-fab__ripple::after {
6567 z-index: 0;
6568 /* @alternate */
6569 z-index: var(--mdc-ripple-z-index, 0);
6570}
6571.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before {
6572 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
6573 transform: scale(var(--mdc-ripple-fg-scale, 1));
6574}
6575.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
6576 top: 0;
6577 /* @noflip */
6578 left: 0;
6579 -webkit-transform: scale(0);
6580 transform: scale(0);
6581 -webkit-transform-origin: center center;
6582 transform-origin: center center;
6583}
6584.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after {
6585 top: var(--mdc-ripple-top, 0);
6586 /* @noflip */
6587 left: var(--mdc-ripple-left, 0);
6588}
6589.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after {
6590 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
6591 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
6592}
6593.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after {
6594 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
6595 animation: mdc-ripple-fg-opacity-out 150ms;
6596 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
6597 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
6598}
6599.mdc-fab .mdc-fab__ripple::before,
6600.mdc-fab .mdc-fab__ripple::after {
6601 top: calc(50% - 100%);
6602 /* @noflip */
6603 left: calc(50% - 100%);
6604 width: 200%;
6605 height: 200%;
6606}
6607.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
6608 width: var(--mdc-ripple-fg-size, 100%);
6609 height: var(--mdc-ripple-fg-size, 100%);
6610}
6611.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after {
6612 background-color: #fff;
6613 /* @alternate */
6614 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #fff));
6615}
6616.mdc-fab:hover .mdc-fab__ripple::before, .mdc-fab.mdc-ripple-surface--hover .mdc-fab__ripple::before {
6617 opacity: 0.08;
6618 /* @alternate */
6619 opacity: var(--mdc-ripple-hover-opacity, 0.08);
6620}
6621.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before {
6622 transition-duration: 75ms;
6623 opacity: 0.24;
6624 /* @alternate */
6625 opacity: var(--mdc-ripple-focus-opacity, 0.24);
6626}
6627.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after {
6628 transition: opacity 150ms linear;
6629}
6630.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after {
6631 transition-duration: 75ms;
6632 opacity: 0.24;
6633 /* @alternate */
6634 opacity: var(--mdc-ripple-press-opacity, 0.24);
6635}
6636.mdc-fab.mdc-ripple-upgraded {
6637 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
6638}
6639.mdc-fab .mdc-fab__ripple {
6640 position: absolute;
6641 top: 0;
6642 left: 0;
6643 width: 100%;
6644 height: 100%;
6645 pointer-events: none;
6646 overflow: hidden;
6647}
6648.mdc-fab {
6649 z-index: 0;
6650}
6651.mdc-fab .mdc-fab__ripple::before,
6652.mdc-fab .mdc-fab__ripple::after {
6653 z-index: -1;
6654 /* @alternate */
6655 z-index: var(--mdc-ripple-z-index, -1);
6656}
6657
6658.mdc-form-field {
6659 -moz-osx-font-smoothing: grayscale;
6660 -webkit-font-smoothing: antialiased;
6661 font-family: Roboto, sans-serif;
6662 /* @alternate */
6663 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
6664 font-size: 0.875rem;
6665 /* @alternate */
6666 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
6667 line-height: 1.25rem;
6668 /* @alternate */
6669 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
6670 font-weight: 400;
6671 /* @alternate */
6672 font-weight: var(--mdc-typography-body2-font-weight, 400);
6673 letter-spacing: 0.0178571429em;
6674 /* @alternate */
6675 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
6676 text-decoration: inherit;
6677 /* @alternate */
6678 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
6679 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
6680 text-transform: inherit;
6681 /* @alternate */
6682 text-transform: var(--mdc-typography-body2-text-transform, inherit);
6683 color: rgba(0, 0, 0, 0.87);
6684 /* @alternate */
6685 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
6686 display: inline-flex;
6687 align-items: center;
6688 vertical-align: middle;
6689}
6690.mdc-form-field > label {
6691 /* @noflip */
6692 margin-left: 0;
6693 /* @noflip */
6694 margin-right: auto;
6695 /* @noflip */
6696 padding-left: 4px;
6697 /* @noflip */
6698 padding-right: 0;
6699 order: 0;
6700}
6701[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
6702 /* @noflip */
6703 margin-left: auto;
6704 /* @noflip */
6705 margin-right: 0;
6706}
6707
6708[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
6709 /* @noflip */
6710 padding-left: 0;
6711 /* @noflip */
6712 padding-right: 4px;
6713}
6714
6715.mdc-form-field--nowrap > label {
6716 text-overflow: ellipsis;
6717 overflow: hidden;
6718 white-space: nowrap;
6719}
6720
6721.mdc-form-field--align-end > label {
6722 /* @noflip */
6723 margin-left: auto;
6724 /* @noflip */
6725 margin-right: 0;
6726 /* @noflip */
6727 padding-left: 0;
6728 /* @noflip */
6729 padding-right: 4px;
6730 order: -1;
6731}
6732[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
6733 /* @noflip */
6734 margin-left: 0;
6735 /* @noflip */
6736 margin-right: auto;
6737}
6738
6739[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
6740 /* @noflip */
6741 padding-left: 4px;
6742 /* @noflip */
6743 padding-right: 0;
6744}
6745
6746.mdc-form-field--space-between {
6747 justify-content: space-between;
6748}
6749.mdc-form-field--space-between > label {
6750 margin: 0;
6751}
6752[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
6753 margin: 0;
6754}
6755
6756.mdc-icon-button {
6757 display: inline-block;
6758 position: relative;
6759 box-sizing: border-box;
6760 border: none;
6761 outline: none;
6762 background-color: transparent;
6763 fill: currentColor;
6764 color: inherit;
6765 font-size: 24px;
6766 text-decoration: none;
6767 cursor: pointer;
6768 -webkit-user-select: none;
6769 -moz-user-select: none;
6770 -ms-user-select: none;
6771 user-select: none;
6772 width: 48px;
6773 height: 48px;
6774 padding: 12px;
6775}
6776.mdc-icon-button svg,
6777.mdc-icon-button img {
6778 width: 24px;
6779 height: 24px;
6780}
6781.mdc-icon-button:disabled {
6782 color: rgba(0, 0, 0, 0.38);
6783 /* @alternate */
6784 color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
6785}
6786.mdc-icon-button:disabled {
6787 cursor: default;
6788 pointer-events: none;
6789}
6790.mdc-icon-button .mdc-icon-button__touch {
6791 position: absolute;
6792 top: 50%;
6793 height: 48px;
6794 /* @noflip */
6795 left: 50%;
6796 width: 48px;
6797 -webkit-transform: translate(-50%, -50%);
6798 transform: translate(-50%, -50%);
6799}
6800
6801.mdc-icon-button__icon {
6802 display: inline-block;
6803}
6804.mdc-icon-button__icon.mdc-icon-button__icon--on {
6805 display: none;
6806}
6807
6808.mdc-icon-button--on .mdc-icon-button__icon {
6809 display: none;
6810}
6811.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
6812 display: inline-block;
6813}
6814
6815.mdc-icon-button--touch {
6816 margin-top: 0px;
6817 margin-bottom: 0px;
6818}
6819
6820.mdc-icon-button {
6821 --mdc-ripple-fg-size: 0;
6822 --mdc-ripple-left: 0;
6823 --mdc-ripple-top: 0;
6824 --mdc-ripple-fg-scale: 1;
6825 --mdc-ripple-fg-translate-end: 0;
6826 --mdc-ripple-fg-translate-start: 0;
6827 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6828 will-change: transform, opacity;
6829}
6830.mdc-icon-button .mdc-icon-button__ripple::before,
6831.mdc-icon-button .mdc-icon-button__ripple::after {
6832 position: absolute;
6833 border-radius: 50%;
6834 opacity: 0;
6835 pointer-events: none;
6836 content: "";
6837}
6838.mdc-icon-button .mdc-icon-button__ripple::before {
6839 transition: opacity 15ms linear, background-color 15ms linear;
6840 z-index: 1;
6841 /* @alternate */
6842 z-index: var(--mdc-ripple-z-index, 1);
6843}
6844.mdc-icon-button .mdc-icon-button__ripple::after {
6845 z-index: 0;
6846 /* @alternate */
6847 z-index: var(--mdc-ripple-z-index, 0);
6848}
6849.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before {
6850 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
6851 transform: scale(var(--mdc-ripple-fg-scale, 1));
6852}
6853.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
6854 top: 0;
6855 /* @noflip */
6856 left: 0;
6857 -webkit-transform: scale(0);
6858 transform: scale(0);
6859 -webkit-transform-origin: center center;
6860 transform-origin: center center;
6861}
6862.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after {
6863 top: var(--mdc-ripple-top, 0);
6864 /* @noflip */
6865 left: var(--mdc-ripple-left, 0);
6866}
6867.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after {
6868 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
6869 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
6870}
6871.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple::after {
6872 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
6873 animation: mdc-ripple-fg-opacity-out 150ms;
6874 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
6875 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
6876}
6877.mdc-icon-button .mdc-icon-button__ripple::before,
6878.mdc-icon-button .mdc-icon-button__ripple::after {
6879 top: calc(50% - 50%);
6880 /* @noflip */
6881 left: calc(50% - 50%);
6882 width: 100%;
6883 height: 100%;
6884}
6885.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,
6886.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
6887 top: var(--mdc-ripple-top, calc(50% - 50%));
6888 /* @noflip */
6889 left: var(--mdc-ripple-left, calc(50% - 50%));
6890 width: var(--mdc-ripple-fg-size, 100%);
6891 height: var(--mdc-ripple-fg-size, 100%);
6892}
6893.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
6894 width: var(--mdc-ripple-fg-size, 100%);
6895 height: var(--mdc-ripple-fg-size, 100%);
6896}
6897.mdc-icon-button .mdc-icon-button__ripple::before, .mdc-icon-button .mdc-icon-button__ripple::after {
6898 background-color: #000;
6899 /* @alternate */
6900 background-color: var(--mdc-ripple-color, #000);
6901}
6902.mdc-icon-button:hover .mdc-icon-button__ripple::before, .mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
6903 opacity: 0.04;
6904 /* @alternate */
6905 opacity: var(--mdc-ripple-hover-opacity, 0.04);
6906}
6907.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 {
6908 transition-duration: 75ms;
6909 opacity: 0.12;
6910 /* @alternate */
6911 opacity: var(--mdc-ripple-focus-opacity, 0.12);
6912}
6913.mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
6914 transition: opacity 150ms linear;
6915}
6916.mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
6917 transition-duration: 75ms;
6918 opacity: 0.12;
6919 /* @alternate */
6920 opacity: var(--mdc-ripple-press-opacity, 0.12);
6921}
6922.mdc-icon-button.mdc-ripple-upgraded {
6923 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
6924}
6925.mdc-icon-button .mdc-icon-button__ripple {
6926 pointer-events: none;
6927 z-index: 1;
6928}
6929
6930.mdc-image-list {
6931 display: flex;
6932 flex-wrap: wrap;
6933 margin: 0 auto;
6934 padding: 0;
6935}
6936
6937.mdc-image-list__item,
6938.mdc-image-list__image-aspect-container {
6939 position: relative;
6940 box-sizing: border-box;
6941}
6942
6943.mdc-image-list__item {
6944 list-style-type: none;
6945}
6946
6947.mdc-image-list__image {
6948 width: 100%;
6949}
6950
6951.mdc-image-list__image-aspect-container .mdc-image-list__image {
6952 position: absolute;
6953 top: 0;
6954 right: 0;
6955 bottom: 0;
6956 left: 0;
6957 height: 100%;
6958 background-repeat: no-repeat;
6959 background-position: center;
6960 background-size: cover;
6961}
6962
6963.mdc-image-list__image-aspect-container {
6964 padding-bottom: calc(100% / 1);
6965}
6966
6967.mdc-image-list__image {
6968 border-radius: 0;
6969}
6970
6971.mdc-image-list--with-text-protection .mdc-image-list__supporting {
6972 border-top-left-radius: 0;
6973 border-top-right-radius: 0;
6974 border-bottom-right-radius: 0;
6975 border-bottom-left-radius: 0;
6976}
6977
6978.mdc-image-list__supporting {
6979 color: rgba(0, 0, 0, 0.87);
6980 /* @alternate */
6981 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
6982 display: flex;
6983 align-items: center;
6984 justify-content: space-between;
6985 box-sizing: border-box;
6986 padding: 8px 0;
6987 line-height: 24px;
6988}
6989
6990.mdc-image-list__label {
6991 -moz-osx-font-smoothing: grayscale;
6992 -webkit-font-smoothing: antialiased;
6993 font-family: Roboto, sans-serif;
6994 /* @alternate */
6995 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
6996 font-size: 1rem;
6997 /* @alternate */
6998 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
6999 line-height: 1.75rem;
7000 /* @alternate */
7001 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
7002 font-weight: 400;
7003 /* @alternate */
7004 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
7005 letter-spacing: 0.009375em;
7006 /* @alternate */
7007 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
7008 text-decoration: inherit;
7009 /* @alternate */
7010 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
7011 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
7012 text-transform: inherit;
7013 /* @alternate */
7014 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
7015 text-overflow: ellipsis;
7016 white-space: nowrap;
7017 overflow: hidden;
7018}
7019
7020.mdc-image-list--with-text-protection .mdc-image-list__supporting {
7021 position: absolute;
7022 bottom: 0;
7023 width: 100%;
7024 height: 48px;
7025 padding: 0 16px;
7026 background: rgba(0, 0, 0, 0.6);
7027 color: #fff;
7028}
7029
7030.mdc-image-list--masonry {
7031 display: block;
7032}
7033.mdc-image-list--masonry .mdc-image-list__item {
7034 -webkit-column-break-inside: avoid;
7035 break-inside: avoid-column;
7036}
7037.mdc-image-list--masonry .mdc-image-list__image {
7038 display: block;
7039 height: auto;
7040}
7041
7042:root {
7043 --mdc-layout-grid-margin-desktop: 24px;
7044 --mdc-layout-grid-gutter-desktop: 24px;
7045 --mdc-layout-grid-column-width-desktop: 72px;
7046 --mdc-layout-grid-margin-tablet: 16px;
7047 --mdc-layout-grid-gutter-tablet: 16px;
7048 --mdc-layout-grid-column-width-tablet: 72px;
7049 --mdc-layout-grid-margin-phone: 16px;
7050 --mdc-layout-grid-gutter-phone: 16px;
7051 --mdc-layout-grid-column-width-phone: 72px;
7052}
7053
7054@media (min-width: 840px) {
7055 .mdc-layout-grid {
7056 box-sizing: border-box;
7057 margin: 0 auto;
7058 padding: 24px;
7059 padding: var(--mdc-layout-grid-margin-desktop, 24px);
7060 }
7061}
7062@media (min-width: 600px) and (max-width: 839px) {
7063 .mdc-layout-grid {
7064 box-sizing: border-box;
7065 margin: 0 auto;
7066 padding: 16px;
7067 padding: var(--mdc-layout-grid-margin-tablet, 16px);
7068 }
7069}
7070@media (max-width: 599px) {
7071 .mdc-layout-grid {
7072 box-sizing: border-box;
7073 margin: 0 auto;
7074 padding: 16px;
7075 padding: var(--mdc-layout-grid-margin-phone, 16px);
7076 }
7077}
7078
7079@media (min-width: 840px) {
7080 .mdc-layout-grid__inner {
7081 display: flex;
7082 flex-flow: row wrap;
7083 align-items: stretch;
7084 margin: -12px;
7085 margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
7086 }
7087 @supports (display: grid) {
7088 .mdc-layout-grid__inner {
7089 display: grid;
7090 margin: 0;
7091 grid-gap: 24px;
7092 grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
7093 grid-template-columns: repeat(12, minmax(0, 1fr));
7094 }
7095 }
7096}
7097@media (min-width: 600px) and (max-width: 839px) {
7098 .mdc-layout-grid__inner {
7099 display: flex;
7100 flex-flow: row wrap;
7101 align-items: stretch;
7102 margin: -8px;
7103 margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
7104 }
7105 @supports (display: grid) {
7106 .mdc-layout-grid__inner {
7107 display: grid;
7108 margin: 0;
7109 grid-gap: 16px;
7110 grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
7111 grid-template-columns: repeat(8, minmax(0, 1fr));
7112 }
7113 }
7114}
7115@media (max-width: 599px) {
7116 .mdc-layout-grid__inner {
7117 display: flex;
7118 flex-flow: row wrap;
7119 align-items: stretch;
7120 margin: -8px;
7121 margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
7122 }
7123 @supports (display: grid) {
7124 .mdc-layout-grid__inner {
7125 display: grid;
7126 margin: 0;
7127 grid-gap: 16px;
7128 grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
7129 grid-template-columns: repeat(4, minmax(0, 1fr));
7130 }
7131 }
7132}
7133
7134@media (min-width: 840px) {
7135 .mdc-layout-grid__cell {
7136 width: calc(33.3333333333% - 24px);
7137 width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
7138 box-sizing: border-box;
7139 margin: 12px;
7140 margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
7141 }
7142 @supports (display: grid) {
7143 .mdc-layout-grid__cell {
7144 width: auto;
7145 grid-column-end: span 4;
7146 }
7147 }
7148 @supports (display: grid) {
7149 .mdc-layout-grid__cell {
7150 margin: 0;
7151 }
7152 }
7153 .mdc-layout-grid__cell--span-1,
7154.mdc-layout-grid__cell--span-1-desktop {
7155 width: calc(8.3333333333% - 24px);
7156 width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
7157 }
7158 @supports (display: grid) {
7159 .mdc-layout-grid__cell--span-1,
7160.mdc-layout-grid__cell--span-1-desktop {
7161 width: auto;
7162 grid-column-end: span 1;
7163 }
7164 }
7165
7166 .mdc-layout-grid__cell--span-2,
7167.mdc-layout-grid__cell--span-2-desktop {
7168 width: calc(16.6666666667% - 24px);
7169 width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
7170 }
7171 @supports (display: grid) {
7172 .mdc-layout-grid__cell--span-2,
7173.mdc-layout-grid__cell--span-2-desktop {
7174 width: auto;
7175 grid-column-end: span 2;
7176 }
7177 }
7178
7179 .mdc-layout-grid__cell--span-3,
7180.mdc-layout-grid__cell--span-3-desktop {
7181 width: calc(25% - 24px);
7182 width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
7183 }
7184 @supports (display: grid) {
7185 .mdc-layout-grid__cell--span-3,
7186.mdc-layout-grid__cell--span-3-desktop {
7187 width: auto;
7188 grid-column-end: span 3;
7189 }
7190 }
7191
7192 .mdc-layout-grid__cell--span-4,
7193.mdc-layout-grid__cell--span-4-desktop {
7194 width: calc(33.3333333333% - 24px);
7195 width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
7196 }
7197 @supports (display: grid) {
7198 .mdc-layout-grid__cell--span-4,
7199.mdc-layout-grid__cell--span-4-desktop {
7200 width: auto;
7201 grid-column-end: span 4;
7202 }
7203 }
7204
7205 .mdc-layout-grid__cell--span-5,
7206.mdc-layout-grid__cell--span-5-desktop {
7207 width: calc(41.6666666667% - 24px);
7208 width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
7209 }
7210 @supports (display: grid) {
7211 .mdc-layout-grid__cell--span-5,
7212.mdc-layout-grid__cell--span-5-desktop {
7213 width: auto;
7214 grid-column-end: span 5;
7215 }
7216 }
7217
7218 .mdc-layout-grid__cell--span-6,
7219.mdc-layout-grid__cell--span-6-desktop {
7220 width: calc(50% - 24px);
7221 width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
7222 }
7223 @supports (display: grid) {
7224 .mdc-layout-grid__cell--span-6,
7225.mdc-layout-grid__cell--span-6-desktop {
7226 width: auto;
7227 grid-column-end: span 6;
7228 }
7229 }
7230
7231 .mdc-layout-grid__cell--span-7,
7232.mdc-layout-grid__cell--span-7-desktop {
7233 width: calc(58.3333333333% - 24px);
7234 width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
7235 }
7236 @supports (display: grid) {
7237 .mdc-layout-grid__cell--span-7,
7238.mdc-layout-grid__cell--span-7-desktop {
7239 width: auto;
7240 grid-column-end: span 7;
7241 }
7242 }
7243
7244 .mdc-layout-grid__cell--span-8,
7245.mdc-layout-grid__cell--span-8-desktop {
7246 width: calc(66.6666666667% - 24px);
7247 width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
7248 }
7249 @supports (display: grid) {
7250 .mdc-layout-grid__cell--span-8,
7251.mdc-layout-grid__cell--span-8-desktop {
7252 width: auto;
7253 grid-column-end: span 8;
7254 }
7255 }
7256
7257 .mdc-layout-grid__cell--span-9,
7258.mdc-layout-grid__cell--span-9-desktop {
7259 width: calc(75% - 24px);
7260 width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
7261 }
7262 @supports (display: grid) {
7263 .mdc-layout-grid__cell--span-9,
7264.mdc-layout-grid__cell--span-9-desktop {
7265 width: auto;
7266 grid-column-end: span 9;
7267 }
7268 }
7269
7270 .mdc-layout-grid__cell--span-10,
7271.mdc-layout-grid__cell--span-10-desktop {
7272 width: calc(83.3333333333% - 24px);
7273 width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
7274 }
7275 @supports (display: grid) {
7276 .mdc-layout-grid__cell--span-10,
7277.mdc-layout-grid__cell--span-10-desktop {
7278 width: auto;
7279 grid-column-end: span 10;
7280 }
7281 }
7282
7283 .mdc-layout-grid__cell--span-11,
7284.mdc-layout-grid__cell--span-11-desktop {
7285 width: calc(91.6666666667% - 24px);
7286 width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
7287 }
7288 @supports (display: grid) {
7289 .mdc-layout-grid__cell--span-11,
7290.mdc-layout-grid__cell--span-11-desktop {
7291 width: auto;
7292 grid-column-end: span 11;
7293 }
7294 }
7295
7296 .mdc-layout-grid__cell--span-12,
7297.mdc-layout-grid__cell--span-12-desktop {
7298 width: calc(100% - 24px);
7299 width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
7300 }
7301 @supports (display: grid) {
7302 .mdc-layout-grid__cell--span-12,
7303.mdc-layout-grid__cell--span-12-desktop {
7304 width: auto;
7305 grid-column-end: span 12;
7306 }
7307 }
7308}
7309@media (min-width: 600px) and (max-width: 839px) {
7310 .mdc-layout-grid__cell {
7311 width: calc(50% - 16px);
7312 width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
7313 box-sizing: border-box;
7314 margin: 8px;
7315 margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
7316 }
7317 @supports (display: grid) {
7318 .mdc-layout-grid__cell {
7319 width: auto;
7320 grid-column-end: span 4;
7321 }
7322 }
7323 @supports (display: grid) {
7324 .mdc-layout-grid__cell {
7325 margin: 0;
7326 }
7327 }
7328 .mdc-layout-grid__cell--span-1,
7329.mdc-layout-grid__cell--span-1-tablet {
7330 width: calc(12.5% - 16px);
7331 width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
7332 }
7333 @supports (display: grid) {
7334 .mdc-layout-grid__cell--span-1,
7335.mdc-layout-grid__cell--span-1-tablet {
7336 width: auto;
7337 grid-column-end: span 1;
7338 }
7339 }
7340
7341 .mdc-layout-grid__cell--span-2,
7342.mdc-layout-grid__cell--span-2-tablet {
7343 width: calc(25% - 16px);
7344 width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
7345 }
7346 @supports (display: grid) {
7347 .mdc-layout-grid__cell--span-2,
7348.mdc-layout-grid__cell--span-2-tablet {
7349 width: auto;
7350 grid-column-end: span 2;
7351 }
7352 }
7353
7354 .mdc-layout-grid__cell--span-3,
7355.mdc-layout-grid__cell--span-3-tablet {
7356 width: calc(37.5% - 16px);
7357 width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
7358 }
7359 @supports (display: grid) {
7360 .mdc-layout-grid__cell--span-3,
7361.mdc-layout-grid__cell--span-3-tablet {
7362 width: auto;
7363 grid-column-end: span 3;
7364 }
7365 }
7366
7367 .mdc-layout-grid__cell--span-4,
7368.mdc-layout-grid__cell--span-4-tablet {
7369 width: calc(50% - 16px);
7370 width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
7371 }
7372 @supports (display: grid) {
7373 .mdc-layout-grid__cell--span-4,
7374.mdc-layout-grid__cell--span-4-tablet {
7375 width: auto;
7376 grid-column-end: span 4;
7377 }
7378 }
7379
7380 .mdc-layout-grid__cell--span-5,
7381.mdc-layout-grid__cell--span-5-tablet {
7382 width: calc(62.5% - 16px);
7383 width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
7384 }
7385 @supports (display: grid) {
7386 .mdc-layout-grid__cell--span-5,
7387.mdc-layout-grid__cell--span-5-tablet {
7388 width: auto;
7389 grid-column-end: span 5;
7390 }
7391 }
7392
7393 .mdc-layout-grid__cell--span-6,
7394.mdc-layout-grid__cell--span-6-tablet {
7395 width: calc(75% - 16px);
7396 width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
7397 }
7398 @supports (display: grid) {
7399 .mdc-layout-grid__cell--span-6,
7400.mdc-layout-grid__cell--span-6-tablet {
7401 width: auto;
7402 grid-column-end: span 6;
7403 }
7404 }
7405
7406 .mdc-layout-grid__cell--span-7,
7407.mdc-layout-grid__cell--span-7-tablet {
7408 width: calc(87.5% - 16px);
7409 width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
7410 }
7411 @supports (display: grid) {
7412 .mdc-layout-grid__cell--span-7,
7413.mdc-layout-grid__cell--span-7-tablet {
7414 width: auto;
7415 grid-column-end: span 7;
7416 }
7417 }
7418
7419 .mdc-layout-grid__cell--span-8,
7420.mdc-layout-grid__cell--span-8-tablet {
7421 width: calc(100% - 16px);
7422 width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
7423 }
7424 @supports (display: grid) {
7425 .mdc-layout-grid__cell--span-8,
7426.mdc-layout-grid__cell--span-8-tablet {
7427 width: auto;
7428 grid-column-end: span 8;
7429 }
7430 }
7431
7432 .mdc-layout-grid__cell--span-9,
7433.mdc-layout-grid__cell--span-9-tablet {
7434 width: calc(100% - 16px);
7435 width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
7436 }
7437 @supports (display: grid) {
7438 .mdc-layout-grid__cell--span-9,
7439.mdc-layout-grid__cell--span-9-tablet {
7440 width: auto;
7441 grid-column-end: span 8;
7442 }
7443 }
7444
7445 .mdc-layout-grid__cell--span-10,
7446.mdc-layout-grid__cell--span-10-tablet {
7447 width: calc(100% - 16px);
7448 width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
7449 }
7450 @supports (display: grid) {
7451 .mdc-layout-grid__cell--span-10,
7452.mdc-layout-grid__cell--span-10-tablet {
7453 width: auto;
7454 grid-column-end: span 8;
7455 }
7456 }
7457
7458 .mdc-layout-grid__cell--span-11,
7459.mdc-layout-grid__cell--span-11-tablet {
7460 width: calc(100% - 16px);
7461 width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
7462 }
7463 @supports (display: grid) {
7464 .mdc-layout-grid__cell--span-11,
7465.mdc-layout-grid__cell--span-11-tablet {
7466 width: auto;
7467 grid-column-end: span 8;
7468 }
7469 }
7470
7471 .mdc-layout-grid__cell--span-12,
7472.mdc-layout-grid__cell--span-12-tablet {
7473 width: calc(100% - 16px);
7474 width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
7475 }
7476 @supports (display: grid) {
7477 .mdc-layout-grid__cell--span-12,
7478.mdc-layout-grid__cell--span-12-tablet {
7479 width: auto;
7480 grid-column-end: span 8;
7481 }
7482 }
7483}
7484@media (max-width: 599px) {
7485 .mdc-layout-grid__cell {
7486 width: calc(100% - 16px);
7487 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7488 box-sizing: border-box;
7489 margin: 8px;
7490 margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
7491 }
7492 @supports (display: grid) {
7493 .mdc-layout-grid__cell {
7494 width: auto;
7495 grid-column-end: span 4;
7496 }
7497 }
7498 @supports (display: grid) {
7499 .mdc-layout-grid__cell {
7500 margin: 0;
7501 }
7502 }
7503 .mdc-layout-grid__cell--span-1,
7504.mdc-layout-grid__cell--span-1-phone {
7505 width: calc(25% - 16px);
7506 width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
7507 }
7508 @supports (display: grid) {
7509 .mdc-layout-grid__cell--span-1,
7510.mdc-layout-grid__cell--span-1-phone {
7511 width: auto;
7512 grid-column-end: span 1;
7513 }
7514 }
7515
7516 .mdc-layout-grid__cell--span-2,
7517.mdc-layout-grid__cell--span-2-phone {
7518 width: calc(50% - 16px);
7519 width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
7520 }
7521 @supports (display: grid) {
7522 .mdc-layout-grid__cell--span-2,
7523.mdc-layout-grid__cell--span-2-phone {
7524 width: auto;
7525 grid-column-end: span 2;
7526 }
7527 }
7528
7529 .mdc-layout-grid__cell--span-3,
7530.mdc-layout-grid__cell--span-3-phone {
7531 width: calc(75% - 16px);
7532 width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
7533 }
7534 @supports (display: grid) {
7535 .mdc-layout-grid__cell--span-3,
7536.mdc-layout-grid__cell--span-3-phone {
7537 width: auto;
7538 grid-column-end: span 3;
7539 }
7540 }
7541
7542 .mdc-layout-grid__cell--span-4,
7543.mdc-layout-grid__cell--span-4-phone {
7544 width: calc(100% - 16px);
7545 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7546 }
7547 @supports (display: grid) {
7548 .mdc-layout-grid__cell--span-4,
7549.mdc-layout-grid__cell--span-4-phone {
7550 width: auto;
7551 grid-column-end: span 4;
7552 }
7553 }
7554
7555 .mdc-layout-grid__cell--span-5,
7556.mdc-layout-grid__cell--span-5-phone {
7557 width: calc(100% - 16px);
7558 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7559 }
7560 @supports (display: grid) {
7561 .mdc-layout-grid__cell--span-5,
7562.mdc-layout-grid__cell--span-5-phone {
7563 width: auto;
7564 grid-column-end: span 4;
7565 }
7566 }
7567
7568 .mdc-layout-grid__cell--span-6,
7569.mdc-layout-grid__cell--span-6-phone {
7570 width: calc(100% - 16px);
7571 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7572 }
7573 @supports (display: grid) {
7574 .mdc-layout-grid__cell--span-6,
7575.mdc-layout-grid__cell--span-6-phone {
7576 width: auto;
7577 grid-column-end: span 4;
7578 }
7579 }
7580
7581 .mdc-layout-grid__cell--span-7,
7582.mdc-layout-grid__cell--span-7-phone {
7583 width: calc(100% - 16px);
7584 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7585 }
7586 @supports (display: grid) {
7587 .mdc-layout-grid__cell--span-7,
7588.mdc-layout-grid__cell--span-7-phone {
7589 width: auto;
7590 grid-column-end: span 4;
7591 }
7592 }
7593
7594 .mdc-layout-grid__cell--span-8,
7595.mdc-layout-grid__cell--span-8-phone {
7596 width: calc(100% - 16px);
7597 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7598 }
7599 @supports (display: grid) {
7600 .mdc-layout-grid__cell--span-8,
7601.mdc-layout-grid__cell--span-8-phone {
7602 width: auto;
7603 grid-column-end: span 4;
7604 }
7605 }
7606
7607 .mdc-layout-grid__cell--span-9,
7608.mdc-layout-grid__cell--span-9-phone {
7609 width: calc(100% - 16px);
7610 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7611 }
7612 @supports (display: grid) {
7613 .mdc-layout-grid__cell--span-9,
7614.mdc-layout-grid__cell--span-9-phone {
7615 width: auto;
7616 grid-column-end: span 4;
7617 }
7618 }
7619
7620 .mdc-layout-grid__cell--span-10,
7621.mdc-layout-grid__cell--span-10-phone {
7622 width: calc(100% - 16px);
7623 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7624 }
7625 @supports (display: grid) {
7626 .mdc-layout-grid__cell--span-10,
7627.mdc-layout-grid__cell--span-10-phone {
7628 width: auto;
7629 grid-column-end: span 4;
7630 }
7631 }
7632
7633 .mdc-layout-grid__cell--span-11,
7634.mdc-layout-grid__cell--span-11-phone {
7635 width: calc(100% - 16px);
7636 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7637 }
7638 @supports (display: grid) {
7639 .mdc-layout-grid__cell--span-11,
7640.mdc-layout-grid__cell--span-11-phone {
7641 width: auto;
7642 grid-column-end: span 4;
7643 }
7644 }
7645
7646 .mdc-layout-grid__cell--span-12,
7647.mdc-layout-grid__cell--span-12-phone {
7648 width: calc(100% - 16px);
7649 width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
7650 }
7651 @supports (display: grid) {
7652 .mdc-layout-grid__cell--span-12,
7653.mdc-layout-grid__cell--span-12-phone {
7654 width: auto;
7655 grid-column-end: span 4;
7656 }
7657 }
7658}
7659.mdc-layout-grid__cell--order-1 {
7660 order: 1;
7661}
7662.mdc-layout-grid__cell--order-2 {
7663 order: 2;
7664}
7665.mdc-layout-grid__cell--order-3 {
7666 order: 3;
7667}
7668.mdc-layout-grid__cell--order-4 {
7669 order: 4;
7670}
7671.mdc-layout-grid__cell--order-5 {
7672 order: 5;
7673}
7674.mdc-layout-grid__cell--order-6 {
7675 order: 6;
7676}
7677.mdc-layout-grid__cell--order-7 {
7678 order: 7;
7679}
7680.mdc-layout-grid__cell--order-8 {
7681 order: 8;
7682}
7683.mdc-layout-grid__cell--order-9 {
7684 order: 9;
7685}
7686.mdc-layout-grid__cell--order-10 {
7687 order: 10;
7688}
7689.mdc-layout-grid__cell--order-11 {
7690 order: 11;
7691}
7692.mdc-layout-grid__cell--order-12 {
7693 order: 12;
7694}
7695.mdc-layout-grid__cell--align-top {
7696 align-self: flex-start;
7697}
7698@supports (display: grid) {
7699 .mdc-layout-grid__cell--align-top {
7700 align-self: start;
7701 }
7702}
7703.mdc-layout-grid__cell--align-middle {
7704 align-self: center;
7705}
7706.mdc-layout-grid__cell--align-bottom {
7707 align-self: flex-end;
7708}
7709@supports (display: grid) {
7710 .mdc-layout-grid__cell--align-bottom {
7711 align-self: end;
7712 }
7713}
7714
7715@media (min-width: 840px) {
7716 .mdc-layout-grid--fixed-column-width {
7717 width: 1176px;
7718 width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 );
7719 }
7720}
7721@media (min-width: 600px) and (max-width: 839px) {
7722 .mdc-layout-grid--fixed-column-width {
7723 width: 720px;
7724 width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 );
7725 }
7726}
7727@media (max-width: 599px) {
7728 .mdc-layout-grid--fixed-column-width {
7729 width: 368px;
7730 width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 );
7731 }
7732}
7733
7734.mdc-layout-grid--align-left {
7735 margin-right: auto;
7736 margin-left: 0;
7737}
7738
7739.mdc-layout-grid--align-right {
7740 margin-right: 0;
7741 margin-left: auto;
7742}
7743
7744@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate {
7745 0% {
7746 -webkit-transform: translateX(0);
7747 transform: translateX(0);
7748 }
7749 20% {
7750 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
7751 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
7752 -webkit-transform: translateX(0);
7753 transform: translateX(0);
7754 }
7755 59.15% {
7756 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
7757 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
7758 -webkit-transform: translateX(83.67142%);
7759 transform: translateX(83.67142%);
7760 /* @alternate */
7761 -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
7762 transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
7763 }
7764 100% {
7765 -webkit-transform: translateX(200.611057%);
7766 transform: translateX(200.611057%);
7767 /* @alternate */
7768 -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
7769 transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
7770 }
7771}
7772
7773@keyframes mdc-linear-progress-primary-indeterminate-translate {
7774 0% {
7775 -webkit-transform: translateX(0);
7776 transform: translateX(0);
7777 }
7778 20% {
7779 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
7780 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
7781 -webkit-transform: translateX(0);
7782 transform: translateX(0);
7783 }
7784 59.15% {
7785 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
7786 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
7787 -webkit-transform: translateX(83.67142%);
7788 transform: translateX(83.67142%);
7789 /* @alternate */
7790 -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
7791 transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
7792 }
7793 100% {
7794 -webkit-transform: translateX(200.611057%);
7795 transform: translateX(200.611057%);
7796 /* @alternate */
7797 -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
7798 transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
7799 }
7800}
7801@-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale {
7802 0% {
7803 -webkit-transform: scaleX(0.08);
7804 transform: scaleX(0.08);
7805 }
7806 36.65% {
7807 -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
7808 animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
7809 -webkit-transform: scaleX(0.08);
7810 transform: scaleX(0.08);
7811 }
7812 69.15% {
7813 -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
7814 animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
7815 -webkit-transform: scaleX(0.661479);
7816 transform: scaleX(0.661479);
7817 }
7818 100% {
7819 -webkit-transform: scaleX(0.08);
7820 transform: scaleX(0.08);
7821 }
7822}
7823@keyframes mdc-linear-progress-primary-indeterminate-scale {
7824 0% {
7825 -webkit-transform: scaleX(0.08);
7826 transform: scaleX(0.08);
7827 }
7828 36.65% {
7829 -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
7830 animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
7831 -webkit-transform: scaleX(0.08);
7832 transform: scaleX(0.08);
7833 }
7834 69.15% {
7835 -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
7836 animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
7837 -webkit-transform: scaleX(0.661479);
7838 transform: scaleX(0.661479);
7839 }
7840 100% {
7841 -webkit-transform: scaleX(0.08);
7842 transform: scaleX(0.08);
7843 }
7844}
7845@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate {
7846 0% {
7847 -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
7848 animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
7849 -webkit-transform: translateX(0);
7850 transform: translateX(0);
7851 }
7852 25% {
7853 -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
7854 animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
7855 -webkit-transform: translateX(37.651913%);
7856 transform: translateX(37.651913%);
7857 /* @alternate */
7858 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
7859 transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
7860 }
7861 48.35% {
7862 -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
7863 animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
7864 -webkit-transform: translateX(84.386165%);
7865 transform: translateX(84.386165%);
7866 /* @alternate */
7867 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
7868 transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
7869 }
7870 100% {
7871 -webkit-transform: translateX(160.277782%);
7872 transform: translateX(160.277782%);
7873 /* @alternate */
7874 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
7875 transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
7876 }
7877}
7878@keyframes mdc-linear-progress-secondary-indeterminate-translate {
7879 0% {
7880 -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
7881 animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
7882 -webkit-transform: translateX(0);
7883 transform: translateX(0);
7884 }
7885 25% {
7886 -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
7887 animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
7888 -webkit-transform: translateX(37.651913%);
7889 transform: translateX(37.651913%);
7890 /* @alternate */
7891 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
7892 transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
7893 }
7894 48.35% {
7895 -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
7896 animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
7897 -webkit-transform: translateX(84.386165%);
7898 transform: translateX(84.386165%);
7899 /* @alternate */
7900 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
7901 transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
7902 }
7903 100% {
7904 -webkit-transform: translateX(160.277782%);
7905 transform: translateX(160.277782%);
7906 /* @alternate */
7907 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
7908 transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
7909 }
7910}
7911@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale {
7912 0% {
7913 -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
7914 animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
7915 -webkit-transform: scaleX(0.08);
7916 transform: scaleX(0.08);
7917 }
7918 19.15% {
7919 -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
7920 animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
7921 -webkit-transform: scaleX(0.457104);
7922 transform: scaleX(0.457104);
7923 }
7924 44.15% {
7925 -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
7926 animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
7927 -webkit-transform: scaleX(0.72796);
7928 transform: scaleX(0.72796);
7929 }
7930 100% {
7931 -webkit-transform: scaleX(0.08);
7932 transform: scaleX(0.08);
7933 }
7934}
7935@keyframes mdc-linear-progress-secondary-indeterminate-scale {
7936 0% {
7937 -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
7938 animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
7939 -webkit-transform: scaleX(0.08);
7940 transform: scaleX(0.08);
7941 }
7942 19.15% {
7943 -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
7944 animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
7945 -webkit-transform: scaleX(0.457104);
7946 transform: scaleX(0.457104);
7947 }
7948 44.15% {
7949 -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
7950 animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
7951 -webkit-transform: scaleX(0.72796);
7952 transform: scaleX(0.72796);
7953 }
7954 100% {
7955 -webkit-transform: scaleX(0.08);
7956 transform: scaleX(0.08);
7957 }
7958}
7959@-webkit-keyframes mdc-linear-progress-buffering {
7960 from {
7961 -webkit-transform: rotate(180deg) translateX(-10px);
7962 transform: rotate(180deg) translateX(-10px);
7963 }
7964}
7965@keyframes mdc-linear-progress-buffering {
7966 from {
7967 -webkit-transform: rotate(180deg) translateX(-10px);
7968 transform: rotate(180deg) translateX(-10px);
7969 }
7970}
7971@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
7972 0% {
7973 -webkit-transform: translateX(0);
7974 transform: translateX(0);
7975 }
7976 20% {
7977 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
7978 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
7979 -webkit-transform: translateX(0);
7980 transform: translateX(0);
7981 }
7982 59.15% {
7983 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
7984 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
7985 -webkit-transform: translateX(-83.67142%);
7986 transform: translateX(-83.67142%);
7987 /* @alternate */
7988 -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
7989 transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
7990 }
7991 100% {
7992 -webkit-transform: translateX(-200.611057%);
7993 transform: translateX(-200.611057%);
7994 /* @alternate */
7995 -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
7996 transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
7997 }
7998}
7999@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
8000 0% {
8001 -webkit-transform: translateX(0);
8002 transform: translateX(0);
8003 }
8004 20% {
8005 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
8006 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
8007 -webkit-transform: translateX(0);
8008 transform: translateX(0);
8009 }
8010 59.15% {
8011 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
8012 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
8013 -webkit-transform: translateX(-83.67142%);
8014 transform: translateX(-83.67142%);
8015 /* @alternate */
8016 -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
8017 transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
8018 }
8019 100% {
8020 -webkit-transform: translateX(-200.611057%);
8021 transform: translateX(-200.611057%);
8022 /* @alternate */
8023 -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
8024 transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
8025 }
8026}
8027@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
8028 0% {
8029 -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
8030 animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
8031 -webkit-transform: translateX(0);
8032 transform: translateX(0);
8033 }
8034 25% {
8035 -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
8036 animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
8037 -webkit-transform: translateX(-37.651913%);
8038 transform: translateX(-37.651913%);
8039 /* @alternate */
8040 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
8041 transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
8042 }
8043 48.35% {
8044 -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
8045 animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
8046 -webkit-transform: translateX(-84.386165%);
8047 transform: translateX(-84.386165%);
8048 /* @alternate */
8049 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
8050 transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
8051 }
8052 100% {
8053 -webkit-transform: translateX(-160.277782%);
8054 transform: translateX(-160.277782%);
8055 /* @alternate */
8056 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
8057 transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
8058 }
8059}
8060@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
8061 0% {
8062 -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
8063 animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
8064 -webkit-transform: translateX(0);
8065 transform: translateX(0);
8066 }
8067 25% {
8068 -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
8069 animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
8070 -webkit-transform: translateX(-37.651913%);
8071 transform: translateX(-37.651913%);
8072 /* @alternate */
8073 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
8074 transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
8075 }
8076 48.35% {
8077 -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
8078 animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
8079 -webkit-transform: translateX(-84.386165%);
8080 transform: translateX(-84.386165%);
8081 /* @alternate */
8082 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
8083 transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
8084 }
8085 100% {
8086 -webkit-transform: translateX(-160.277782%);
8087 transform: translateX(-160.277782%);
8088 /* @alternate */
8089 -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
8090 transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
8091 }
8092}
8093@-webkit-keyframes mdc-linear-progress-buffering-reverse {
8094 from {
8095 -webkit-transform: translateX(-10px);
8096 transform: translateX(-10px);
8097 }
8098}
8099@keyframes mdc-linear-progress-buffering-reverse {
8100 from {
8101 -webkit-transform: translateX(-10px);
8102 transform: translateX(-10px);
8103 }
8104}
8105.mdc-linear-progress {
8106 position: relative;
8107 width: 100%;
8108 height: 4px;
8109 -webkit-transform: translateZ(0);
8110 transform: translateZ(0);
8111 outline: 1px solid transparent;
8112 overflow: hidden;
8113 transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
8114}
8115.mdc-linear-progress__bar {
8116 position: absolute;
8117 width: 100%;
8118 height: 100%;
8119 -webkit-animation: none;
8120 animation: none;
8121 -webkit-transform-origin: top left;
8122 transform-origin: top left;
8123 transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
8124 transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
8125 transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
8126}
8127.mdc-linear-progress__bar-inner {
8128 display: inline-block;
8129 position: absolute;
8130 width: 100%;
8131 -webkit-animation: none;
8132 animation: none;
8133 border-top: 4px solid;
8134}
8135.mdc-linear-progress__buffer {
8136 display: flex;
8137 position: absolute;
8138 width: 100%;
8139 height: 100%;
8140}
8141.mdc-linear-progress__buffer-dots {
8142 background-repeat: repeat-x;
8143 background-size: 10px 4px;
8144 flex: auto;
8145 -webkit-transform: rotate(180deg);
8146 transform: rotate(180deg);
8147 -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear;
8148 animation: mdc-linear-progress-buffering 250ms infinite linear;
8149}
8150.mdc-linear-progress__buffer-bar {
8151 flex: 0 1 100%;
8152 transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
8153}
8154.mdc-linear-progress__primary-bar {
8155 -webkit-transform: scaleX(0);
8156 transform: scaleX(0);
8157}
8158.mdc-linear-progress__secondary-bar {
8159 display: none;
8160}
8161.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
8162 transition: none;
8163}
8164.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
8165 left: -145.166611%;
8166}
8167.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
8168 left: -54.888891%;
8169 display: block;
8170}
8171.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
8172 -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
8173 animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
8174}
8175.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
8176 -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
8177 animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
8178}
8179.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
8180 -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
8181 animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
8182}
8183.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
8184 -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
8185 animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
8186}
8187[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
8188 /* @noflip */
8189 right: 0;
8190 /* @noflip */
8191 -webkit-transform-origin: center right;
8192 /* @noflip */
8193 transform-origin: center right;
8194}
8195[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
8196 -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
8197 animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
8198}
8199[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
8200 -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
8201 animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
8202}
8203[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots {
8204 -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
8205 animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
8206 -webkit-transform: rotate(0);
8207 transform: rotate(0);
8208}
8209[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
8210 /* @noflip */
8211 right: -145.166611%;
8212 /* @noflip */
8213 left: auto;
8214}
8215[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
8216 /* @noflip */
8217 right: -54.888891%;
8218 /* @noflip */
8219 left: auto;
8220}
8221
8222.mdc-linear-progress--closed {
8223 opacity: 0;
8224}
8225.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
8226 -webkit-animation: none;
8227 animation: none;
8228}
8229.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,
8230.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
8231 -webkit-animation: none;
8232 animation: none;
8233}
8234
8235.mdc-linear-progress__bar-inner {
8236 border-color: #6200ee;
8237 /* @alternate */
8238 border-color: var(--mdc-theme-primary, #6200ee);
8239}
8240
8241.mdc-linear-progress__buffer-dots {
8242 background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
8243}
8244
8245.mdc-linear-progress__buffer-bar {
8246 background-color: #e6e6e6;
8247}
8248
8249.mdc-deprecated-list {
8250 -moz-osx-font-smoothing: grayscale;
8251 -webkit-font-smoothing: antialiased;
8252 font-family: Roboto, sans-serif;
8253 /* @alternate */
8254 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
8255 font-size: 1rem;
8256 /* @alternate */
8257 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
8258 line-height: 1.75rem;
8259 /* @alternate */
8260 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
8261 font-weight: 400;
8262 /* @alternate */
8263 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
8264 letter-spacing: 0.009375em;
8265 /* @alternate */
8266 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
8267 text-decoration: inherit;
8268 /* @alternate */
8269 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
8270 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
8271 text-transform: inherit;
8272 /* @alternate */
8273 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
8274 /* @alternate */
8275 line-height: 1.5rem;
8276 margin: 0;
8277 padding: 8px 0;
8278 list-style-type: none;
8279 color: rgba(0, 0, 0, 0.87);
8280 /* @alternate */
8281 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
8282}
8283.mdc-deprecated-list:focus {
8284 outline: none;
8285}
8286
8287.mdc-deprecated-list-item {
8288 height: 48px;
8289}
8290
8291.mdc-deprecated-list-item__secondary-text {
8292 color: rgba(0, 0, 0, 0.54);
8293 /* @alternate */
8294 color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
8295}
8296
8297.mdc-deprecated-list-item__graphic {
8298 background-color: transparent;
8299}
8300
8301.mdc-deprecated-list-item__graphic {
8302 color: rgba(0, 0, 0, 0.38);
8303 /* @alternate */
8304 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
8305}
8306
8307.mdc-deprecated-list-item__meta {
8308 color: rgba(0, 0, 0, 0.38);
8309 /* @alternate */
8310 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
8311}
8312
8313.mdc-deprecated-list-group__subheader {
8314 color: rgba(0, 0, 0, 0.87);
8315 /* @alternate */
8316 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
8317}
8318
8319.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text {
8320 opacity: 0.38;
8321}
8322
8323.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,
8324.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,
8325.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text {
8326 color: #000;
8327 /* @alternate */
8328 color: var(--mdc-theme-on-surface, #000);
8329}
8330
8331.mdc-deprecated-list-item--selected,
8332.mdc-deprecated-list-item--activated {
8333 color: #6200ee;
8334 /* @alternate */
8335 color: var(--mdc-theme-primary, #6200ee);
8336}
8337.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
8338.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
8339 color: #6200ee;
8340 /* @alternate */
8341 color: var(--mdc-theme-primary, #6200ee);
8342}
8343
8344.mdc-deprecated-list--dense {
8345 padding-top: 4px;
8346 padding-bottom: 4px;
8347 font-size: 0.812rem;
8348}
8349
8350.mdc-deprecated-list-item {
8351 display: flex;
8352 position: relative;
8353 align-items: center;
8354 justify-content: flex-start;
8355 overflow: hidden;
8356 padding: 0;
8357 /* @noflip */
8358 padding-left: 16px;
8359 /* @noflip */
8360 padding-right: 16px;
8361 height: 48px;
8362}
8363.mdc-deprecated-list-item:focus {
8364 outline: none;
8365}
8366.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before, .mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before {
8367 position: absolute;
8368 box-sizing: border-box;
8369 width: 100%;
8370 height: 100%;
8371 top: 0;
8372 left: 0;
8373 border: 1px solid transparent;
8374 border-radius: inherit;
8375 content: "";
8376 pointer-events: none;
8377}
8378.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before {
8379 position: absolute;
8380 box-sizing: border-box;
8381 width: 100%;
8382 height: 100%;
8383 top: 0;
8384 left: 0;
8385 border: 3px double transparent;
8386 border-radius: inherit;
8387 content: "";
8388 pointer-events: none;
8389}
8390[dir=rtl] .mdc-deprecated-list-item, .mdc-deprecated-list-item[dir=rtl] {
8391 /* @noflip */
8392 padding-left: 16px;
8393 /* @noflip */
8394 padding-right: 16px;
8395}
8396
8397.mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
8398 /* @noflip */
8399 padding-left: 16px;
8400 /* @noflip */
8401 padding-right: 16px;
8402 height: 56px;
8403}
8404[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl] {
8405 /* @noflip */
8406 padding-left: 16px;
8407 /* @noflip */
8408 padding-right: 16px;
8409}
8410
8411.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item {
8412 /* @noflip */
8413 padding-left: 16px;
8414 /* @noflip */
8415 padding-right: 16px;
8416 height: 56px;
8417}
8418[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl] {
8419 /* @noflip */
8420 padding-left: 16px;
8421 /* @noflip */
8422 padding-right: 16px;
8423}
8424
8425.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item {
8426 /* @noflip */
8427 padding-left: 16px;
8428 /* @noflip */
8429 padding-right: 16px;
8430 height: 56px;
8431}
8432[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl] {
8433 /* @noflip */
8434 padding-left: 16px;
8435 /* @noflip */
8436 padding-right: 16px;
8437}
8438
8439.mdc-deprecated-list--image-list .mdc-deprecated-list-item {
8440 /* @noflip */
8441 padding-left: 16px;
8442 /* @noflip */
8443 padding-right: 16px;
8444 height: 72px;
8445}
8446[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl] {
8447 /* @noflip */
8448 padding-left: 16px;
8449 /* @noflip */
8450 padding-right: 16px;
8451}
8452
8453.mdc-deprecated-list--video-list .mdc-deprecated-list-item {
8454 /* @noflip */
8455 padding-left: 0px;
8456 /* @noflip */
8457 padding-right: 16px;
8458 height: 72px;
8459}
8460[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl] {
8461 /* @noflip */
8462 padding-left: 16px;
8463 /* @noflip */
8464 padding-right: 0px;
8465}
8466
8467.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
8468 /* @noflip */
8469 margin-left: 0;
8470 /* @noflip */
8471 margin-right: 16px;
8472 width: 20px;
8473 height: 20px;
8474}
8475[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
8476 /* @noflip */
8477 margin-left: 16px;
8478 /* @noflip */
8479 margin-right: 0;
8480}
8481
8482.mdc-deprecated-list-item__graphic {
8483 flex-shrink: 0;
8484 align-items: center;
8485 justify-content: center;
8486 fill: currentColor;
8487 -o-object-fit: cover;
8488 object-fit: cover;
8489 /* @noflip */
8490 margin-left: 0;
8491 /* @noflip */
8492 margin-right: 32px;
8493 width: 24px;
8494 height: 24px;
8495}
8496[dir=rtl] .mdc-deprecated-list-item__graphic, .mdc-deprecated-list-item__graphic[dir=rtl] {
8497 /* @noflip */
8498 margin-left: 32px;
8499 /* @noflip */
8500 margin-right: 0;
8501}
8502
8503.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
8504 /* @noflip */
8505 margin-left: 0;
8506 /* @noflip */
8507 margin-right: 32px;
8508 width: 24px;
8509 height: 24px;
8510}
8511[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl] {
8512 /* @noflip */
8513 margin-left: 32px;
8514 /* @noflip */
8515 margin-right: 0;
8516}
8517
8518.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic {
8519 /* @noflip */
8520 margin-left: 0;
8521 /* @noflip */
8522 margin-right: 16px;
8523 width: 40px;
8524 height: 40px;
8525 border-radius: 50%;
8526}
8527[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl] {
8528 /* @noflip */
8529 margin-left: 16px;
8530 /* @noflip */
8531 margin-right: 0;
8532}
8533
8534.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic {
8535 /* @noflip */
8536 margin-left: 0;
8537 /* @noflip */
8538 margin-right: 16px;
8539 width: 40px;
8540 height: 40px;
8541}
8542[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl] {
8543 /* @noflip */
8544 margin-left: 16px;
8545 /* @noflip */
8546 margin-right: 0;
8547}
8548
8549.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic {
8550 /* @noflip */
8551 margin-left: 0;
8552 /* @noflip */
8553 margin-right: 16px;
8554 width: 56px;
8555 height: 56px;
8556}
8557[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl] {
8558 /* @noflip */
8559 margin-left: 16px;
8560 /* @noflip */
8561 margin-right: 0;
8562}
8563
8564.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic {
8565 /* @noflip */
8566 margin-left: 0;
8567 /* @noflip */
8568 margin-right: 16px;
8569 width: 100px;
8570 height: 56px;
8571}
8572[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl] {
8573 /* @noflip */
8574 margin-left: 16px;
8575 /* @noflip */
8576 margin-right: 0;
8577}
8578
8579.mdc-deprecated-list .mdc-deprecated-list-item__graphic {
8580 display: inline-flex;
8581}
8582
8583.mdc-deprecated-list-item__meta {
8584 /* @noflip */
8585 margin-left: auto;
8586 /* @noflip */
8587 margin-right: 0;
8588}
8589.mdc-deprecated-list-item__meta:not(.material-icons) {
8590 -moz-osx-font-smoothing: grayscale;
8591 -webkit-font-smoothing: antialiased;
8592 font-family: Roboto, sans-serif;
8593 /* @alternate */
8594 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
8595 font-size: 0.75rem;
8596 /* @alternate */
8597 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
8598 line-height: 1.25rem;
8599 /* @alternate */
8600 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
8601 font-weight: 400;
8602 /* @alternate */
8603 font-weight: var(--mdc-typography-caption-font-weight, 400);
8604 letter-spacing: 0.0333333333em;
8605 /* @alternate */
8606 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
8607 text-decoration: inherit;
8608 /* @alternate */
8609 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
8610 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
8611 text-transform: inherit;
8612 /* @alternate */
8613 text-transform: var(--mdc-typography-caption-text-transform, inherit);
8614}
8615.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta, [dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta {
8616 /* @noflip */
8617 margin-left: 0;
8618 /* @noflip */
8619 margin-right: auto;
8620}
8621
8622.mdc-deprecated-list-item__text {
8623 text-overflow: ellipsis;
8624 white-space: nowrap;
8625 overflow: hidden;
8626}
8627
8628.mdc-deprecated-list-item__text[for] {
8629 pointer-events: none;
8630}
8631
8632.mdc-deprecated-list-item__primary-text {
8633 text-overflow: ellipsis;
8634 white-space: nowrap;
8635 overflow: hidden;
8636 display: block;
8637 margin-top: 0;
8638 /* @alternate */
8639 line-height: normal;
8640 margin-bottom: -20px;
8641}
8642.mdc-deprecated-list-item__primary-text::before {
8643 display: inline-block;
8644 width: 0;
8645 height: 28px;
8646 content: "";
8647 vertical-align: 0;
8648}
8649.mdc-deprecated-list-item__primary-text::after {
8650 display: inline-block;
8651 width: 0;
8652 height: 20px;
8653 content: "";
8654 vertical-align: -20px;
8655}
8656.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text {
8657 display: block;
8658 margin-top: 0;
8659 /* @alternate */
8660 line-height: normal;
8661 margin-bottom: -20px;
8662}
8663.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before {
8664 display: inline-block;
8665 width: 0;
8666 height: 32px;
8667 content: "";
8668 vertical-align: 0;
8669}
8670.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after {
8671 display: inline-block;
8672 width: 0;
8673 height: 20px;
8674 content: "";
8675 vertical-align: -20px;
8676}
8677.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text {
8678 display: block;
8679 margin-top: 0;
8680 /* @alternate */
8681 line-height: normal;
8682 margin-bottom: -20px;
8683}
8684.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before {
8685 display: inline-block;
8686 width: 0;
8687 height: 24px;
8688 content: "";
8689 vertical-align: 0;
8690}
8691.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after {
8692 display: inline-block;
8693 width: 0;
8694 height: 20px;
8695 content: "";
8696 vertical-align: -20px;
8697}
8698
8699.mdc-deprecated-list-item__secondary-text {
8700 -moz-osx-font-smoothing: grayscale;
8701 -webkit-font-smoothing: antialiased;
8702 font-family: Roboto, sans-serif;
8703 /* @alternate */
8704 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
8705 font-size: 0.875rem;
8706 /* @alternate */
8707 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
8708 line-height: 1.25rem;
8709 /* @alternate */
8710 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
8711 font-weight: 400;
8712 /* @alternate */
8713 font-weight: var(--mdc-typography-body2-font-weight, 400);
8714 letter-spacing: 0.0178571429em;
8715 /* @alternate */
8716 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
8717 text-decoration: inherit;
8718 /* @alternate */
8719 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
8720 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
8721 text-transform: inherit;
8722 /* @alternate */
8723 text-transform: var(--mdc-typography-body2-text-transform, inherit);
8724 text-overflow: ellipsis;
8725 white-space: nowrap;
8726 overflow: hidden;
8727 display: block;
8728 margin-top: 0;
8729 /* @alternate */
8730 line-height: normal;
8731}
8732.mdc-deprecated-list-item__secondary-text::before {
8733 display: inline-block;
8734 width: 0;
8735 height: 20px;
8736 content: "";
8737 vertical-align: 0;
8738}
8739.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text {
8740 font-size: inherit;
8741}
8742
8743.mdc-deprecated-list--dense .mdc-deprecated-list-item {
8744 height: 40px;
8745}
8746
8747.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text {
8748 align-self: flex-start;
8749}
8750
8751.mdc-deprecated-list--two-line .mdc-deprecated-list-item {
8752 height: 64px;
8753}
8754.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
8755 height: 72px;
8756}
8757.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
8758 align-self: flex-start;
8759 margin-top: 16px;
8760}
8761
8762.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item,
8763.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item {
8764 height: 60px;
8765}
8766
8767.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
8768 /* @noflip */
8769 margin-left: 0;
8770 /* @noflip */
8771 margin-right: 16px;
8772 width: 36px;
8773 height: 36px;
8774}
8775[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
8776 /* @noflip */
8777 margin-left: 16px;
8778 /* @noflip */
8779 margin-right: 0;
8780}
8781
8782:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
8783 cursor: pointer;
8784}
8785
8786a.mdc-deprecated-list-item {
8787 color: inherit;
8788 text-decoration: none;
8789}
8790
8791.mdc-deprecated-list-divider {
8792 height: 0;
8793 margin: 0;
8794 border: none;
8795 border-bottom-width: 1px;
8796 border-bottom-style: solid;
8797}
8798
8799.mdc-deprecated-list-divider {
8800 border-bottom-color: rgba(0, 0, 0, 0.12);
8801}
8802
8803.mdc-deprecated-list-divider--padded {
8804 /* @noflip */
8805 margin-left: 16px;
8806 /* @noflip */
8807 margin-right: 0;
8808 width: calc(100% - 32px);
8809}
8810[dir=rtl] .mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--padded[dir=rtl] {
8811 /* @noflip */
8812 margin-left: 0;
8813 /* @noflip */
8814 margin-right: 16px;
8815}
8816
8817.mdc-deprecated-list-divider--inset {
8818 /* @noflip */
8819 margin-left: 72px;
8820 /* @noflip */
8821 margin-right: 0;
8822 width: calc(100% - 72px);
8823}
8824[dir=rtl] .mdc-deprecated-list-divider--inset, .mdc-deprecated-list-divider--inset[dir=rtl] {
8825 /* @noflip */
8826 margin-left: 0;
8827 /* @noflip */
8828 margin-right: 72px;
8829}
8830
8831.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded {
8832 /* @noflip */
8833 margin-left: 72px;
8834 /* @noflip */
8835 margin-right: 0;
8836 width: calc(100% - 88px);
8837}
8838[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl] {
8839 /* @noflip */
8840 margin-left: 0;
8841 /* @noflip */
8842 margin-right: 72px;
8843}
8844
8845.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading {
8846 /* @noflip */
8847 margin-left: 16px;
8848 /* @noflip */
8849 margin-right: 0;
8850 width: calc(100% - 16px);
8851}
8852[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
8853 /* @noflip */
8854 margin-left: 0;
8855 /* @noflip */
8856 margin-right: 16px;
8857}
8858
8859.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing {
8860 width: calc(100% - 16px);
8861}
8862.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
8863 /* @noflip */
8864 margin-left: 16px;
8865 /* @noflip */
8866 margin-right: 0;
8867 width: calc(100% - 32px);
8868}
8869[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
8870 /* @noflip */
8871 margin-left: 0;
8872 /* @noflip */
8873 margin-right: 16px;
8874}
8875
8876.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
8877 /* @noflip */
8878 margin-left: 16px;
8879 /* @noflip */
8880 margin-right: 0;
8881 width: calc(100% - 16px);
8882}
8883[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
8884 /* @noflip */
8885 margin-left: 0;
8886 /* @noflip */
8887 margin-right: 16px;
8888}
8889
8890.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
8891 /* @noflip */
8892 margin-left: 16px;
8893 /* @noflip */
8894 margin-right: 0;
8895 width: calc(100% - 32px);
8896}
8897[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
8898 /* @noflip */
8899 margin-left: 0;
8900 /* @noflip */
8901 margin-right: 16px;
8902}
8903
8904.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading {
8905 /* @noflip */
8906 margin-left: 72px;
8907 /* @noflip */
8908 margin-right: 0;
8909 width: calc(100% - 72px);
8910}
8911[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
8912 /* @noflip */
8913 margin-left: 0;
8914 /* @noflip */
8915 margin-right: 72px;
8916}
8917
8918.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing {
8919 width: calc(100% - 16px);
8920}
8921.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
8922 /* @noflip */
8923 margin-left: 72px;
8924 /* @noflip */
8925 margin-right: 0;
8926 width: calc(100% - 88px);
8927}
8928[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
8929 /* @noflip */
8930 margin-left: 0;
8931 /* @noflip */
8932 margin-right: 72px;
8933}
8934
8935.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
8936 /* @noflip */
8937 margin-left: 16px;
8938 /* @noflip */
8939 margin-right: 0;
8940 width: calc(100% - 16px);
8941}
8942[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
8943 /* @noflip */
8944 margin-left: 0;
8945 /* @noflip */
8946 margin-right: 16px;
8947}
8948
8949.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
8950 /* @noflip */
8951 margin-left: 16px;
8952 /* @noflip */
8953 margin-right: 0;
8954 width: calc(100% - 32px);
8955}
8956[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
8957 /* @noflip */
8958 margin-left: 0;
8959 /* @noflip */
8960 margin-right: 16px;
8961}
8962
8963.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading {
8964 /* @noflip */
8965 margin-left: 72px;
8966 /* @noflip */
8967 margin-right: 0;
8968 width: calc(100% - 72px);
8969}
8970[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
8971 /* @noflip */
8972 margin-left: 0;
8973 /* @noflip */
8974 margin-right: 72px;
8975}
8976
8977.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing {
8978 width: calc(100% - 16px);
8979}
8980.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
8981 /* @noflip */
8982 margin-left: 72px;
8983 /* @noflip */
8984 margin-right: 0;
8985 width: calc(100% - 88px);
8986}
8987[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
8988 /* @noflip */
8989 margin-left: 0;
8990 /* @noflip */
8991 margin-right: 72px;
8992}
8993
8994.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
8995 /* @noflip */
8996 margin-left: 16px;
8997 /* @noflip */
8998 margin-right: 0;
8999 width: calc(100% - 16px);
9000}
9001[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
9002 /* @noflip */
9003 margin-left: 0;
9004 /* @noflip */
9005 margin-right: 16px;
9006}
9007
9008.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
9009 /* @noflip */
9010 margin-left: 16px;
9011 /* @noflip */
9012 margin-right: 0;
9013 width: calc(100% - 32px);
9014}
9015[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
9016 /* @noflip */
9017 margin-left: 0;
9018 /* @noflip */
9019 margin-right: 16px;
9020}
9021
9022.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading {
9023 /* @noflip */
9024 margin-left: 72px;
9025 /* @noflip */
9026 margin-right: 0;
9027 width: calc(100% - 72px);
9028}
9029[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
9030 /* @noflip */
9031 margin-left: 0;
9032 /* @noflip */
9033 margin-right: 72px;
9034}
9035
9036.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing {
9037 width: calc(100% - 16px);
9038}
9039.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
9040 /* @noflip */
9041 margin-left: 72px;
9042 /* @noflip */
9043 margin-right: 0;
9044 width: calc(100% - 88px);
9045}
9046[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
9047 /* @noflip */
9048 margin-left: 0;
9049 /* @noflip */
9050 margin-right: 72px;
9051}
9052
9053.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
9054 /* @noflip */
9055 margin-left: 16px;
9056 /* @noflip */
9057 margin-right: 0;
9058 width: calc(100% - 16px);
9059}
9060[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
9061 /* @noflip */
9062 margin-left: 0;
9063 /* @noflip */
9064 margin-right: 16px;
9065}
9066
9067.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
9068 /* @noflip */
9069 margin-left: 16px;
9070 /* @noflip */
9071 margin-right: 0;
9072 width: calc(100% - 32px);
9073}
9074[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
9075 /* @noflip */
9076 margin-left: 0;
9077 /* @noflip */
9078 margin-right: 16px;
9079}
9080
9081.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading {
9082 /* @noflip */
9083 margin-left: 88px;
9084 /* @noflip */
9085 margin-right: 0;
9086 width: calc(100% - 88px);
9087}
9088[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
9089 /* @noflip */
9090 margin-left: 0;
9091 /* @noflip */
9092 margin-right: 88px;
9093}
9094
9095.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing {
9096 width: calc(100% - 16px);
9097}
9098.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
9099 /* @noflip */
9100 margin-left: 88px;
9101 /* @noflip */
9102 margin-right: 0;
9103 width: calc(100% - 104px);
9104}
9105[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
9106 /* @noflip */
9107 margin-left: 0;
9108 /* @noflip */
9109 margin-right: 88px;
9110}
9111
9112.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
9113 /* @noflip */
9114 margin-left: 16px;
9115 /* @noflip */
9116 margin-right: 0;
9117 width: calc(100% - 16px);
9118}
9119[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
9120 /* @noflip */
9121 margin-left: 0;
9122 /* @noflip */
9123 margin-right: 16px;
9124}
9125
9126.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
9127 /* @noflip */
9128 margin-left: 16px;
9129 /* @noflip */
9130 margin-right: 0;
9131 width: calc(100% - 32px);
9132}
9133[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
9134 /* @noflip */
9135 margin-left: 0;
9136 /* @noflip */
9137 margin-right: 16px;
9138}
9139
9140.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading {
9141 /* @noflip */
9142 margin-left: 116px;
9143 /* @noflip */
9144 margin-right: 0;
9145 width: calc(100% - 116px);
9146}
9147[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
9148 /* @noflip */
9149 margin-left: 0;
9150 /* @noflip */
9151 margin-right: 116px;
9152}
9153
9154.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing {
9155 width: calc(100% - 16px);
9156}
9157.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
9158 /* @noflip */
9159 margin-left: 116px;
9160 /* @noflip */
9161 margin-right: 0;
9162 width: calc(100% - 132px);
9163}
9164[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
9165 /* @noflip */
9166 margin-left: 0;
9167 /* @noflip */
9168 margin-right: 116px;
9169}
9170
9171.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
9172 /* @noflip */
9173 margin-left: 0px;
9174 /* @noflip */
9175 margin-right: 0;
9176 width: calc(100% - 0px);
9177}
9178[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
9179 /* @noflip */
9180 margin-left: 0;
9181 /* @noflip */
9182 margin-right: 0px;
9183}
9184
9185.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
9186 /* @noflip */
9187 margin-left: 0px;
9188 /* @noflip */
9189 margin-right: 0;
9190 width: calc(100% - 16px);
9191}
9192[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
9193 /* @noflip */
9194 margin-left: 0;
9195 /* @noflip */
9196 margin-right: 0px;
9197}
9198
9199.mdc-deprecated-list-group .mdc-deprecated-list {
9200 padding: 0;
9201}
9202
9203.mdc-deprecated-list-group__subheader {
9204 -moz-osx-font-smoothing: grayscale;
9205 -webkit-font-smoothing: antialiased;
9206 font-family: Roboto, sans-serif;
9207 /* @alternate */
9208 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
9209 font-size: 1rem;
9210 /* @alternate */
9211 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
9212 line-height: 1.75rem;
9213 /* @alternate */
9214 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
9215 font-weight: 400;
9216 /* @alternate */
9217 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
9218 letter-spacing: 0.009375em;
9219 /* @alternate */
9220 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
9221 text-decoration: inherit;
9222 /* @alternate */
9223 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
9224 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
9225 text-transform: inherit;
9226 /* @alternate */
9227 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
9228 margin: calc( (3rem - 1.5rem) / 2 ) 16px;
9229}
9230
9231.mdc-list-item__primary-text {
9232 color: rgba(0, 0, 0, 0.87);
9233 /* @alternate */
9234 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
9235}
9236
9237.mdc-list-item__secondary-text {
9238 color: rgba(0, 0, 0, 0.54);
9239 /* @alternate */
9240 color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
9241}
9242
9243.mdc-list-item__overline-text {
9244 color: rgba(0, 0, 0, 0.38);
9245 /* @alternate */
9246 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
9247}
9248
9249.mdc-list-item--with-leading-icon .mdc-list-item__start,
9250.mdc-list-item--with-trailing-icon .mdc-list-item__end {
9251 background-color: transparent;
9252}
9253
9254.mdc-list-item--with-leading-icon .mdc-list-item__start,
9255.mdc-list-item--with-trailing-icon .mdc-list-item__end {
9256 color: rgba(0, 0, 0, 0.38);
9257 /* @alternate */
9258 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
9259}
9260
9261.mdc-list-item__end {
9262 color: rgba(0, 0, 0, 0.38);
9263 /* @alternate */
9264 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
9265}
9266
9267.mdc-list-item--disabled .mdc-list-item__start,
9268.mdc-list-item--disabled .mdc-list-item__content,
9269.mdc-list-item--disabled .mdc-list-item__end {
9270 opacity: 0.38;
9271}
9272
9273.mdc-list-item--disabled .mdc-list-item__primary-text {
9274 color: #000;
9275 /* @alternate */
9276 color: var(--mdc-theme-on-surface, #000);
9277}
9278.mdc-list-item--disabled .mdc-list-item__secondary-text {
9279 color: #000;
9280 /* @alternate */
9281 color: var(--mdc-theme-on-surface, #000);
9282}
9283.mdc-list-item--disabled .mdc-list-item__overline-text {
9284 color: #000;
9285 /* @alternate */
9286 color: var(--mdc-theme-on-surface, #000);
9287}
9288.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
9289 color: #000;
9290 /* @alternate */
9291 color: var(--mdc-theme-on-surface, #000);
9292}
9293.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
9294 color: #000;
9295 /* @alternate */
9296 color: var(--mdc-theme-on-surface, #000);
9297}
9298.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
9299 color: #000;
9300 /* @alternate */
9301 color: var(--mdc-theme-on-surface, #000);
9302}
9303
9304.mdc-list-item--selected .mdc-list-item__primary-text,
9305.mdc-list-item--activated .mdc-list-item__primary-text {
9306 color: #6200ee;
9307 /* @alternate */
9308 color: var(--mdc-theme-primary, #6200ee);
9309}
9310.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
9311.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
9312 color: #6200ee;
9313 /* @alternate */
9314 color: var(--mdc-theme-primary, #6200ee);
9315}
9316
9317.mdc-deprecated-list-group__subheader {
9318 color: rgba(0, 0, 0, 0.87);
9319 /* @alternate */
9320 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
9321}
9322
9323@media screen and (forced-colors: active), (-ms-high-contrast: active) {
9324 .mdc-list-divider::after {
9325 content: "";
9326 display: block;
9327 border-bottom-width: 1px;
9328 border-bottom-style: solid;
9329 border-bottom-color: white;
9330 }
9331}
9332.mdc-list {
9333 -moz-osx-font-smoothing: grayscale;
9334 -webkit-font-smoothing: antialiased;
9335 font-family: Roboto, sans-serif;
9336 /* @alternate */
9337 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
9338 font-size: 1rem;
9339 /* @alternate */
9340 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
9341 line-height: 1.75rem;
9342 /* @alternate */
9343 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
9344 font-weight: 400;
9345 /* @alternate */
9346 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
9347 letter-spacing: 0.009375em;
9348 /* @alternate */
9349 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
9350 text-decoration: inherit;
9351 /* @alternate */
9352 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
9353 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
9354 text-transform: inherit;
9355 /* @alternate */
9356 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
9357 /* @alternate */
9358 line-height: 1.5rem;
9359 margin: 0;
9360 padding: 8px 0;
9361 list-style-type: none;
9362}
9363.mdc-list:focus {
9364 outline: none;
9365}
9366
9367.mdc-list-item {
9368 display: flex;
9369 position: relative;
9370 align-items: center;
9371 justify-content: flex-start;
9372 overflow: hidden;
9373 padding: 0;
9374 align-items: stretch;
9375 cursor: pointer;
9376}
9377.mdc-list-item:focus {
9378 outline: none;
9379}
9380.mdc-list-item.mdc-list-item--with-one-line {
9381 height: 48px;
9382}
9383.mdc-list-item.mdc-list-item--with-two-lines {
9384 height: 64px;
9385}
9386.mdc-list-item.mdc-list-item--with-three-lines {
9387 height: 88px;
9388}
9389.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {
9390 align-self: center;
9391 margin-top: 0;
9392}
9393.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
9394 align-self: flex-start;
9395 margin-top: 16px;
9396}
9397.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {
9398 align-self: flex-start;
9399 margin-top: 16px;
9400}
9401.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {
9402 align-self: center;
9403 margin-top: 0;
9404}
9405.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {
9406 align-self: center;
9407 margin-top: 0;
9408}
9409.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {
9410 align-self: flex-start;
9411 margin-top: 16px;
9412}
9413.mdc-list-item.mdc-list-item--disabled, .mdc-list-item.mdc-list-item--non-interactive {
9414 cursor: auto;
9415}
9416.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before {
9417 position: absolute;
9418 box-sizing: border-box;
9419 width: 100%;
9420 height: 100%;
9421 top: 0;
9422 left: 0;
9423 border: 1px solid transparent;
9424 border-radius: inherit;
9425 content: "";
9426 pointer-events: none;
9427}
9428.mdc-list-item.mdc-list-item--selected::before {
9429 position: absolute;
9430 box-sizing: border-box;
9431 width: 100%;
9432 height: 100%;
9433 top: 0;
9434 left: 0;
9435 border: 3px double transparent;
9436 border-radius: inherit;
9437 content: "";
9438 pointer-events: none;
9439}
9440.mdc-list-item.mdc-list-item--selected:focus::before {
9441 position: absolute;
9442 box-sizing: border-box;
9443 width: 100%;
9444 height: 100%;
9445 top: 0;
9446 left: 0;
9447 border: 3px solid transparent;
9448 border-radius: inherit;
9449 content: "";
9450 pointer-events: none;
9451}
9452
9453a.mdc-list-item {
9454 color: inherit;
9455 text-decoration: none;
9456}
9457
9458.mdc-list-item__start {
9459 fill: currentColor;
9460 flex-shrink: 0;
9461 pointer-events: none;
9462}
9463
9464.mdc-list-item__end {
9465 flex-shrink: 0;
9466 pointer-events: none;
9467}
9468
9469.mdc-list-item__content {
9470 text-overflow: ellipsis;
9471 white-space: nowrap;
9472 overflow: hidden;
9473 align-self: center;
9474 flex: 1;
9475 pointer-events: none;
9476}
9477.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {
9478 align-self: stretch;
9479}
9480.mdc-list-item__content[for] {
9481 pointer-events: none;
9482}
9483
9484.mdc-list-item__primary-text {
9485 -moz-osx-font-smoothing: grayscale;
9486 -webkit-font-smoothing: antialiased;
9487 font-family: Roboto, sans-serif;
9488 /* @alternate */
9489 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
9490 font-size: 1rem;
9491 /* @alternate */
9492 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
9493 line-height: 1.75rem;
9494 /* @alternate */
9495 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
9496 font-weight: 400;
9497 /* @alternate */
9498 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
9499 letter-spacing: 0.009375em;
9500 /* @alternate */
9501 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
9502 text-decoration: inherit;
9503 /* @alternate */
9504 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
9505 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
9506 text-transform: inherit;
9507 /* @alternate */
9508 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
9509 text-overflow: ellipsis;
9510 white-space: nowrap;
9511 overflow: hidden;
9512}
9513.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
9514 display: block;
9515 margin-top: 0;
9516 /* @alternate */
9517 line-height: normal;
9518 margin-bottom: -20px;
9519}
9520.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
9521 display: inline-block;
9522 width: 0;
9523 height: 28px;
9524 content: "";
9525 vertical-align: 0;
9526}
9527.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {
9528 display: inline-block;
9529 width: 0;
9530 height: 20px;
9531 content: "";
9532 vertical-align: -20px;
9533}
9534
9535.mdc-list-item__secondary-text {
9536 -moz-osx-font-smoothing: grayscale;
9537 -webkit-font-smoothing: antialiased;
9538 font-family: Roboto, sans-serif;
9539 /* @alternate */
9540 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
9541 font-size: 0.875rem;
9542 /* @alternate */
9543 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
9544 line-height: 1.25rem;
9545 /* @alternate */
9546 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
9547 font-weight: 400;
9548 /* @alternate */
9549 font-weight: var(--mdc-typography-body2-font-weight, 400);
9550 letter-spacing: 0.0178571429em;
9551 /* @alternate */
9552 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
9553 text-decoration: inherit;
9554 /* @alternate */
9555 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
9556 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
9557 text-transform: inherit;
9558 /* @alternate */
9559 text-transform: var(--mdc-typography-body2-text-transform, inherit);
9560 text-overflow: ellipsis;
9561 white-space: nowrap;
9562 overflow: hidden;
9563 display: block;
9564 margin-top: 0;
9565 /* @alternate */
9566 line-height: normal;
9567}
9568.mdc-list-item__secondary-text::before {
9569 display: inline-block;
9570 width: 0;
9571 height: 20px;
9572 content: "";
9573 vertical-align: 0;
9574}
9575.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
9576 white-space: normal;
9577 line-height: 20px;
9578}
9579.mdc-list-item--with-overline .mdc-list-item__secondary-text {
9580 white-space: nowrap;
9581 line-height: auto;
9582}
9583
9584.mdc-list-item__overline-text {
9585 -moz-osx-font-smoothing: grayscale;
9586 -webkit-font-smoothing: antialiased;
9587 font-family: Roboto, sans-serif;
9588 /* @alternate */
9589 font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
9590 font-size: 0.75rem;
9591 /* @alternate */
9592 font-size: var(--mdc-typography-overline-font-size, 0.75rem);
9593 line-height: 2rem;
9594 /* @alternate */
9595 line-height: var(--mdc-typography-overline-line-height, 2rem);
9596 font-weight: 500;
9597 /* @alternate */
9598 font-weight: var(--mdc-typography-overline-font-weight, 500);
9599 letter-spacing: 0.1666666667em;
9600 /* @alternate */
9601 letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
9602 text-decoration: none;
9603 /* @alternate */
9604 -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
9605 text-decoration: var(--mdc-typography-overline-text-decoration, none);
9606 text-transform: uppercase;
9607 /* @alternate */
9608 text-transform: var(--mdc-typography-overline-text-transform, uppercase);
9609 text-overflow: ellipsis;
9610 white-space: nowrap;
9611 overflow: hidden;
9612}
9613.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
9614 display: block;
9615 margin-top: 0;
9616 /* @alternate */
9617 line-height: normal;
9618 margin-bottom: -20px;
9619}
9620.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
9621 display: inline-block;
9622 width: 0;
9623 height: 24px;
9624 content: "";
9625 vertical-align: 0;
9626}
9627.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
9628 display: inline-block;
9629 width: 0;
9630 height: 20px;
9631 content: "";
9632 vertical-align: -20px;
9633}
9634.mdc-list-item--with-three-lines .mdc-list-item__overline-text {
9635 display: block;
9636 margin-top: 0;
9637 /* @alternate */
9638 line-height: normal;
9639 margin-bottom: -20px;
9640}
9641.mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
9642 display: inline-block;
9643 width: 0;
9644 height: 28px;
9645 content: "";
9646 vertical-align: 0;
9647}
9648.mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
9649 display: inline-block;
9650 width: 0;
9651 height: 20px;
9652 content: "";
9653 vertical-align: -20px;
9654}
9655
9656.mdc-list-item--with-leading-avatar.mdc-list-item {
9657 /* @noflip */
9658 padding-left: 0;
9659 /* @noflip */
9660 padding-right: auto;
9661}
9662[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item, .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl] {
9663 /* @noflip */
9664 padding-left: auto;
9665 /* @noflip */
9666 padding-right: 0;
9667}
9668
9669.mdc-list-item--with-leading-avatar .mdc-list-item__start {
9670 /* @noflip */
9671 margin-left: 16px;
9672 /* @noflip */
9673 margin-right: 16px;
9674}
9675[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start, .mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl] {
9676 /* @noflip */
9677 margin-left: 16px;
9678 /* @noflip */
9679 margin-right: 16px;
9680}
9681
9682.mdc-list-item--with-leading-avatar .mdc-list-item__start {
9683 width: 40px;
9684 height: 40px;
9685}
9686.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
9687 display: block;
9688 margin-top: 0;
9689 /* @alternate */
9690 line-height: normal;
9691 margin-bottom: -20px;
9692}
9693.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
9694 display: inline-block;
9695 width: 0;
9696 height: 32px;
9697 content: "";
9698 vertical-align: 0;
9699}
9700.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
9701 display: inline-block;
9702 width: 0;
9703 height: 20px;
9704 content: "";
9705 vertical-align: -20px;
9706}
9707.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
9708 display: block;
9709 margin-top: 0;
9710 /* @alternate */
9711 line-height: normal;
9712 margin-bottom: -20px;
9713}
9714.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
9715 display: inline-block;
9716 width: 0;
9717 height: 28px;
9718 content: "";
9719 vertical-align: 0;
9720}
9721.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
9722 display: inline-block;
9723 width: 0;
9724 height: 20px;
9725 content: "";
9726 vertical-align: -20px;
9727}
9728.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
9729 display: block;
9730 margin-top: 0;
9731 /* @alternate */
9732 line-height: normal;
9733}
9734.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
9735 display: inline-block;
9736 width: 0;
9737 height: 32px;
9738 content: "";
9739 vertical-align: 0;
9740}
9741.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line {
9742 height: 56px;
9743}
9744.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
9745 height: 72px;
9746}
9747.mdc-list-item--with-leading-avatar .mdc-list-item__start {
9748 border-radius: 50%;
9749}
9750
9751.mdc-list-item--with-leading-icon .mdc-list-item__start {
9752 width: 24px;
9753 height: 24px;
9754}
9755.mdc-list-item--with-leading-icon.mdc-list-item {
9756 /* @noflip */
9757 padding-left: 0;
9758 /* @noflip */
9759 padding-right: auto;
9760}
9761[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item, .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl] {
9762 /* @noflip */
9763 padding-left: auto;
9764 /* @noflip */
9765 padding-right: 0;
9766}
9767
9768.mdc-list-item--with-leading-icon .mdc-list-item__start {
9769 /* @noflip */
9770 margin-left: 16px;
9771 /* @noflip */
9772 margin-right: 32px;
9773}
9774[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl] {
9775 /* @noflip */
9776 margin-left: 32px;
9777 /* @noflip */
9778 margin-right: 16px;
9779}
9780
9781.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
9782 display: block;
9783 margin-top: 0;
9784 /* @alternate */
9785 line-height: normal;
9786 margin-bottom: -20px;
9787}
9788.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
9789 display: inline-block;
9790 width: 0;
9791 height: 32px;
9792 content: "";
9793 vertical-align: 0;
9794}
9795.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
9796 display: inline-block;
9797 width: 0;
9798 height: 20px;
9799 content: "";
9800 vertical-align: -20px;
9801}
9802.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
9803 display: block;
9804 margin-top: 0;
9805 /* @alternate */
9806 line-height: normal;
9807 margin-bottom: -20px;
9808}
9809.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
9810 display: inline-block;
9811 width: 0;
9812 height: 28px;
9813 content: "";
9814 vertical-align: 0;
9815}
9816.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
9817 display: inline-block;
9818 width: 0;
9819 height: 20px;
9820 content: "";
9821 vertical-align: -20px;
9822}
9823.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
9824 display: block;
9825 margin-top: 0;
9826 /* @alternate */
9827 line-height: normal;
9828}
9829.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
9830 display: inline-block;
9831 width: 0;
9832 height: 32px;
9833 content: "";
9834 vertical-align: 0;
9835}
9836.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
9837 height: 56px;
9838}
9839.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
9840 height: 72px;
9841}
9842
9843.mdc-list-item--with-leading-thumbnail.mdc-list-item {
9844 /* @noflip */
9845 padding-left: 0;
9846 /* @noflip */
9847 padding-right: auto;
9848}
9849[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item, .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl] {
9850 /* @noflip */
9851 padding-left: auto;
9852 /* @noflip */
9853 padding-right: 0;
9854}
9855
9856.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
9857 /* @noflip */
9858 margin-left: 16px;
9859 /* @noflip */
9860 margin-right: 16px;
9861}
9862[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start, .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl] {
9863 /* @noflip */
9864 margin-left: 16px;
9865 /* @noflip */
9866 margin-right: 16px;
9867}
9868
9869.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
9870 width: 40px;
9871 height: 40px;
9872}
9873.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
9874 display: block;
9875 margin-top: 0;
9876 /* @alternate */
9877 line-height: normal;
9878 margin-bottom: -20px;
9879}
9880.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
9881 display: inline-block;
9882 width: 0;
9883 height: 32px;
9884 content: "";
9885 vertical-align: 0;
9886}
9887.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
9888 display: inline-block;
9889 width: 0;
9890 height: 20px;
9891 content: "";
9892 vertical-align: -20px;
9893}
9894.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
9895 display: block;
9896 margin-top: 0;
9897 /* @alternate */
9898 line-height: normal;
9899 margin-bottom: -20px;
9900}
9901.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
9902 display: inline-block;
9903 width: 0;
9904 height: 28px;
9905 content: "";
9906 vertical-align: 0;
9907}
9908.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
9909 display: inline-block;
9910 width: 0;
9911 height: 20px;
9912 content: "";
9913 vertical-align: -20px;
9914}
9915.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
9916 display: block;
9917 margin-top: 0;
9918 /* @alternate */
9919 line-height: normal;
9920}
9921.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
9922 display: inline-block;
9923 width: 0;
9924 height: 32px;
9925 content: "";
9926 vertical-align: 0;
9927}
9928.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line {
9929 height: 56px;
9930}
9931.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines {
9932 height: 72px;
9933}
9934
9935.mdc-list-item--with-leading-image.mdc-list-item {
9936 /* @noflip */
9937 padding-left: 0;
9938 /* @noflip */
9939 padding-right: auto;
9940}
9941[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item, .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl] {
9942 /* @noflip */
9943 padding-left: auto;
9944 /* @noflip */
9945 padding-right: 0;
9946}
9947
9948.mdc-list-item--with-leading-image .mdc-list-item__start {
9949 /* @noflip */
9950 margin-left: 16px;
9951 /* @noflip */
9952 margin-right: 16px;
9953}
9954[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start, .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl] {
9955 /* @noflip */
9956 margin-left: 16px;
9957 /* @noflip */
9958 margin-right: 16px;
9959}
9960
9961.mdc-list-item--with-leading-image .mdc-list-item__start {
9962 width: 56px;
9963 height: 56px;
9964}
9965.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
9966 display: block;
9967 margin-top: 0;
9968 /* @alternate */
9969 line-height: normal;
9970 margin-bottom: -20px;
9971}
9972.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
9973 display: inline-block;
9974 width: 0;
9975 height: 32px;
9976 content: "";
9977 vertical-align: 0;
9978}
9979.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
9980 display: inline-block;
9981 width: 0;
9982 height: 20px;
9983 content: "";
9984 vertical-align: -20px;
9985}
9986.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
9987 display: block;
9988 margin-top: 0;
9989 /* @alternate */
9990 line-height: normal;
9991 margin-bottom: -20px;
9992}
9993.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
9994 display: inline-block;
9995 width: 0;
9996 height: 28px;
9997 content: "";
9998 vertical-align: 0;
9999}
10000.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
10001 display: inline-block;
10002 width: 0;
10003 height: 20px;
10004 content: "";
10005 vertical-align: -20px;
10006}
10007.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10008 display: block;
10009 margin-top: 0;
10010 /* @alternate */
10011 line-height: normal;
10012}
10013.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
10014 display: inline-block;
10015 width: 0;
10016 height: 32px;
10017 content: "";
10018 vertical-align: 0;
10019}
10020.mdc-list-item--with-leading-image.mdc-list-item--with-one-line {
10021 height: 72px;
10022}
10023.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines {
10024 height: 72px;
10025}
10026
10027.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start {
10028 align-self: flex-start;
10029 margin-top: 8px;
10030}
10031.mdc-list-item--with-leading-video.mdc-list-item {
10032 /* @noflip */
10033 padding-left: 0;
10034 /* @noflip */
10035 padding-right: auto;
10036}
10037[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item, .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl] {
10038 /* @noflip */
10039 padding-left: auto;
10040 /* @noflip */
10041 padding-right: 0;
10042}
10043
10044.mdc-list-item--with-leading-video .mdc-list-item__start {
10045 /* @noflip */
10046 margin-left: 0;
10047 /* @noflip */
10048 margin-right: 16px;
10049}
10050[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start, .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl] {
10051 /* @noflip */
10052 margin-left: 16px;
10053 /* @noflip */
10054 margin-right: 0;
10055}
10056
10057.mdc-list-item--with-leading-video .mdc-list-item__start {
10058 width: 100px;
10059 height: 56px;
10060}
10061.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
10062 display: block;
10063 margin-top: 0;
10064 /* @alternate */
10065 line-height: normal;
10066 margin-bottom: -20px;
10067}
10068.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
10069 display: inline-block;
10070 width: 0;
10071 height: 32px;
10072 content: "";
10073 vertical-align: 0;
10074}
10075.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
10076 display: inline-block;
10077 width: 0;
10078 height: 20px;
10079 content: "";
10080 vertical-align: -20px;
10081}
10082.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
10083 display: block;
10084 margin-top: 0;
10085 /* @alternate */
10086 line-height: normal;
10087 margin-bottom: -20px;
10088}
10089.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
10090 display: inline-block;
10091 width: 0;
10092 height: 28px;
10093 content: "";
10094 vertical-align: 0;
10095}
10096.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
10097 display: inline-block;
10098 width: 0;
10099 height: 20px;
10100 content: "";
10101 vertical-align: -20px;
10102}
10103.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10104 display: block;
10105 margin-top: 0;
10106 /* @alternate */
10107 line-height: normal;
10108}
10109.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
10110 display: inline-block;
10111 width: 0;
10112 height: 32px;
10113 content: "";
10114 vertical-align: 0;
10115}
10116.mdc-list-item--with-leading-video.mdc-list-item--with-one-line {
10117 height: 72px;
10118}
10119.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
10120 height: 72px;
10121}
10122
10123.mdc-list-item--with-leading-checkbox.mdc-list-item {
10124 /* @noflip */
10125 padding-left: 0;
10126 /* @noflip */
10127 padding-right: auto;
10128}
10129[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item, .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl] {
10130 /* @noflip */
10131 padding-left: auto;
10132 /* @noflip */
10133 padding-right: 0;
10134}
10135
10136.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
10137 /* @noflip */
10138 margin-left: 8px;
10139 /* @noflip */
10140 margin-right: 24px;
10141}
10142[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start, .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl] {
10143 /* @noflip */
10144 margin-left: 24px;
10145 /* @noflip */
10146 margin-right: 8px;
10147}
10148
10149.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
10150 width: 40px;
10151 height: 40px;
10152}
10153.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {
10154 align-self: flex-start;
10155 margin-top: 8px;
10156}
10157.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
10158 display: block;
10159 margin-top: 0;
10160 /* @alternate */
10161 line-height: normal;
10162 margin-bottom: -20px;
10163}
10164.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
10165 display: inline-block;
10166 width: 0;
10167 height: 32px;
10168 content: "";
10169 vertical-align: 0;
10170}
10171.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
10172 display: inline-block;
10173 width: 0;
10174 height: 20px;
10175 content: "";
10176 vertical-align: -20px;
10177}
10178.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
10179 display: block;
10180 margin-top: 0;
10181 /* @alternate */
10182 line-height: normal;
10183 margin-bottom: -20px;
10184}
10185.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
10186 display: inline-block;
10187 width: 0;
10188 height: 28px;
10189 content: "";
10190 vertical-align: 0;
10191}
10192.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
10193 display: inline-block;
10194 width: 0;
10195 height: 20px;
10196 content: "";
10197 vertical-align: -20px;
10198}
10199.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10200 display: block;
10201 margin-top: 0;
10202 /* @alternate */
10203 line-height: normal;
10204}
10205.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
10206 display: inline-block;
10207 width: 0;
10208 height: 32px;
10209 content: "";
10210 vertical-align: 0;
10211}
10212.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
10213 height: 56px;
10214}
10215.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines {
10216 height: 72px;
10217}
10218
10219.mdc-list-item--with-leading-radio.mdc-list-item {
10220 /* @noflip */
10221 padding-left: 0;
10222 /* @noflip */
10223 padding-right: auto;
10224}
10225[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item, .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl] {
10226 /* @noflip */
10227 padding-left: auto;
10228 /* @noflip */
10229 padding-right: 0;
10230}
10231
10232.mdc-list-item--with-leading-radio .mdc-list-item__start {
10233 /* @noflip */
10234 margin-left: 8px;
10235 /* @noflip */
10236 margin-right: 24px;
10237}
10238[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start, .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl] {
10239 /* @noflip */
10240 margin-left: 24px;
10241 /* @noflip */
10242 margin-right: 8px;
10243}
10244
10245.mdc-list-item--with-leading-radio .mdc-list-item__start {
10246 width: 40px;
10247 height: 40px;
10248}
10249.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start {
10250 align-self: flex-start;
10251 margin-top: 8px;
10252}
10253.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
10254 display: block;
10255 margin-top: 0;
10256 /* @alternate */
10257 line-height: normal;
10258 margin-bottom: -20px;
10259}
10260.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
10261 display: inline-block;
10262 width: 0;
10263 height: 32px;
10264 content: "";
10265 vertical-align: 0;
10266}
10267.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
10268 display: inline-block;
10269 width: 0;
10270 height: 20px;
10271 content: "";
10272 vertical-align: -20px;
10273}
10274.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
10275 display: block;
10276 margin-top: 0;
10277 /* @alternate */
10278 line-height: normal;
10279 margin-bottom: -20px;
10280}
10281.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
10282 display: inline-block;
10283 width: 0;
10284 height: 28px;
10285 content: "";
10286 vertical-align: 0;
10287}
10288.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
10289 display: inline-block;
10290 width: 0;
10291 height: 20px;
10292 content: "";
10293 vertical-align: -20px;
10294}
10295.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10296 display: block;
10297 margin-top: 0;
10298 /* @alternate */
10299 line-height: normal;
10300}
10301.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
10302 display: inline-block;
10303 width: 0;
10304 height: 32px;
10305 content: "";
10306 vertical-align: 0;
10307}
10308.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line {
10309 height: 56px;
10310}
10311.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines {
10312 height: 72px;
10313}
10314
10315.mdc-list-item--with-leading-switch.mdc-list-item {
10316 /* @noflip */
10317 padding-left: 0;
10318 /* @noflip */
10319 padding-right: auto;
10320}
10321[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item, .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl] {
10322 /* @noflip */
10323 padding-left: auto;
10324 /* @noflip */
10325 padding-right: 0;
10326}
10327
10328.mdc-list-item--with-leading-switch .mdc-list-item__start {
10329 /* @noflip */
10330 margin-left: 16px;
10331 /* @noflip */
10332 margin-right: 16px;
10333}
10334[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start, .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl] {
10335 /* @noflip */
10336 margin-left: 16px;
10337 /* @noflip */
10338 margin-right: 16px;
10339}
10340
10341.mdc-list-item--with-leading-switch .mdc-list-item__start {
10342 width: 36px;
10343 height: 20px;
10344}
10345.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start {
10346 align-self: flex-start;
10347 margin-top: 16px;
10348}
10349.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
10350 display: block;
10351 margin-top: 0;
10352 /* @alternate */
10353 line-height: normal;
10354 margin-bottom: -20px;
10355}
10356.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
10357 display: inline-block;
10358 width: 0;
10359 height: 32px;
10360 content: "";
10361 vertical-align: 0;
10362}
10363.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
10364 display: inline-block;
10365 width: 0;
10366 height: 20px;
10367 content: "";
10368 vertical-align: -20px;
10369}
10370.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
10371 display: block;
10372 margin-top: 0;
10373 /* @alternate */
10374 line-height: normal;
10375 margin-bottom: -20px;
10376}
10377.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
10378 display: inline-block;
10379 width: 0;
10380 height: 28px;
10381 content: "";
10382 vertical-align: 0;
10383}
10384.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
10385 display: inline-block;
10386 width: 0;
10387 height: 20px;
10388 content: "";
10389 vertical-align: -20px;
10390}
10391.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10392 display: block;
10393 margin-top: 0;
10394 /* @alternate */
10395 line-height: normal;
10396}
10397.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
10398 display: inline-block;
10399 width: 0;
10400 height: 32px;
10401 content: "";
10402 vertical-align: 0;
10403}
10404.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line {
10405 height: 56px;
10406}
10407.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines {
10408 height: 72px;
10409}
10410
10411.mdc-list-item--with-trailing-icon.mdc-list-item {
10412 /* @noflip */
10413 padding-left: auto;
10414 /* @noflip */
10415 padding-right: 0;
10416}
10417[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item, .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl] {
10418 /* @noflip */
10419 padding-left: 0;
10420 /* @noflip */
10421 padding-right: auto;
10422}
10423
10424.mdc-list-item--with-trailing-icon .mdc-list-item__end {
10425 /* @noflip */
10426 margin-left: 16px;
10427 /* @noflip */
10428 margin-right: 16px;
10429}
10430[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl] {
10431 /* @noflip */
10432 margin-left: 16px;
10433 /* @noflip */
10434 margin-right: 16px;
10435}
10436
10437.mdc-list-item--with-trailing-icon .mdc-list-item__end {
10438 width: 24px;
10439 height: 24px;
10440}
10441
10442.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
10443 align-self: flex-start;
10444 margin-top: 0;
10445}
10446.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
10447 align-self: flex-start;
10448 margin-top: 0;
10449}
10450.mdc-list-item--with-trailing-meta.mdc-list-item {
10451 /* @noflip */
10452 padding-left: auto;
10453 /* @noflip */
10454 padding-right: 0;
10455}
10456[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item, .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl] {
10457 /* @noflip */
10458 padding-left: 0;
10459 /* @noflip */
10460 padding-right: auto;
10461}
10462
10463.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10464 /* @noflip */
10465 margin-left: 28px;
10466 /* @noflip */
10467 margin-right: 16px;
10468}
10469[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end, .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl] {
10470 /* @noflip */
10471 margin-left: 16px;
10472 /* @noflip */
10473 margin-right: 28px;
10474}
10475
10476.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
10477 display: block;
10478 margin-top: 0;
10479 /* @alternate */
10480 line-height: normal;
10481}
10482.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {
10483 display: inline-block;
10484 width: 0;
10485 height: 28px;
10486 content: "";
10487 vertical-align: 0;
10488}
10489.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
10490 display: block;
10491 margin-top: 0;
10492 /* @alternate */
10493 line-height: normal;
10494}
10495.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before {
10496 display: inline-block;
10497 width: 0;
10498 height: 28px;
10499 content: "";
10500 vertical-align: 0;
10501}
10502.mdc-list-item--with-trailing-meta .mdc-list-item__end {
10503 -moz-osx-font-smoothing: grayscale;
10504 -webkit-font-smoothing: antialiased;
10505 font-family: Roboto, sans-serif;
10506 /* @alternate */
10507 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
10508 font-size: 0.75rem;
10509 /* @alternate */
10510 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
10511 line-height: 1.25rem;
10512 /* @alternate */
10513 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
10514 font-weight: 400;
10515 /* @alternate */
10516 font-weight: var(--mdc-typography-caption-font-weight, 400);
10517 letter-spacing: 0.0333333333em;
10518 /* @alternate */
10519 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
10520 text-decoration: inherit;
10521 /* @alternate */
10522 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
10523 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
10524 text-transform: inherit;
10525 /* @alternate */
10526 text-transform: var(--mdc-typography-caption-text-transform, inherit);
10527}
10528
10529.mdc-list-item--with-trailing-checkbox.mdc-list-item {
10530 /* @noflip */
10531 padding-left: auto;
10532 /* @noflip */
10533 padding-right: 0;
10534}
10535[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl] {
10536 /* @noflip */
10537 padding-left: 0;
10538 /* @noflip */
10539 padding-right: auto;
10540}
10541
10542.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
10543 /* @noflip */
10544 margin-left: 24px;
10545 /* @noflip */
10546 margin-right: 8px;
10547}
10548[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end, .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl] {
10549 /* @noflip */
10550 margin-left: 8px;
10551 /* @noflip */
10552 margin-right: 24px;
10553}
10554
10555.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
10556 width: 40px;
10557 height: 40px;
10558}
10559.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {
10560 align-self: flex-start;
10561 margin-top: 8px;
10562}
10563
10564.mdc-list-item--with-trailing-radio.mdc-list-item {
10565 /* @noflip */
10566 padding-left: auto;
10567 /* @noflip */
10568 padding-right: 0;
10569}
10570[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl] {
10571 /* @noflip */
10572 padding-left: 0;
10573 /* @noflip */
10574 padding-right: auto;
10575}
10576
10577.mdc-list-item--with-trailing-radio .mdc-list-item__end {
10578 /* @noflip */
10579 margin-left: 24px;
10580 /* @noflip */
10581 margin-right: 8px;
10582}
10583[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end, .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl] {
10584 /* @noflip */
10585 margin-left: 8px;
10586 /* @noflip */
10587 margin-right: 24px;
10588}
10589
10590.mdc-list-item--with-trailing-radio .mdc-list-item__end {
10591 width: 40px;
10592 height: 40px;
10593}
10594.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end {
10595 align-self: flex-start;
10596 margin-top: 8px;
10597}
10598
10599.mdc-list-item--with-trailing-switch.mdc-list-item {
10600 /* @noflip */
10601 padding-left: auto;
10602 /* @noflip */
10603 padding-right: 0;
10604}
10605[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item, .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl] {
10606 /* @noflip */
10607 padding-left: 0;
10608 /* @noflip */
10609 padding-right: auto;
10610}
10611
10612.mdc-list-item--with-trailing-switch .mdc-list-item__end {
10613 /* @noflip */
10614 margin-left: 16px;
10615 /* @noflip */
10616 margin-right: 16px;
10617}
10618[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end, .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl] {
10619 /* @noflip */
10620 margin-left: 16px;
10621 /* @noflip */
10622 margin-right: 16px;
10623}
10624
10625.mdc-list-item--with-trailing-switch .mdc-list-item__end {
10626 width: 36px;
10627 height: 20px;
10628}
10629.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end {
10630 align-self: flex-start;
10631 margin-top: 16px;
10632}
10633
10634.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
10635 display: block;
10636 margin-top: 0;
10637 /* @alternate */
10638 line-height: normal;
10639}
10640.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
10641 display: inline-block;
10642 width: 0;
10643 height: 20px;
10644 content: "";
10645 vertical-align: 0;
10646}
10647.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
10648 display: block;
10649 margin-top: 0;
10650 /* @alternate */
10651 line-height: normal;
10652}
10653.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
10654 display: inline-block;
10655 width: 0;
10656 height: 20px;
10657 content: "";
10658 vertical-align: 0;
10659}
10660
10661.mdc-list-item {
10662 /* @noflip */
10663 padding-left: 16px;
10664 /* @noflip */
10665 padding-right: 16px;
10666}
10667[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
10668 /* @noflip */
10669 padding-left: 16px;
10670 /* @noflip */
10671 padding-right: 16px;
10672}
10673
10674.mdc-list-group .mdc-deprecated-list {
10675 padding: 0;
10676}
10677
10678.mdc-list-group__subheader {
10679 -moz-osx-font-smoothing: grayscale;
10680 -webkit-font-smoothing: antialiased;
10681 font-family: Roboto, sans-serif;
10682 /* @alternate */
10683 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
10684 font-size: 1rem;
10685 /* @alternate */
10686 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
10687 line-height: 1.75rem;
10688 /* @alternate */
10689 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
10690 font-weight: 400;
10691 /* @alternate */
10692 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
10693 letter-spacing: 0.009375em;
10694 /* @alternate */
10695 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
10696 text-decoration: inherit;
10697 /* @alternate */
10698 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
10699 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
10700 text-transform: inherit;
10701 /* @alternate */
10702 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
10703 margin: calc( (3rem - 1.5rem) / 2 ) 16px;
10704}
10705
10706.mdc-list-divider {
10707 background-color: rgba(0, 0, 0, 0.12);
10708}
10709
10710.mdc-list-divider {
10711 height: 1px;
10712 padding: 0;
10713 background-clip: content-box;
10714}
10715
10716.mdc-list-divider.mdc-list-divider--with-leading-inset,
10717.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
10718.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
10719.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
10720.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
10721.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
10722.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
10723.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
10724.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset {
10725 /* @noflip */
10726 padding-left: 16px;
10727 /* @noflip */
10728 padding-right: auto;
10729}
10730[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] {
10731 /* @noflip */
10732 padding-left: auto;
10733 /* @noflip */
10734 padding-right: 16px;
10735}
10736
10737.mdc-list-divider.mdc-list-divider--with-trailing-inset,
10738.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
10739.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
10740.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
10741.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
10742.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
10743.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
10744.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
10745.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset {
10746 /* @noflip */
10747 padding-left: auto;
10748 /* @noflip */
10749 padding-right: 16px;
10750}
10751[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] {
10752 /* @noflip */
10753 padding-left: 16px;
10754 /* @noflip */
10755 padding-right: auto;
10756}
10757
10758.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
10759 /* @noflip */
10760 padding-left: 0px;
10761 /* @noflip */
10762 padding-right: auto;
10763}
10764[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset, .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl] {
10765 /* @noflip */
10766 padding-left: auto;
10767 /* @noflip */
10768 padding-right: 0px;
10769}
10770
10771[dir=rtl] .mdc-list-divider, .mdc-list-divider[dir=rtl] {
10772 padding: 0;
10773}
10774
10775:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
10776 --mdc-ripple-fg-size: 0;
10777 --mdc-ripple-left: 0;
10778 --mdc-ripple-top: 0;
10779 --mdc-ripple-fg-scale: 1;
10780 --mdc-ripple-fg-translate-end: 0;
10781 --mdc-ripple-fg-translate-start: 0;
10782 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
10783 will-change: transform, opacity;
10784 --mdc-ripple-fg-size: 0;
10785 --mdc-ripple-left: 0;
10786 --mdc-ripple-top: 0;
10787 --mdc-ripple-fg-scale: 1;
10788 --mdc-ripple-fg-translate-end: 0;
10789 --mdc-ripple-fg-translate-start: 0;
10790 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
10791 will-change: transform, opacity;
10792}
10793:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
10794:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
10795 position: absolute;
10796 border-radius: 50%;
10797 opacity: 0;
10798 pointer-events: none;
10799 content: "";
10800}
10801:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before {
10802 transition: opacity 15ms linear, background-color 15ms linear;
10803 z-index: 1;
10804 /* @alternate */
10805 z-index: var(--mdc-ripple-z-index, 1);
10806}
10807:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
10808 z-index: 0;
10809 /* @alternate */
10810 z-index: var(--mdc-ripple-z-index, 0);
10811}
10812:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before {
10813 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
10814 transform: scale(var(--mdc-ripple-fg-scale, 1));
10815}
10816:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
10817 top: 0;
10818 /* @noflip */
10819 left: 0;
10820 -webkit-transform: scale(0);
10821 transform: scale(0);
10822 -webkit-transform-origin: center center;
10823 transform-origin: center center;
10824}
10825:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
10826 top: var(--mdc-ripple-top, 0);
10827 /* @noflip */
10828 left: var(--mdc-ripple-left, 0);
10829}
10830:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
10831 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
10832 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
10833}
10834:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after {
10835 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
10836 animation: mdc-ripple-fg-opacity-out 150ms;
10837 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
10838 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
10839}
10840:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
10841:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
10842 position: absolute;
10843 border-radius: 50%;
10844 opacity: 0;
10845 pointer-events: none;
10846 content: "";
10847}
10848:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before {
10849 transition: opacity 15ms linear, background-color 15ms linear;
10850 z-index: 1;
10851 /* @alternate */
10852 z-index: var(--mdc-ripple-z-index, 1);
10853}
10854:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
10855 z-index: 0;
10856 /* @alternate */
10857 z-index: var(--mdc-ripple-z-index, 0);
10858}
10859:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
10860 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
10861 transform: scale(var(--mdc-ripple-fg-scale, 1));
10862}
10863:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
10864 top: 0;
10865 /* @noflip */
10866 left: 0;
10867 -webkit-transform: scale(0);
10868 transform: scale(0);
10869 -webkit-transform-origin: center center;
10870 transform-origin: center center;
10871}
10872:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
10873 top: var(--mdc-ripple-top, 0);
10874 /* @noflip */
10875 left: var(--mdc-ripple-left, 0);
10876}
10877:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
10878 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
10879 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
10880}
10881:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
10882 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
10883 animation: mdc-ripple-fg-opacity-out 150ms;
10884 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
10885 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
10886}
10887:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
10888:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
10889 top: calc(50% - 100%);
10890 /* @noflip */
10891 left: calc(50% - 100%);
10892 width: 200%;
10893 height: 200%;
10894}
10895:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
10896 width: var(--mdc-ripple-fg-size, 100%);
10897 height: var(--mdc-ripple-fg-size, 100%);
10898}
10899:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
10900:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
10901 top: calc(50% - 100%);
10902 /* @noflip */
10903 left: calc(50% - 100%);
10904 width: 200%;
10905 height: 200%;
10906}
10907:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
10908 width: var(--mdc-ripple-fg-size, 100%);
10909 height: var(--mdc-ripple-fg-size, 100%);
10910}
10911:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
10912 background-color: #000;
10913 /* @alternate */
10914 background-color: var(--mdc-ripple-color, #000);
10915}
10916:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
10917 opacity: 0.04;
10918 /* @alternate */
10919 opacity: var(--mdc-ripple-hover-opacity, 0.04);
10920}
10921:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
10922 transition-duration: 75ms;
10923 opacity: 0.12;
10924 /* @alternate */
10925 opacity: var(--mdc-ripple-focus-opacity, 0.12);
10926}
10927:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
10928 transition: opacity 150ms linear;
10929}
10930:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
10931 transition-duration: 75ms;
10932 opacity: 0.12;
10933 /* @alternate */
10934 opacity: var(--mdc-ripple-press-opacity, 0.12);
10935}
10936:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
10937 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
10938}
10939:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
10940 background-color: #000;
10941 /* @alternate */
10942 background-color: var(--mdc-ripple-color, #000);
10943}
10944:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
10945 opacity: 0.04;
10946 /* @alternate */
10947 opacity: var(--mdc-ripple-hover-opacity, 0.04);
10948}
10949:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
10950 transition-duration: 75ms;
10951 opacity: 0.12;
10952 /* @alternate */
10953 opacity: var(--mdc-ripple-focus-opacity, 0.12);
10954}
10955:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
10956 transition: opacity 150ms linear;
10957}
10958:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
10959 transition-duration: 75ms;
10960 opacity: 0.12;
10961 /* @alternate */
10962 opacity: var(--mdc-ripple-press-opacity, 0.12);
10963}
10964:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
10965 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
10966}
10967:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before {
10968 opacity: 0.12;
10969 /* @alternate */
10970 opacity: var(--mdc-ripple-activated-opacity, 0.12);
10971}
10972:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after {
10973 background-color: #6200ee;
10974 /* @alternate */
10975 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
10976}
10977:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
10978 opacity: 0.16;
10979 /* @alternate */
10980 opacity: var(--mdc-ripple-hover-opacity, 0.16);
10981}
10982:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
10983 transition-duration: 75ms;
10984 opacity: 0.24;
10985 /* @alternate */
10986 opacity: var(--mdc-ripple-focus-opacity, 0.24);
10987}
10988:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
10989 transition: opacity 150ms linear;
10990}
10991:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
10992 transition-duration: 75ms;
10993 opacity: 0.24;
10994 /* @alternate */
10995 opacity: var(--mdc-ripple-press-opacity, 0.24);
10996}
10997:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
10998 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
10999}
11000:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before {
11001 opacity: 0.12;
11002 /* @alternate */
11003 opacity: var(--mdc-ripple-activated-opacity, 0.12);
11004}
11005:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after {
11006 background-color: #6200ee;
11007 /* @alternate */
11008 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
11009}
11010:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
11011 opacity: 0.16;
11012 /* @alternate */
11013 opacity: var(--mdc-ripple-hover-opacity, 0.16);
11014}
11015:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11016 transition-duration: 75ms;
11017 opacity: 0.24;
11018 /* @alternate */
11019 opacity: var(--mdc-ripple-focus-opacity, 0.24);
11020}
11021:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
11022 transition: opacity 150ms linear;
11023}
11024:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
11025 transition-duration: 75ms;
11026 opacity: 0.24;
11027 /* @alternate */
11028 opacity: var(--mdc-ripple-press-opacity, 0.24);
11029}
11030:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
11031 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
11032}
11033:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before {
11034 opacity: 0.08;
11035 /* @alternate */
11036 opacity: var(--mdc-ripple-selected-opacity, 0.08);
11037}
11038:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
11039 background-color: #6200ee;
11040 /* @alternate */
11041 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
11042}
11043:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
11044 opacity: 0.12;
11045 /* @alternate */
11046 opacity: var(--mdc-ripple-hover-opacity, 0.12);
11047}
11048:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
11049 transition-duration: 75ms;
11050 opacity: 0.2;
11051 /* @alternate */
11052 opacity: var(--mdc-ripple-focus-opacity, 0.2);
11053}
11054:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
11055 transition: opacity 150ms linear;
11056}
11057:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
11058 transition-duration: 75ms;
11059 opacity: 0.2;
11060 /* @alternate */
11061 opacity: var(--mdc-ripple-press-opacity, 0.2);
11062}
11063:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
11064 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
11065}
11066:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before {
11067 opacity: 0.08;
11068 /* @alternate */
11069 opacity: var(--mdc-ripple-selected-opacity, 0.08);
11070}
11071:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
11072 background-color: #6200ee;
11073 /* @alternate */
11074 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
11075}
11076:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
11077 opacity: 0.12;
11078 /* @alternate */
11079 opacity: var(--mdc-ripple-hover-opacity, 0.12);
11080}
11081:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11082 transition-duration: 75ms;
11083 opacity: 0.2;
11084 /* @alternate */
11085 opacity: var(--mdc-ripple-focus-opacity, 0.2);
11086}
11087:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
11088 transition: opacity 150ms linear;
11089}
11090:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
11091 transition-duration: 75ms;
11092 opacity: 0.2;
11093 /* @alternate */
11094 opacity: var(--mdc-ripple-press-opacity, 0.2);
11095}
11096:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
11097 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
11098}
11099:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
11100:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple {
11101 position: absolute;
11102 top: 0;
11103 left: 0;
11104 width: 100%;
11105 height: 100%;
11106 pointer-events: none;
11107}
11108
11109.mdc-deprecated-list-item--disabled {
11110 --mdc-ripple-fg-size: 0;
11111 --mdc-ripple-left: 0;
11112 --mdc-ripple-top: 0;
11113 --mdc-ripple-fg-scale: 1;
11114 --mdc-ripple-fg-translate-end: 0;
11115 --mdc-ripple-fg-translate-start: 0;
11116 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11117 will-change: transform, opacity;
11118 --mdc-ripple-fg-size: 0;
11119 --mdc-ripple-left: 0;
11120 --mdc-ripple-top: 0;
11121 --mdc-ripple-fg-scale: 1;
11122 --mdc-ripple-fg-translate-end: 0;
11123 --mdc-ripple-fg-translate-start: 0;
11124 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11125 will-change: transform, opacity;
11126}
11127.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
11128.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
11129 position: absolute;
11130 border-radius: 50%;
11131 opacity: 0;
11132 pointer-events: none;
11133 content: "";
11134}
11135.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before {
11136 transition: opacity 15ms linear, background-color 15ms linear;
11137 z-index: 1;
11138 /* @alternate */
11139 z-index: var(--mdc-ripple-z-index, 1);
11140}
11141.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
11142 z-index: 0;
11143 /* @alternate */
11144 z-index: var(--mdc-ripple-z-index, 0);
11145}
11146.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before {
11147 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
11148 transform: scale(var(--mdc-ripple-fg-scale, 1));
11149}
11150.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
11151 top: 0;
11152 /* @noflip */
11153 left: 0;
11154 -webkit-transform: scale(0);
11155 transform: scale(0);
11156 -webkit-transform-origin: center center;
11157 transform-origin: center center;
11158}
11159.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
11160 top: var(--mdc-ripple-top, 0);
11161 /* @noflip */
11162 left: var(--mdc-ripple-left, 0);
11163}
11164.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
11165 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11166 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11167}
11168.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after {
11169 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
11170 animation: mdc-ripple-fg-opacity-out 150ms;
11171 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11172 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11173}
11174.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
11175.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
11176 position: absolute;
11177 border-radius: 50%;
11178 opacity: 0;
11179 pointer-events: none;
11180 content: "";
11181}
11182.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before {
11183 transition: opacity 15ms linear, background-color 15ms linear;
11184 z-index: 1;
11185 /* @alternate */
11186 z-index: var(--mdc-ripple-z-index, 1);
11187}
11188.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
11189 z-index: 0;
11190 /* @alternate */
11191 z-index: var(--mdc-ripple-z-index, 0);
11192}
11193.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
11194 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
11195 transform: scale(var(--mdc-ripple-fg-scale, 1));
11196}
11197.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
11198 top: 0;
11199 /* @noflip */
11200 left: 0;
11201 -webkit-transform: scale(0);
11202 transform: scale(0);
11203 -webkit-transform-origin: center center;
11204 transform-origin: center center;
11205}
11206.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
11207 top: var(--mdc-ripple-top, 0);
11208 /* @noflip */
11209 left: var(--mdc-ripple-left, 0);
11210}
11211.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
11212 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11213 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11214}
11215.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
11216 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
11217 animation: mdc-ripple-fg-opacity-out 150ms;
11218 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11219 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11220}
11221.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
11222.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
11223 top: calc(50% - 100%);
11224 /* @noflip */
11225 left: calc(50% - 100%);
11226 width: 200%;
11227 height: 200%;
11228}
11229.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
11230 width: var(--mdc-ripple-fg-size, 100%);
11231 height: var(--mdc-ripple-fg-size, 100%);
11232}
11233.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
11234.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
11235 top: calc(50% - 100%);
11236 /* @noflip */
11237 left: calc(50% - 100%);
11238 width: 200%;
11239 height: 200%;
11240}
11241.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
11242 width: var(--mdc-ripple-fg-size, 100%);
11243 height: var(--mdc-ripple-fg-size, 100%);
11244}
11245.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
11246.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
11247 background-color: #000;
11248 /* @alternate */
11249 background-color: var(--mdc-ripple-color, #000);
11250}
11251.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
11252.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
11253 background-color: #000;
11254 /* @alternate */
11255 background-color: var(--mdc-ripple-color, #000);
11256}
11257.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
11258 transition-duration: 75ms;
11259 opacity: 0.12;
11260 /* @alternate */
11261 opacity: var(--mdc-ripple-focus-opacity, 0.12);
11262}
11263.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11264 transition-duration: 75ms;
11265 opacity: 0.12;
11266 /* @alternate */
11267 opacity: var(--mdc-ripple-focus-opacity, 0.12);
11268}
11269.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple,
11270.mdc-deprecated-list-item--disabled .mdc-list-item__ripple {
11271 position: absolute;
11272 top: 0;
11273 left: 0;
11274 width: 100%;
11275 height: 100%;
11276 pointer-events: none;
11277}
11278
11279:not(.mdc-list-item--disabled).mdc-list-item {
11280 --mdc-ripple-fg-size: 0;
11281 --mdc-ripple-left: 0;
11282 --mdc-ripple-top: 0;
11283 --mdc-ripple-fg-scale: 1;
11284 --mdc-ripple-fg-translate-end: 0;
11285 --mdc-ripple-fg-translate-start: 0;
11286 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11287 will-change: transform, opacity;
11288}
11289:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
11290:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
11291 position: absolute;
11292 border-radius: 50%;
11293 opacity: 0;
11294 pointer-events: none;
11295 content: "";
11296}
11297:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
11298 transition: opacity 15ms linear, background-color 15ms linear;
11299 z-index: 1;
11300 /* @alternate */
11301 z-index: var(--mdc-ripple-z-index, 1);
11302}
11303:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
11304 z-index: 0;
11305 /* @alternate */
11306 z-index: var(--mdc-ripple-z-index, 0);
11307}
11308:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
11309 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
11310 transform: scale(var(--mdc-ripple-fg-scale, 1));
11311}
11312:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
11313 top: 0;
11314 /* @noflip */
11315 left: 0;
11316 -webkit-transform: scale(0);
11317 transform: scale(0);
11318 -webkit-transform-origin: center center;
11319 transform-origin: center center;
11320}
11321:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
11322 top: var(--mdc-ripple-top, 0);
11323 /* @noflip */
11324 left: var(--mdc-ripple-left, 0);
11325}
11326:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
11327 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11328 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11329}
11330:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
11331 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
11332 animation: mdc-ripple-fg-opacity-out 150ms;
11333 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11334 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11335}
11336:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
11337:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
11338 top: calc(50% - 100%);
11339 /* @noflip */
11340 left: calc(50% - 100%);
11341 width: 200%;
11342 height: 200%;
11343}
11344:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
11345 width: var(--mdc-ripple-fg-size, 100%);
11346 height: var(--mdc-ripple-fg-size, 100%);
11347}
11348:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
11349 background-color: #000;
11350 /* @alternate */
11351 background-color: var(--mdc-ripple-color, #000);
11352}
11353:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
11354 opacity: 0.04;
11355 /* @alternate */
11356 opacity: var(--mdc-ripple-hover-opacity, 0.04);
11357}
11358:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11359 transition-duration: 75ms;
11360 opacity: 0.12;
11361 /* @alternate */
11362 opacity: var(--mdc-ripple-focus-opacity, 0.12);
11363}
11364:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
11365 transition: opacity 150ms linear;
11366}
11367:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
11368 transition-duration: 75ms;
11369 opacity: 0.12;
11370 /* @alternate */
11371 opacity: var(--mdc-ripple-press-opacity, 0.12);
11372}
11373:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
11374 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
11375}
11376:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
11377 opacity: 0.12;
11378 /* @alternate */
11379 opacity: var(--mdc-ripple-activated-opacity, 0.12);
11380}
11381:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
11382 background-color: #6200ee;
11383 /* @alternate */
11384 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
11385}
11386:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
11387 opacity: 0.16;
11388 /* @alternate */
11389 opacity: var(--mdc-ripple-hover-opacity, 0.16);
11390}
11391:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11392 transition-duration: 75ms;
11393 opacity: 0.24;
11394 /* @alternate */
11395 opacity: var(--mdc-ripple-focus-opacity, 0.24);
11396}
11397:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
11398 transition: opacity 150ms linear;
11399}
11400:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
11401 transition-duration: 75ms;
11402 opacity: 0.24;
11403 /* @alternate */
11404 opacity: var(--mdc-ripple-press-opacity, 0.24);
11405}
11406:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
11407 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
11408}
11409:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
11410 opacity: 0.08;
11411 /* @alternate */
11412 opacity: var(--mdc-ripple-selected-opacity, 0.08);
11413}
11414:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
11415 background-color: #6200ee;
11416 /* @alternate */
11417 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
11418}
11419:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
11420 opacity: 0.12;
11421 /* @alternate */
11422 opacity: var(--mdc-ripple-hover-opacity, 0.12);
11423}
11424:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11425 transition-duration: 75ms;
11426 opacity: 0.2;
11427 /* @alternate */
11428 opacity: var(--mdc-ripple-focus-opacity, 0.2);
11429}
11430:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
11431 transition: opacity 150ms linear;
11432}
11433:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
11434 transition-duration: 75ms;
11435 opacity: 0.2;
11436 /* @alternate */
11437 opacity: var(--mdc-ripple-press-opacity, 0.2);
11438}
11439:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
11440 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
11441}
11442:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
11443 position: absolute;
11444 top: 0;
11445 left: 0;
11446 width: 100%;
11447 height: 100%;
11448 pointer-events: none;
11449}
11450
11451.mdc-list-item--disabled {
11452 --mdc-ripple-fg-size: 0;
11453 --mdc-ripple-left: 0;
11454 --mdc-ripple-top: 0;
11455 --mdc-ripple-fg-scale: 1;
11456 --mdc-ripple-fg-translate-end: 0;
11457 --mdc-ripple-fg-translate-start: 0;
11458 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11459 will-change: transform, opacity;
11460}
11461.mdc-list-item--disabled .mdc-list-item__ripple::before,
11462.mdc-list-item--disabled .mdc-list-item__ripple::after {
11463 position: absolute;
11464 border-radius: 50%;
11465 opacity: 0;
11466 pointer-events: none;
11467 content: "";
11468}
11469.mdc-list-item--disabled .mdc-list-item__ripple::before {
11470 transition: opacity 15ms linear, background-color 15ms linear;
11471 z-index: 1;
11472 /* @alternate */
11473 z-index: var(--mdc-ripple-z-index, 1);
11474}
11475.mdc-list-item--disabled .mdc-list-item__ripple::after {
11476 z-index: 0;
11477 /* @alternate */
11478 z-index: var(--mdc-ripple-z-index, 0);
11479}
11480.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
11481 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
11482 transform: scale(var(--mdc-ripple-fg-scale, 1));
11483}
11484.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
11485 top: 0;
11486 /* @noflip */
11487 left: 0;
11488 -webkit-transform: scale(0);
11489 transform: scale(0);
11490 -webkit-transform-origin: center center;
11491 transform-origin: center center;
11492}
11493.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
11494 top: var(--mdc-ripple-top, 0);
11495 /* @noflip */
11496 left: var(--mdc-ripple-left, 0);
11497}
11498.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
11499 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11500 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11501}
11502.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
11503 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
11504 animation: mdc-ripple-fg-opacity-out 150ms;
11505 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11506 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11507}
11508.mdc-list-item--disabled .mdc-list-item__ripple::before,
11509.mdc-list-item--disabled .mdc-list-item__ripple::after {
11510 top: calc(50% - 100%);
11511 /* @noflip */
11512 left: calc(50% - 100%);
11513 width: 200%;
11514 height: 200%;
11515}
11516.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
11517 width: var(--mdc-ripple-fg-size, 100%);
11518 height: var(--mdc-ripple-fg-size, 100%);
11519}
11520.mdc-list-item--disabled .mdc-list-item__ripple::before,
11521.mdc-list-item--disabled .mdc-list-item__ripple::after {
11522 background-color: #000;
11523 /* @alternate */
11524 background-color: var(--mdc-ripple-color, #000);
11525}
11526.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
11527 transition-duration: 75ms;
11528 opacity: 0.12;
11529 /* @alternate */
11530 opacity: var(--mdc-ripple-focus-opacity, 0.12);
11531}
11532.mdc-list-item--disabled .mdc-list-item__ripple {
11533 position: absolute;
11534 top: 0;
11535 left: 0;
11536 width: 100%;
11537 height: 100%;
11538 pointer-events: none;
11539}
11540
11541.mdc-menu {
11542 min-width: 112px;
11543 /* @alternate */
11544 min-width: var(--mdc-menu-min-width, 112px);
11545}
11546.mdc-menu .mdc-deprecated-list-item__meta {
11547 color: rgba(0, 0, 0, 0.87);
11548}
11549.mdc-menu .mdc-deprecated-list-item__graphic {
11550 color: rgba(0, 0, 0, 0.87);
11551}
11552.mdc-menu .mdc-deprecated-list {
11553 color: rgba(0, 0, 0, 0.87);
11554 /* @alternate */
11555 position: relative;
11556}
11557.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay {
11558 width: 100%;
11559 height: 100%;
11560 top: 0;
11561 /* @noflip */
11562 left: 0;
11563}
11564.mdc-menu .mdc-deprecated-list-divider {
11565 margin: 8px 0;
11566}
11567.mdc-menu .mdc-deprecated-list-item {
11568 -webkit-user-select: none;
11569 -moz-user-select: none;
11570 -ms-user-select: none;
11571 user-select: none;
11572}
11573.mdc-menu .mdc-deprecated-list-item--disabled {
11574 cursor: auto;
11575}
11576.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,
11577.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic {
11578 pointer-events: none;
11579}
11580
11581.mdc-menu__selection-group {
11582 padding: 0;
11583 fill: currentColor;
11584}
11585.mdc-menu__selection-group .mdc-deprecated-list-item {
11586 /* @noflip */
11587 padding-left: 56px;
11588 /* @noflip */
11589 padding-right: 16px;
11590}
11591[dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item, .mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl] {
11592 /* @noflip */
11593 padding-left: 16px;
11594 /* @noflip */
11595 padding-right: 56px;
11596}
11597
11598.mdc-menu__selection-group .mdc-menu__selection-group-icon {
11599 /* @noflip */
11600 left: 16px;
11601 /* @noflip */
11602 right: initial;
11603 display: none;
11604 position: absolute;
11605 top: 50%;
11606 -webkit-transform: translateY(-50%);
11607 transform: translateY(-50%);
11608}
11609[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
11610 /* @noflip */
11611 left: initial;
11612 /* @noflip */
11613 right: 16px;
11614}
11615
11616.mdc-menu-item--selected .mdc-menu__selection-group-icon {
11617 display: inline;
11618}
11619
11620.mdc-menu-surface {
11621 display: none;
11622 position: absolute;
11623 box-sizing: border-box;
11624 max-width: calc(100vw - 32px);
11625 /* @alternate */
11626 max-width: var(--mdc-menu-max-width, calc(100vw - 32px));
11627 max-height: calc(100vh - 32px);
11628 /* @alternate */
11629 max-height: var(--mdc-menu-max-height, calc(100vh - 32px));
11630 margin: 0;
11631 padding: 0;
11632 -webkit-transform: scale(1);
11633 transform: scale(1);
11634 -webkit-transform-origin: top left;
11635 transform-origin: top left;
11636 opacity: 0;
11637 overflow: auto;
11638 will-change: transform, opacity;
11639 z-index: 8;
11640 transition: opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
11641 transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);
11642 transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
11643 /* @alternate */
11644 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);
11645 background-color: #fff;
11646 /* @alternate */
11647 background-color: var(--mdc-theme-surface, #fff);
11648 color: #000;
11649 /* @alternate */
11650 color: var(--mdc-theme-on-surface, #000);
11651 border-radius: 4px;
11652 /* @alternate */
11653 border-radius: var(--mdc-shape-medium, 4px);
11654 /* @noflip */
11655 transform-origin-left: top left;
11656 /* @noflip */
11657 transform-origin-right: top right;
11658}
11659.mdc-menu-surface:focus {
11660 outline: none;
11661}
11662.mdc-menu-surface--animating-open {
11663 display: inline-block;
11664 -webkit-transform: scale(0.8);
11665 transform: scale(0.8);
11666 opacity: 0;
11667}
11668.mdc-menu-surface--open {
11669 display: inline-block;
11670 -webkit-transform: scale(1);
11671 transform: scale(1);
11672 opacity: 1;
11673}
11674.mdc-menu-surface--animating-closed {
11675 display: inline-block;
11676 opacity: 0;
11677 transition: opacity 0.075s linear;
11678}
11679[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
11680 /* @noflip */
11681 transform-origin-left: top right;
11682 /* @noflip */
11683 transform-origin-right: top left;
11684}
11685
11686.mdc-menu-surface--anchor {
11687 position: relative;
11688 overflow: visible;
11689}
11690
11691.mdc-menu-surface--fixed {
11692 position: fixed;
11693}
11694
11695.mdc-menu-surface--fullwidth {
11696 width: 100%;
11697}
11698
11699.mdc-radio {
11700 padding: calc((40px - 20px) / 2);
11701}
11702.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
11703 border-color: rgba(0, 0, 0, 0.54);
11704}
11705.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
11706 border-color: #018786;
11707 /* @alternate */
11708 border-color: var(--mdc-theme-secondary, #018786);
11709}
11710.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
11711 border-color: #018786;
11712 /* @alternate */
11713 border-color: var(--mdc-theme-secondary, #018786);
11714}
11715.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
11716.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
11717 border-color: rgba(0, 0, 0, 0.38);
11718}
11719.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
11720.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
11721 border-color: rgba(0, 0, 0, 0.38);
11722}
11723.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
11724.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
11725 border-color: rgba(0, 0, 0, 0.38);
11726}
11727.mdc-radio .mdc-radio__background::before {
11728 background-color: #018786;
11729 /* @alternate */
11730 background-color: var(--mdc-theme-secondary, #018786);
11731}
11732.mdc-radio .mdc-radio__background::before {
11733 top: calc(-1 * (40px - 20px) / 2);
11734 left: calc(-1 * (40px - 20px) / 2);
11735 width: 40px;
11736 height: 40px;
11737}
11738.mdc-radio .mdc-radio__native-control {
11739 top: calc((40px - 40px) / 2);
11740 right: calc((40px - 40px) / 2);
11741 left: calc((40px - 40px) / 2);
11742 width: 40px;
11743 height: 40px;
11744}
11745@media screen and (forced-colors: active), (-ms-high-contrast: active) {
11746 .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
11747.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
11748 border-color: GrayText;
11749 }
11750 .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
11751.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
11752 border-color: GrayText;
11753 }
11754 .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
11755.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
11756 border-color: GrayText;
11757 }
11758}
11759
11760.mdc-radio {
11761 display: inline-block;
11762 position: relative;
11763 flex: 0 0 auto;
11764 box-sizing: content-box;
11765 width: 20px;
11766 height: 20px;
11767 cursor: pointer;
11768 /* @alternate */
11769 will-change: opacity, transform, border-color, color;
11770}
11771.mdc-radio__background {
11772 display: inline-block;
11773 position: relative;
11774 box-sizing: border-box;
11775 width: 20px;
11776 height: 20px;
11777}
11778.mdc-radio__background::before {
11779 position: absolute;
11780 -webkit-transform: scale(0, 0);
11781 transform: scale(0, 0);
11782 border-radius: 50%;
11783 opacity: 0;
11784 pointer-events: none;
11785 content: "";
11786 transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11787 transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11788 transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11789}
11790.mdc-radio__outer-circle {
11791 position: absolute;
11792 top: 0;
11793 left: 0;
11794 box-sizing: border-box;
11795 width: 100%;
11796 height: 100%;
11797 border-width: 2px;
11798 border-style: solid;
11799 border-radius: 50%;
11800 transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11801}
11802.mdc-radio__inner-circle {
11803 position: absolute;
11804 top: 0;
11805 left: 0;
11806 box-sizing: border-box;
11807 width: 100%;
11808 height: 100%;
11809 -webkit-transform: scale(0, 0);
11810 transform: scale(0, 0);
11811 border-width: 10px;
11812 border-style: solid;
11813 border-radius: 50%;
11814 transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11815 transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11816 transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
11817}
11818.mdc-radio__native-control {
11819 position: absolute;
11820 margin: 0;
11821 padding: 0;
11822 opacity: 0;
11823 cursor: inherit;
11824 z-index: 1;
11825}
11826.mdc-radio--touch {
11827 margin-top: 4px;
11828 margin-bottom: 4px;
11829 margin-right: 4px;
11830 margin-left: 4px;
11831}
11832.mdc-radio--touch .mdc-radio__native-control {
11833 top: calc((40px - 48px) / 2);
11834 right: calc((40px - 48px) / 2);
11835 left: calc((40px - 48px) / 2);
11836 width: 48px;
11837 height: 48px;
11838}
11839
11840.mdc-radio__native-control:checked + .mdc-radio__background,
11841.mdc-radio__native-control:disabled + .mdc-radio__background {
11842 transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11843 transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11844 transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11845}
11846.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
11847.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
11848 transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11849}
11850.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
11851.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
11852 transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11853 transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11854 transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11855}
11856
11857.mdc-radio--disabled {
11858 cursor: default;
11859 pointer-events: none;
11860}
11861
11862.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
11863 -webkit-transform: scale(0.5);
11864 transform: scale(0.5);
11865 transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11866 transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11867 transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11868}
11869
11870.mdc-radio__native-control:disabled + .mdc-radio__background,
11871[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
11872 cursor: default;
11873}
11874
11875.mdc-radio__native-control:focus + .mdc-radio__background::before {
11876 -webkit-transform: scale(1);
11877 transform: scale(1);
11878 opacity: 0.12;
11879 transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11880 transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11881 transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
11882}
11883
11884.mdc-radio {
11885 --mdc-ripple-fg-size: 0;
11886 --mdc-ripple-left: 0;
11887 --mdc-ripple-top: 0;
11888 --mdc-ripple-fg-scale: 1;
11889 --mdc-ripple-fg-translate-end: 0;
11890 --mdc-ripple-fg-translate-start: 0;
11891 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11892 will-change: transform, opacity;
11893}
11894.mdc-radio .mdc-radio__ripple::before,
11895.mdc-radio .mdc-radio__ripple::after {
11896 position: absolute;
11897 border-radius: 50%;
11898 opacity: 0;
11899 pointer-events: none;
11900 content: "";
11901}
11902.mdc-radio .mdc-radio__ripple::before {
11903 transition: opacity 15ms linear, background-color 15ms linear;
11904 z-index: 1;
11905 /* @alternate */
11906 z-index: var(--mdc-ripple-z-index, 1);
11907}
11908.mdc-radio .mdc-radio__ripple::after {
11909 z-index: 0;
11910 /* @alternate */
11911 z-index: var(--mdc-ripple-z-index, 0);
11912}
11913.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {
11914 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
11915 transform: scale(var(--mdc-ripple-fg-scale, 1));
11916}
11917.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
11918 top: 0;
11919 /* @noflip */
11920 left: 0;
11921 -webkit-transform: scale(0);
11922 transform: scale(0);
11923 -webkit-transform-origin: center center;
11924 transform-origin: center center;
11925}
11926.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
11927 top: var(--mdc-ripple-top, 0);
11928 /* @noflip */
11929 left: var(--mdc-ripple-left, 0);
11930}
11931.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {
11932 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11933 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
11934}
11935.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {
11936 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
11937 animation: mdc-ripple-fg-opacity-out 150ms;
11938 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11939 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
11940}
11941.mdc-radio .mdc-radio__ripple::before,
11942.mdc-radio .mdc-radio__ripple::after {
11943 top: calc(50% - 50%);
11944 /* @noflip */
11945 left: calc(50% - 50%);
11946 width: 100%;
11947 height: 100%;
11948}
11949.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,
11950.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
11951 top: var(--mdc-ripple-top, calc(50% - 50%));
11952 /* @noflip */
11953 left: var(--mdc-ripple-left, calc(50% - 50%));
11954 width: var(--mdc-ripple-fg-size, 100%);
11955 height: var(--mdc-ripple-fg-size, 100%);
11956}
11957.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
11958 width: var(--mdc-ripple-fg-size, 100%);
11959 height: var(--mdc-ripple-fg-size, 100%);
11960}
11961.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {
11962 background-color: #018786;
11963 /* @alternate */
11964 background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
11965}
11966.mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before {
11967 opacity: 0.04;
11968 /* @alternate */
11969 opacity: var(--mdc-ripple-hover-opacity, 0.04);
11970}
11971.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {
11972 transition-duration: 75ms;
11973 opacity: 0.12;
11974 /* @alternate */
11975 opacity: var(--mdc-ripple-focus-opacity, 0.12);
11976}
11977.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {
11978 transition: opacity 150ms linear;
11979}
11980.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {
11981 transition-duration: 75ms;
11982 opacity: 0.12;
11983 /* @alternate */
11984 opacity: var(--mdc-ripple-press-opacity, 0.12);
11985}
11986.mdc-radio.mdc-ripple-upgraded {
11987 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
11988}
11989.mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before, .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
11990 content: none;
11991}
11992
11993.mdc-radio__ripple {
11994 position: absolute;
11995 top: 0;
11996 left: 0;
11997 width: 100%;
11998 height: 100%;
11999 pointer-events: none;
12000}
12001
12002.mdc-ripple-surface {
12003 --mdc-ripple-fg-size: 0;
12004 --mdc-ripple-left: 0;
12005 --mdc-ripple-top: 0;
12006 --mdc-ripple-fg-scale: 1;
12007 --mdc-ripple-fg-translate-end: 0;
12008 --mdc-ripple-fg-translate-start: 0;
12009 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
12010 will-change: transform, opacity;
12011 position: relative;
12012 outline: none;
12013 overflow: hidden;
12014}
12015.mdc-ripple-surface::before, .mdc-ripple-surface::after {
12016 position: absolute;
12017 border-radius: 50%;
12018 opacity: 0;
12019 pointer-events: none;
12020 content: "";
12021}
12022.mdc-ripple-surface::before {
12023 transition: opacity 15ms linear, background-color 15ms linear;
12024 z-index: 1;
12025 /* @alternate */
12026 z-index: var(--mdc-ripple-z-index, 1);
12027}
12028.mdc-ripple-surface::after {
12029 z-index: 0;
12030 /* @alternate */
12031 z-index: var(--mdc-ripple-z-index, 0);
12032}
12033.mdc-ripple-surface.mdc-ripple-upgraded::before {
12034 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
12035 transform: scale(var(--mdc-ripple-fg-scale, 1));
12036}
12037.mdc-ripple-surface.mdc-ripple-upgraded::after {
12038 top: 0;
12039 /* @noflip */
12040 left: 0;
12041 -webkit-transform: scale(0);
12042 transform: scale(0);
12043 -webkit-transform-origin: center center;
12044 transform-origin: center center;
12045}
12046.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
12047 top: var(--mdc-ripple-top, 0);
12048 /* @noflip */
12049 left: var(--mdc-ripple-left, 0);
12050}
12051.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
12052 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
12053 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
12054}
12055.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
12056 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
12057 animation: mdc-ripple-fg-opacity-out 150ms;
12058 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
12059 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
12060}
12061.mdc-ripple-surface::before, .mdc-ripple-surface::after {
12062 top: calc(50% - 100%);
12063 /* @noflip */
12064 left: calc(50% - 100%);
12065 width: 200%;
12066 height: 200%;
12067}
12068.mdc-ripple-surface.mdc-ripple-upgraded::after {
12069 width: var(--mdc-ripple-fg-size, 100%);
12070 height: var(--mdc-ripple-fg-size, 100%);
12071}
12072
12073.mdc-ripple-surface[data-mdc-ripple-is-unbounded],
12074.mdc-ripple-upgraded--unbounded {
12075 overflow: visible;
12076}
12077.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,
12078.mdc-ripple-upgraded--unbounded::before,
12079.mdc-ripple-upgraded--unbounded::after {
12080 top: calc(50% - 50%);
12081 /* @noflip */
12082 left: calc(50% - 50%);
12083 width: 100%;
12084 height: 100%;
12085}
12086.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
12087.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,
12088.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
12089 top: var(--mdc-ripple-top, calc(50% - 50%));
12090 /* @noflip */
12091 left: var(--mdc-ripple-left, calc(50% - 50%));
12092 width: var(--mdc-ripple-fg-size, 100%);
12093 height: var(--mdc-ripple-fg-size, 100%);
12094}
12095.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
12096.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
12097 width: var(--mdc-ripple-fg-size, 100%);
12098 height: var(--mdc-ripple-fg-size, 100%);
12099}
12100
12101.mdc-ripple-surface::before, .mdc-ripple-surface::after {
12102 background-color: #000;
12103 /* @alternate */
12104 background-color: var(--mdc-ripple-color, #000);
12105}
12106.mdc-ripple-surface:hover::before, .mdc-ripple-surface.mdc-ripple-surface--hover::before {
12107 opacity: 0.04;
12108 /* @alternate */
12109 opacity: var(--mdc-ripple-hover-opacity, 0.04);
12110}
12111.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
12112 transition-duration: 75ms;
12113 opacity: 0.12;
12114 /* @alternate */
12115 opacity: var(--mdc-ripple-focus-opacity, 0.12);
12116}
12117.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
12118 transition: opacity 150ms linear;
12119}
12120.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
12121 transition-duration: 75ms;
12122 opacity: 0.12;
12123 /* @alternate */
12124 opacity: var(--mdc-ripple-press-opacity, 0.12);
12125}
12126.mdc-ripple-surface.mdc-ripple-upgraded {
12127 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
12128}
12129
12130.mdc-segmented-button {
12131 display: inline-block;
12132 font-size: 0;
12133}
12134
12135.mdc-segmented-button__segment {
12136 border-color: rgba(0, 0, 0, 0.12);
12137 /* @alternate */
12138 border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12));
12139}
12140
12141.mdc-segmented-button__segment {
12142 color: rgba(0, 0, 0, 0.6);
12143 /* @alternate */
12144 color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6));
12145}
12146
12147.mdc-segmented-button__segment {
12148 background-color: white;
12149 /* @alternate */
12150 background-color: var(--mdc-segmented-button-unselected-container-fill-color, white);
12151}
12152
12153.mdc-segmented-button__segment--selected {
12154 color: #6200ee;
12155 /* @alternate */
12156 color: var(--mdc-segmented-button-selected-ink-color, #6200ee);
12157}
12158
12159.mdc-segmented-button__segment--selected {
12160 background-color: rgba(98, 0, 238, 0.08);
12161 /* @alternate */
12162 background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(98, 0, 238, 0.08));
12163}
12164
12165.mdc-segmented-button__segment {
12166 /* @alternate */
12167 position: relative;
12168 -moz-osx-font-smoothing: grayscale;
12169 -webkit-font-smoothing: antialiased;
12170 font-family: Roboto, sans-serif;
12171 /* @alternate */
12172 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
12173 font-size: 0.875rem;
12174 /* @alternate */
12175 font-size: var(--mdc-typography-button-font-size, 0.875rem);
12176 line-height: 2.25rem;
12177 /* @alternate */
12178 line-height: var(--mdc-typography-button-line-height, 2.25rem);
12179 font-weight: 500;
12180 /* @alternate */
12181 font-weight: var(--mdc-typography-button-font-weight, 500);
12182 letter-spacing: 0.0892857143em;
12183 /* @alternate */
12184 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
12185 text-decoration: none;
12186 /* @alternate */
12187 -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
12188 text-decoration: var(--mdc-typography-button-text-decoration, none);
12189 text-transform: uppercase;
12190 /* @alternate */
12191 text-transform: var(--mdc-typography-button-text-transform, uppercase);
12192 display: inline-flex;
12193 vertical-align: top;
12194 align-items: center;
12195 height: 36px;
12196 min-width: 48px;
12197 padding: 0 12px;
12198 border-width: 1px 0 1px 1px;
12199}
12200.mdc-segmented-button__segment .mdc-elevation-overlay {
12201 width: 100%;
12202 height: 100%;
12203 top: 0;
12204 /* @noflip */
12205 left: 0;
12206}
12207.mdc-segmented-button__segment:hover {
12208 cursor: pointer;
12209}
12210.mdc-segmented-button__segment:focus {
12211 outline-width: 0;
12212}
12213.mdc-segmented-button__segment:first-child {
12214 border-radius: 4px 0 0 4px;
12215}
12216.mdc-segmented-button__segment:last-child {
12217 border-right-width: 1px;
12218 border-radius: 0 4px 4px 0;
12219}
12220.mdc-segmented-button__segment .mdc-segmented-button__segment__touch {
12221 position: absolute;
12222 top: 50%;
12223 height: 48px;
12224 left: 0;
12225 right: 0;
12226 -webkit-transform: translateY(-50%);
12227 transform: translateY(-50%);
12228}
12229.mdc-segmented-button__segment .mdc-segmented-button__segment--touch {
12230 margin-top: 0px;
12231 margin-bottom: 0px;
12232}
12233
12234.mdc-touch-target-wrapper .mdc-segmented-button__segment {
12235 border-radius: 0;
12236 border-right-width: 0;
12237}
12238.mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment {
12239 border-radius: 4px 0 0 4px;
12240}
12241.mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment {
12242 border-right-width: 1px;
12243 border-radius: 0 4px 4px 0;
12244}
12245
12246.mdc-segmented-button__icon {
12247 width: 24px;
12248 font-size: 18px;
12249}
12250
12251.mdc-segmented-button__icon + .mdc-segmented-button__label {
12252 padding-left: 6px;
12253}
12254
12255.mdc-segmented-button__segment {
12256 --mdc-ripple-fg-size: 0;
12257 --mdc-ripple-left: 0;
12258 --mdc-ripple-top: 0;
12259 --mdc-ripple-fg-scale: 1;
12260 --mdc-ripple-fg-translate-end: 0;
12261 --mdc-ripple-fg-translate-start: 0;
12262 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
12263 will-change: transform, opacity;
12264 overflow: hidden;
12265}
12266.mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
12267.mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
12268 position: absolute;
12269 border-radius: 50%;
12270 opacity: 0;
12271 pointer-events: none;
12272 content: "";
12273}
12274.mdc-segmented-button__segment .mdc-segmented-button__ripple::before {
12275 transition: opacity 15ms linear, background-color 15ms linear;
12276 z-index: 1;
12277 /* @alternate */
12278 z-index: var(--mdc-ripple-z-index, 1);
12279}
12280.mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
12281 z-index: 0;
12282 /* @alternate */
12283 z-index: var(--mdc-ripple-z-index, 0);
12284}
12285.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before {
12286 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
12287 transform: scale(var(--mdc-ripple-fg-scale, 1));
12288}
12289.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after {
12290 top: 0;
12291 /* @noflip */
12292 left: 0;
12293 -webkit-transform: scale(0);
12294 transform: scale(0);
12295 -webkit-transform-origin: center center;
12296 transform-origin: center center;
12297}
12298.mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after {
12299 top: var(--mdc-ripple-top, 0);
12300 /* @noflip */
12301 left: var(--mdc-ripple-left, 0);
12302}
12303.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after {
12304 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
12305 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
12306}
12307.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after {
12308 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
12309 animation: mdc-ripple-fg-opacity-out 150ms;
12310 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
12311 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
12312}
12313.mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
12314.mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
12315 top: calc(50% - 100%);
12316 /* @noflip */
12317 left: calc(50% - 100%);
12318 width: 200%;
12319 height: 200%;
12320}
12321.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after {
12322 width: var(--mdc-ripple-fg-size, 100%);
12323 height: var(--mdc-ripple-fg-size, 100%);
12324}
12325.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
12326 background-color: #6200ee;
12327 /* @alternate */
12328 background-color: var(--mdc-ripple-color, #6200ee);
12329}
12330.mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-surface--hover .mdc-segmented-button__ripple::before {
12331 opacity: 0.04;
12332 /* @alternate */
12333 opacity: var(--mdc-ripple-hover-opacity, 0.04);
12334}
12335.mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before {
12336 transition-duration: 75ms;
12337 opacity: 0.12;
12338 /* @alternate */
12339 opacity: var(--mdc-ripple-focus-opacity, 0.12);
12340}
12341.mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after {
12342 transition: opacity 150ms linear;
12343}
12344.mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after {
12345 transition-duration: 75ms;
12346 opacity: 0.12;
12347 /* @alternate */
12348 opacity: var(--mdc-ripple-press-opacity, 0.12);
12349}
12350.mdc-segmented-button__segment.mdc-ripple-upgraded {
12351 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
12352}
12353.mdc-segmented-button__segment .mdc-segmented-button__ripple {
12354 position: absolute;
12355 top: 0;
12356 left: 0;
12357 width: 100%;
12358 height: 100%;
12359 pointer-events: none;
12360}
12361
12362.mdc-slider__thumb {
12363 --mdc-ripple-fg-size: 0;
12364 --mdc-ripple-left: 0;
12365 --mdc-ripple-top: 0;
12366 --mdc-ripple-fg-scale: 1;
12367 --mdc-ripple-fg-translate-end: 0;
12368 --mdc-ripple-fg-translate-start: 0;
12369 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
12370 will-change: transform, opacity;
12371}
12372.mdc-slider__thumb::before, .mdc-slider__thumb::after {
12373 position: absolute;
12374 border-radius: 50%;
12375 opacity: 0;
12376 pointer-events: none;
12377 content: "";
12378}
12379.mdc-slider__thumb::before {
12380 transition: opacity 15ms linear, background-color 15ms linear;
12381 z-index: 1;
12382 /* @alternate */
12383 z-index: var(--mdc-ripple-z-index, 1);
12384}
12385.mdc-slider__thumb::after {
12386 z-index: 0;
12387 /* @alternate */
12388 z-index: var(--mdc-ripple-z-index, 0);
12389}
12390.mdc-slider__thumb.mdc-ripple-upgraded::before {
12391 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
12392 transform: scale(var(--mdc-ripple-fg-scale, 1));
12393}
12394.mdc-slider__thumb.mdc-ripple-upgraded::after {
12395 top: 0;
12396 /* @noflip */
12397 left: 0;
12398 -webkit-transform: scale(0);
12399 transform: scale(0);
12400 -webkit-transform-origin: center center;
12401 transform-origin: center center;
12402}
12403.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {
12404 top: var(--mdc-ripple-top, 0);
12405 /* @noflip */
12406 left: var(--mdc-ripple-left, 0);
12407}
12408.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {
12409 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
12410 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
12411}
12412.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after {
12413 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
12414 animation: mdc-ripple-fg-opacity-out 150ms;
12415 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
12416 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
12417}
12418.mdc-slider__thumb::before, .mdc-slider__thumb::after {
12419 top: calc(50% - 50%);
12420 /* @noflip */
12421 left: calc(50% - 50%);
12422 width: 100%;
12423 height: 100%;
12424}
12425.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {
12426 top: var(--mdc-ripple-top, calc(50% - 50%));
12427 /* @noflip */
12428 left: var(--mdc-ripple-left, calc(50% - 50%));
12429 width: var(--mdc-ripple-fg-size, 100%);
12430 height: var(--mdc-ripple-fg-size, 100%);
12431}
12432.mdc-slider__thumb.mdc-ripple-upgraded::after {
12433 width: var(--mdc-ripple-fg-size, 100%);
12434 height: var(--mdc-ripple-fg-size, 100%);
12435}
12436.mdc-slider__thumb::before, .mdc-slider__thumb::after {
12437 background-color: #6200ee;
12438 /* @alternate */
12439 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
12440}
12441.mdc-slider__thumb:hover::before, .mdc-slider__thumb.mdc-ripple-surface--hover::before {
12442 opacity: 0.04;
12443 /* @alternate */
12444 opacity: var(--mdc-ripple-hover-opacity, 0.04);
12445}
12446.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
12447 transition-duration: 75ms;
12448 opacity: 0.12;
12449 /* @alternate */
12450 opacity: var(--mdc-ripple-focus-opacity, 0.12);
12451}
12452.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
12453 transition: opacity 150ms linear;
12454}
12455.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
12456 transition-duration: 75ms;
12457 opacity: 0.12;
12458 /* @alternate */
12459 opacity: var(--mdc-ripple-press-opacity, 0.12);
12460}
12461.mdc-slider__thumb.mdc-ripple-upgraded {
12462 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
12463}
12464
12465.mdc-slider {
12466 cursor: pointer;
12467 height: 48px;
12468 margin: 0 24px;
12469 position: relative;
12470 touch-action: pan-y;
12471}
12472.mdc-slider .mdc-slider__track {
12473 height: 4px;
12474 position: absolute;
12475 top: 50%;
12476 -webkit-transform: translateY(-50%);
12477 transform: translateY(-50%);
12478 width: 100%;
12479}
12480.mdc-slider .mdc-slider__track--active,
12481.mdc-slider .mdc-slider__track--inactive {
12482 display: flex;
12483 height: 100%;
12484 position: absolute;
12485 width: 100%;
12486}
12487.mdc-slider .mdc-slider__track--active {
12488 border-radius: 3px;
12489 height: 6px;
12490 overflow: hidden;
12491 top: -1px;
12492}
12493.mdc-slider .mdc-slider__track--active_fill {
12494 border-top: 6px solid;
12495 box-sizing: border-box;
12496 height: 100%;
12497 width: 100%;
12498 position: relative;
12499 /* @noflip */
12500 -webkit-transform-origin: left;
12501 /* @noflip */
12502 transform-origin: left;
12503}
12504[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
12505 /* @noflip */
12506 -webkit-transform-origin: right;
12507 /* @noflip */
12508 transform-origin: right;
12509}
12510
12511.mdc-slider .mdc-slider__track--inactive {
12512 border-radius: 2px;
12513 height: 4px;
12514 left: 0;
12515 top: 0;
12516}
12517.mdc-slider .mdc-slider__track--inactive::before {
12518 position: absolute;
12519 box-sizing: border-box;
12520 width: 100%;
12521 height: 100%;
12522 top: 0;
12523 left: 0;
12524 border: 1px solid transparent;
12525 border-radius: inherit;
12526 content: "";
12527 pointer-events: none;
12528}
12529.mdc-slider .mdc-slider__track--active_fill {
12530 border-color: #6200ee;
12531 /* @alternate */
12532 border-color: var(--mdc-theme-primary, #6200ee);
12533}
12534.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {
12535 border-color: #000;
12536 /* @alternate */
12537 border-color: var(--mdc-theme-on-surface, #000);
12538}
12539.mdc-slider .mdc-slider__track--inactive {
12540 background-color: #6200ee;
12541 /* @alternate */
12542 background-color: var(--mdc-theme-primary, #6200ee);
12543 opacity: 0.24;
12544}
12545.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
12546 background-color: #000;
12547 /* @alternate */
12548 background-color: var(--mdc-theme-on-surface, #000);
12549 opacity: 0.24;
12550}
12551.mdc-slider .mdc-slider__value-indicator-container {
12552 bottom: 44px;
12553 /* @noflip */
12554 left: 50%;
12555 pointer-events: none;
12556 position: absolute;
12557 -webkit-transform: translateX(-50%);
12558 transform: translateX(-50%);
12559}
12560.mdc-slider .mdc-slider__value-indicator {
12561 transition: -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
12562 transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
12563 transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
12564 align-items: center;
12565 border-radius: 4px;
12566 display: flex;
12567 height: 32px;
12568 padding: 0 12px;
12569 -webkit-transform: scale(0);
12570 transform: scale(0);
12571 -webkit-transform-origin: bottom;
12572 transform-origin: bottom;
12573}
12574.mdc-slider .mdc-slider__value-indicator::before {
12575 border-left: 6px solid transparent;
12576 border-right: 6px solid transparent;
12577 border-top: 6px solid;
12578 bottom: -5px;
12579 content: "";
12580 height: 0;
12581 /* @noflip */
12582 left: 50%;
12583 position: absolute;
12584 -webkit-transform: translateX(-50%);
12585 transform: translateX(-50%);
12586 width: 0;
12587}
12588.mdc-slider .mdc-slider__value-indicator::after {
12589 position: absolute;
12590 box-sizing: border-box;
12591 width: 100%;
12592 height: 100%;
12593 top: 0;
12594 left: 0;
12595 border: 1px solid transparent;
12596 border-radius: inherit;
12597 content: "";
12598 pointer-events: none;
12599}
12600.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
12601 pointer-events: auto;
12602}
12603.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
12604 transition: -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
12605 transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
12606 transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
12607 -webkit-transform: scale(1);
12608 transform: scale(1);
12609}
12610@media (prefers-reduced-motion) {
12611 .mdc-slider .mdc-slider__value-indicator,
12612.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
12613 transition: none;
12614 }
12615}
12616.mdc-slider .mdc-slider__value-indicator-text {
12617 -moz-osx-font-smoothing: grayscale;
12618 -webkit-font-smoothing: antialiased;
12619 font-family: Roboto, sans-serif;
12620 /* @alternate */
12621 font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
12622 font-size: 0.875rem;
12623 /* @alternate */
12624 font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
12625 line-height: 1.375rem;
12626 /* @alternate */
12627 line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
12628 font-weight: 500;
12629 /* @alternate */
12630 font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
12631 letter-spacing: 0.0071428571em;
12632 /* @alternate */
12633 letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
12634 text-decoration: inherit;
12635 /* @alternate */
12636 -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
12637 text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
12638 text-transform: inherit;
12639 /* @alternate */
12640 text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
12641}
12642.mdc-slider .mdc-slider__value-indicator {
12643 background-color: #000;
12644 opacity: 0.6;
12645}
12646.mdc-slider .mdc-slider__value-indicator::before {
12647 border-top-color: #000;
12648}
12649.mdc-slider .mdc-slider__value-indicator {
12650 color: #fff;
12651 /* @alternate */
12652 color: var(--mdc-theme-on-primary, #fff);
12653}
12654.mdc-slider .mdc-slider__thumb {
12655 display: flex;
12656 height: 48px;
12657 /* @noflip */
12658 left: -24px;
12659 outline: none;
12660 position: absolute;
12661 -webkit-user-select: none;
12662 -moz-user-select: none;
12663 -ms-user-select: none;
12664 user-select: none;
12665 width: 48px;
12666}
12667.mdc-slider .mdc-slider__thumb--top {
12668 z-index: 1;
12669}
12670.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
12671 border-style: solid;
12672 border-width: 1px;
12673 box-sizing: content-box;
12674}
12675.mdc-slider .mdc-slider__thumb-knob {
12676 /* @alternate */
12677 box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
12678 border: 10px solid;
12679 border-radius: 50%;
12680 box-sizing: border-box;
12681 height: 20px;
12682 /* @noflip */
12683 left: 50%;
12684 position: absolute;
12685 top: 50%;
12686 -webkit-transform: translate(-50%, -50%);
12687 transform: translate(-50%, -50%);
12688 width: 20px;
12689}
12690.mdc-slider .mdc-slider__thumb-knob {
12691 background-color: #6200ee;
12692 /* @alternate */
12693 background-color: var(--mdc-theme-primary, #6200ee);
12694 border-color: #6200ee;
12695 /* @alternate */
12696 border-color: var(--mdc-theme-primary, #6200ee);
12697}
12698.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
12699 border-color: #fff;
12700}
12701.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
12702 background-color: #000;
12703 /* @alternate */
12704 background-color: var(--mdc-theme-on-surface, #000);
12705 border-color: #000;
12706 /* @alternate */
12707 border-color: var(--mdc-theme-on-surface, #000);
12708}
12709.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
12710 border-color: #fff;
12711}
12712.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after {
12713 background-color: #6200ee;
12714 /* @alternate */
12715 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
12716}
12717.mdc-slider .mdc-slider__thumb:hover::before, .mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {
12718 opacity: 0.04;
12719 /* @alternate */
12720 opacity: var(--mdc-ripple-hover-opacity, 0.04);
12721}
12722.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
12723 transition-duration: 75ms;
12724 opacity: 0.12;
12725 /* @alternate */
12726 opacity: var(--mdc-ripple-focus-opacity, 0.12);
12727}
12728.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
12729 transition: opacity 150ms linear;
12730}
12731.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
12732 transition-duration: 75ms;
12733 opacity: 0.12;
12734 /* @alternate */
12735 opacity: var(--mdc-ripple-press-opacity, 0.12);
12736}
12737.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {
12738 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
12739}
12740.mdc-slider .mdc-slider__tick-marks {
12741 align-items: center;
12742 box-sizing: border-box;
12743 display: flex;
12744 height: 100%;
12745 justify-content: space-between;
12746 padding: 0 1px;
12747 position: absolute;
12748 width: 100%;
12749}
12750.mdc-slider .mdc-slider__tick-mark--active,
12751.mdc-slider .mdc-slider__tick-mark--inactive {
12752 border-radius: 50%;
12753 height: 2px;
12754 width: 2px;
12755}
12756.mdc-slider .mdc-slider__tick-mark--active {
12757 background-color: #fff;
12758 /* @alternate */
12759 background-color: var(--mdc-theme-on-primary, #fff);
12760 opacity: 0.6;
12761}
12762.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
12763 background-color: #fff;
12764 /* @alternate */
12765 background-color: var(--mdc-theme-on-primary, #fff);
12766 opacity: 0.6;
12767}
12768.mdc-slider .mdc-slider__tick-mark--inactive {
12769 background-color: #6200ee;
12770 /* @alternate */
12771 background-color: var(--mdc-theme-primary, #6200ee);
12772 opacity: 0.6;
12773}
12774.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
12775 background-color: #000;
12776 /* @alternate */
12777 background-color: var(--mdc-theme-on-surface, #000);
12778 opacity: 0.6;
12779}
12780.mdc-slider.mdc-slider--disabled {
12781 opacity: 0.38;
12782 cursor: auto;
12783}
12784.mdc-slider.mdc-slider--disabled .mdc-slider__thumb {
12785 pointer-events: none;
12786}
12787.mdc-slider--discrete .mdc-slider__thumb,
12788.mdc-slider--discrete .mdc-slider__track--active_fill {
12789 transition: -webkit-transform 80ms ease;
12790 transition: transform 80ms ease;
12791 transition: transform 80ms ease, -webkit-transform 80ms ease;
12792}
12793@media (prefers-reduced-motion) {
12794 .mdc-slider--discrete .mdc-slider__thumb,
12795.mdc-slider--discrete .mdc-slider__track--active_fill {
12796 transition: none;
12797 }
12798}
12799
12800.mdc-slider__input {
12801 cursor: pointer;
12802 left: 0;
12803 margin: 0;
12804 height: 100%;
12805 opacity: 0;
12806 pointer-events: none;
12807 position: absolute;
12808 top: 0;
12809 width: 100%;
12810}
12811
12812.mdc-snackbar {
12813 z-index: 8;
12814 margin: 8px;
12815 display: none;
12816 position: fixed;
12817 right: 0;
12818 bottom: 0;
12819 left: 0;
12820 align-items: center;
12821 justify-content: center;
12822 box-sizing: border-box;
12823 pointer-events: none;
12824 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
12825}
12826
12827.mdc-snackbar__surface {
12828 background-color: #333333;
12829}
12830
12831.mdc-snackbar__label {
12832 color: rgba(255, 255, 255, 0.87);
12833}
12834
12835.mdc-snackbar__surface {
12836 min-width: 344px;
12837}
12838@media (max-width: 480px), (max-width: 344px) {
12839 .mdc-snackbar__surface {
12840 min-width: 100%;
12841 }
12842}
12843
12844.mdc-snackbar__surface {
12845 max-width: 672px;
12846}
12847
12848.mdc-snackbar__surface {
12849 /* @alternate */
12850 box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
12851}
12852
12853.mdc-snackbar__surface {
12854 border-radius: 4px;
12855 /* @alternate */
12856 border-radius: var(--mdc-shape-small, 4px);
12857}
12858
12859.mdc-snackbar--opening,
12860.mdc-snackbar--open,
12861.mdc-snackbar--closing {
12862 display: flex;
12863}
12864
12865.mdc-snackbar--open .mdc-snackbar__label,
12866.mdc-snackbar--open .mdc-snackbar__actions {
12867 visibility: visible;
12868}
12869
12870.mdc-snackbar--leading {
12871 justify-content: flex-start;
12872}
12873
12874.mdc-snackbar--stacked .mdc-snackbar__label {
12875 /* @noflip */
12876 padding-left: 16px;
12877 /* @noflip */
12878 padding-right: 8px;
12879 padding-bottom: 12px;
12880}
12881[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {
12882 /* @noflip */
12883 padding-left: 8px;
12884 /* @noflip */
12885 padding-right: 16px;
12886}
12887
12888.mdc-snackbar--stacked .mdc-snackbar__surface {
12889 flex-direction: column;
12890 align-items: flex-start;
12891}
12892.mdc-snackbar--stacked .mdc-snackbar__actions {
12893 align-self: flex-end;
12894 margin-bottom: 8px;
12895}
12896
12897.mdc-snackbar__surface {
12898 /* @noflip */
12899 padding-left: 0;
12900 /* @noflip */
12901 padding-right: 8px;
12902 display: flex;
12903 align-items: center;
12904 justify-content: flex-start;
12905 box-sizing: border-box;
12906 -webkit-transform: scale(0.8);
12907 transform: scale(0.8);
12908 opacity: 0;
12909}
12910.mdc-snackbar__surface::before {
12911 position: absolute;
12912 box-sizing: border-box;
12913 width: 100%;
12914 height: 100%;
12915 top: 0;
12916 left: 0;
12917 border: 1px solid transparent;
12918 border-radius: inherit;
12919 content: "";
12920 pointer-events: none;
12921}
12922[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {
12923 /* @noflip */
12924 padding-left: 8px;
12925 /* @noflip */
12926 padding-right: 0;
12927}
12928
12929.mdc-snackbar--open .mdc-snackbar__surface {
12930 -webkit-transform: scale(1);
12931 transform: scale(1);
12932 opacity: 1;
12933 pointer-events: auto;
12934 transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
12935 transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
12936 transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
12937}
12938.mdc-snackbar--closing .mdc-snackbar__surface {
12939 -webkit-transform: scale(1);
12940 transform: scale(1);
12941 transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
12942}
12943
12944.mdc-snackbar__label {
12945 -moz-osx-font-smoothing: grayscale;
12946 -webkit-font-smoothing: antialiased;
12947 font-family: Roboto, sans-serif;
12948 /* @alternate */
12949 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
12950 font-size: 0.875rem;
12951 /* @alternate */
12952 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
12953 line-height: 1.25rem;
12954 /* @alternate */
12955 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
12956 font-weight: 400;
12957 /* @alternate */
12958 font-weight: var(--mdc-typography-body2-font-weight, 400);
12959 letter-spacing: 0.0178571429em;
12960 /* @alternate */
12961 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
12962 text-decoration: inherit;
12963 /* @alternate */
12964 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
12965 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
12966 text-transform: inherit;
12967 /* @alternate */
12968 text-transform: var(--mdc-typography-body2-text-transform, inherit);
12969 /* @noflip */
12970 padding-left: 16px;
12971 /* @noflip */
12972 padding-right: 8px;
12973 width: 100%;
12974 flex-grow: 1;
12975 box-sizing: border-box;
12976 margin: 0;
12977 visibility: hidden;
12978 padding-top: 14px;
12979 padding-bottom: 14px;
12980}
12981[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] {
12982 /* @noflip */
12983 padding-left: 8px;
12984 /* @noflip */
12985 padding-right: 16px;
12986}
12987
12988.mdc-snackbar__label::before {
12989 display: inline;
12990 content: attr(data-mdc-snackbar-label-text);
12991}
12992
12993.mdc-snackbar__actions {
12994 display: flex;
12995 flex-shrink: 0;
12996 align-items: center;
12997 box-sizing: border-box;
12998 visibility: hidden;
12999}
13000
13001.mdc-snackbar__action:not(:disabled) {
13002 color: #bb86fc;
13003}
13004.mdc-snackbar__action::before, .mdc-snackbar__action::after {
13005 background-color: #bb86fc;
13006 /* @alternate */
13007 background-color: var(--mdc-ripple-color, #bb86fc);
13008}
13009.mdc-snackbar__action:hover::before, .mdc-snackbar__action.mdc-ripple-surface--hover::before {
13010 opacity: 0.08;
13011 /* @alternate */
13012 opacity: var(--mdc-ripple-hover-opacity, 0.08);
13013}
13014.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before {
13015 transition-duration: 75ms;
13016 opacity: 0.24;
13017 /* @alternate */
13018 opacity: var(--mdc-ripple-focus-opacity, 0.24);
13019}
13020.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
13021 transition: opacity 150ms linear;
13022}
13023.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
13024 transition-duration: 75ms;
13025 opacity: 0.24;
13026 /* @alternate */
13027 opacity: var(--mdc-ripple-press-opacity, 0.24);
13028}
13029.mdc-snackbar__action.mdc-ripple-upgraded {
13030 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
13031}
13032
13033.mdc-snackbar__dismiss {
13034 color: rgba(255, 255, 255, 0.87);
13035}
13036.mdc-snackbar__dismiss .mdc-icon-button__ripple::before, .mdc-snackbar__dismiss .mdc-icon-button__ripple::after {
13037 background-color: rgba(255, 255, 255, 0.87);
13038 /* @alternate */
13039 background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87));
13040}
13041.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before, .mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
13042 opacity: 0.08;
13043 /* @alternate */
13044 opacity: var(--mdc-ripple-hover-opacity, 0.08);
13045}
13046.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
13047 transition-duration: 75ms;
13048 opacity: 0.24;
13049 /* @alternate */
13050 opacity: var(--mdc-ripple-focus-opacity, 0.24);
13051}
13052.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
13053 transition: opacity 150ms linear;
13054}
13055.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
13056 transition-duration: 75ms;
13057 opacity: 0.24;
13058 /* @alternate */
13059 opacity: var(--mdc-ripple-press-opacity, 0.24);
13060}
13061.mdc-snackbar__dismiss.mdc-ripple-upgraded {
13062 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
13063}
13064
13065.mdc-snackbar__dismiss.mdc-snackbar__dismiss {
13066 width: 36px;
13067 height: 36px;
13068 padding: 6px;
13069 font-size: 18px;
13070}
13071
13072.mdc-snackbar__action + .mdc-snackbar__dismiss {
13073 /* @noflip */
13074 margin-left: 8px;
13075 /* @noflip */
13076 margin-right: 0;
13077}
13078[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
13079 /* @noflip */
13080 margin-left: 0;
13081 /* @noflip */
13082 margin-right: 8px;
13083}
13084
13085.mdc-switch__thumb-underlay {
13086 /* @noflip */
13087 left: -14px;
13088 /* @noflip */
13089 right: initial;
13090 top: -17px;
13091 width: 48px;
13092 height: 48px;
13093}
13094[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {
13095 /* @noflip */
13096 left: initial;
13097 /* @noflip */
13098 right: -14px;
13099}
13100
13101.mdc-switch__native-control {
13102 width: 64px;
13103 height: 48px;
13104}
13105
13106.mdc-switch {
13107 display: inline-block;
13108 position: relative;
13109 outline: none;
13110 -webkit-user-select: none;
13111 -moz-user-select: none;
13112 -ms-user-select: none;
13113 user-select: none;
13114}
13115.mdc-switch.mdc-switch--checked .mdc-switch__track {
13116 background-color: #018786;
13117 /* @alternate */
13118 background-color: var(--mdc-theme-secondary, #018786);
13119}
13120.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
13121 background-color: #018786;
13122 /* @alternate */
13123 background-color: var(--mdc-theme-secondary, #018786);
13124 border-color: #018786;
13125 /* @alternate */
13126 border-color: var(--mdc-theme-secondary, #018786);
13127}
13128.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
13129 background-color: #000;
13130 /* @alternate */
13131 background-color: var(--mdc-theme-on-surface, #000);
13132}
13133.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
13134 background-color: #fff;
13135 /* @alternate */
13136 background-color: var(--mdc-theme-surface, #fff);
13137 border-color: #fff;
13138 /* @alternate */
13139 border-color: var(--mdc-theme-surface, #fff);
13140}
13141
13142.mdc-switch__native-control {
13143 /* @noflip */
13144 left: 0;
13145 /* @noflip */
13146 right: initial;
13147 position: absolute;
13148 top: 0;
13149 margin: 0;
13150 opacity: 0;
13151 cursor: pointer;
13152 pointer-events: auto;
13153 transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
13154 transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
13155 transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
13156}
13157[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {
13158 /* @noflip */
13159 left: initial;
13160 /* @noflip */
13161 right: 0;
13162}
13163
13164.mdc-switch__track {
13165 box-sizing: border-box;
13166 width: 36px;
13167 height: 14px;
13168 border: 1px solid transparent;
13169 border-radius: 7px;
13170 opacity: 0.38;
13171 transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
13172}
13173
13174.mdc-switch__thumb-underlay {
13175 display: flex;
13176 position: absolute;
13177 align-items: center;
13178 justify-content: center;
13179 -webkit-transform: translateX(0);
13180 transform: translateX(0);
13181 transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
13182 transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
13183 transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
13184}
13185
13186.mdc-switch__thumb {
13187 /* @alternate */
13188 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);
13189 box-sizing: border-box;
13190 width: 20px;
13191 height: 20px;
13192 border: 10px solid;
13193 border-radius: 50%;
13194 pointer-events: none;
13195 z-index: 1;
13196}
13197
13198.mdc-switch--checked .mdc-switch__track {
13199 opacity: 0.54;
13200}
13201.mdc-switch--checked .mdc-switch__thumb-underlay {
13202 -webkit-transform: translateX(16px);
13203 transform: translateX(16px);
13204}
13205[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
13206 -webkit-transform: translateX(-16px);
13207 transform: translateX(-16px);
13208}
13209
13210.mdc-switch--checked .mdc-switch__native-control {
13211 -webkit-transform: translateX(-16px);
13212 transform: translateX(-16px);
13213}
13214[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
13215 -webkit-transform: translateX(16px);
13216 transform: translateX(16px);
13217}
13218
13219.mdc-switch--disabled {
13220 opacity: 0.38;
13221 pointer-events: none;
13222}
13223.mdc-switch--disabled .mdc-switch__thumb {
13224 border-width: 1px;
13225}
13226.mdc-switch--disabled .mdc-switch__native-control {
13227 cursor: default;
13228 pointer-events: none;
13229}
13230
13231.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
13232 background-color: #9e9e9e;
13233 /* @alternate */
13234 background-color: var(--mdc-ripple-color, #9e9e9e);
13235}
13236.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {
13237 opacity: 0.08;
13238 /* @alternate */
13239 opacity: var(--mdc-ripple-hover-opacity, 0.08);
13240}
13241.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
13242 transition-duration: 75ms;
13243 opacity: 0.24;
13244 /* @alternate */
13245 opacity: var(--mdc-ripple-focus-opacity, 0.24);
13246}
13247.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
13248 transition: opacity 150ms linear;
13249}
13250.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
13251 transition-duration: 75ms;
13252 opacity: 0.24;
13253 /* @alternate */
13254 opacity: var(--mdc-ripple-press-opacity, 0.24);
13255}
13256.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
13257 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
13258}
13259
13260.mdc-switch__thumb-underlay {
13261 --mdc-ripple-fg-size: 0;
13262 --mdc-ripple-left: 0;
13263 --mdc-ripple-top: 0;
13264 --mdc-ripple-fg-scale: 1;
13265 --mdc-ripple-fg-translate-end: 0;
13266 --mdc-ripple-fg-translate-start: 0;
13267 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13268 will-change: transform, opacity;
13269}
13270.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
13271 position: absolute;
13272 border-radius: 50%;
13273 opacity: 0;
13274 pointer-events: none;
13275 content: "";
13276}
13277.mdc-switch__thumb-underlay::before {
13278 transition: opacity 15ms linear, background-color 15ms linear;
13279 z-index: 1;
13280 /* @alternate */
13281 z-index: var(--mdc-ripple-z-index, 1);
13282}
13283.mdc-switch__thumb-underlay::after {
13284 z-index: 0;
13285 /* @alternate */
13286 z-index: var(--mdc-ripple-z-index, 0);
13287}
13288.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
13289 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
13290 transform: scale(var(--mdc-ripple-fg-scale, 1));
13291}
13292.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
13293 top: 0;
13294 /* @noflip */
13295 left: 0;
13296 -webkit-transform: scale(0);
13297 transform: scale(0);
13298 -webkit-transform-origin: center center;
13299 transform-origin: center center;
13300}
13301.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
13302 top: var(--mdc-ripple-top, 0);
13303 /* @noflip */
13304 left: var(--mdc-ripple-left, 0);
13305}
13306.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
13307 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
13308 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
13309}
13310.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
13311 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
13312 animation: mdc-ripple-fg-opacity-out 150ms;
13313 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
13314 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
13315}
13316.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
13317 top: calc(50% - 50%);
13318 /* @noflip */
13319 left: calc(50% - 50%);
13320 width: 100%;
13321 height: 100%;
13322}
13323.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
13324 top: var(--mdc-ripple-top, calc(50% - 50%));
13325 /* @noflip */
13326 left: var(--mdc-ripple-left, calc(50% - 50%));
13327 width: var(--mdc-ripple-fg-size, 100%);
13328 height: var(--mdc-ripple-fg-size, 100%);
13329}
13330.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
13331 width: var(--mdc-ripple-fg-size, 100%);
13332 height: var(--mdc-ripple-fg-size, 100%);
13333}
13334.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
13335 background-color: #018786;
13336 /* @alternate */
13337 background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
13338}
13339.mdc-switch__thumb-underlay:hover::before, .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {
13340 opacity: 0.04;
13341 /* @alternate */
13342 opacity: var(--mdc-ripple-hover-opacity, 0.04);
13343}
13344.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
13345 transition-duration: 75ms;
13346 opacity: 0.12;
13347 /* @alternate */
13348 opacity: var(--mdc-ripple-focus-opacity, 0.12);
13349}
13350.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
13351 transition: opacity 150ms linear;
13352}
13353.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
13354 transition-duration: 75ms;
13355 opacity: 0.12;
13356 /* @alternate */
13357 opacity: var(--mdc-ripple-press-opacity, 0.12);
13358}
13359.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
13360 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
13361}
13362
13363.mdc-tab {
13364 -moz-osx-font-smoothing: grayscale;
13365 -webkit-font-smoothing: antialiased;
13366 font-family: Roboto, sans-serif;
13367 /* @alternate */
13368 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
13369 font-size: 0.875rem;
13370 /* @alternate */
13371 font-size: var(--mdc-typography-button-font-size, 0.875rem);
13372 line-height: 2.25rem;
13373 /* @alternate */
13374 line-height: var(--mdc-typography-button-line-height, 2.25rem);
13375 font-weight: 500;
13376 /* @alternate */
13377 font-weight: var(--mdc-typography-button-font-weight, 500);
13378 letter-spacing: 0.0892857143em;
13379 /* @alternate */
13380 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
13381 text-decoration: none;
13382 /* @alternate */
13383 -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
13384 text-decoration: var(--mdc-typography-button-text-decoration, none);
13385 text-transform: uppercase;
13386 /* @alternate */
13387 text-transform: var(--mdc-typography-button-text-transform, uppercase);
13388 position: relative;
13389}
13390.mdc-tab .mdc-tab__text-label {
13391 color: rgba(0, 0, 0, 0.6);
13392}
13393.mdc-tab .mdc-tab__icon {
13394 color: rgba(0, 0, 0, 0.54);
13395 fill: currentColor;
13396}
13397
13398.mdc-tab__content {
13399 position: relative;
13400}
13401
13402.mdc-tab__icon {
13403 width: 24px;
13404 height: 24px;
13405 font-size: 24px;
13406}
13407
13408.mdc-tab--active .mdc-tab__text-label {
13409 color: #6200ee;
13410 /* @alternate */
13411 color: var(--mdc-theme-primary, #6200ee);
13412}
13413.mdc-tab--active .mdc-tab__icon {
13414 color: #6200ee;
13415 /* @alternate */
13416 color: var(--mdc-theme-primary, #6200ee);
13417 fill: currentColor;
13418}
13419
13420.mdc-tab {
13421 background: none;
13422}
13423
13424.mdc-tab {
13425 min-width: 90px;
13426 padding-right: 24px;
13427 padding-left: 24px;
13428 display: flex;
13429 flex: 1 0 auto;
13430 justify-content: center;
13431 box-sizing: border-box;
13432 margin: 0;
13433 padding-top: 0;
13434 padding-bottom: 0;
13435 border: none;
13436 outline: none;
13437 text-align: center;
13438 white-space: nowrap;
13439 cursor: pointer;
13440 -webkit-appearance: none;
13441 z-index: 1;
13442}
13443.mdc-tab::-moz-focus-inner {
13444 padding: 0;
13445 border: 0;
13446}
13447
13448.mdc-tab--min-width {
13449 flex: 0 1 auto;
13450}
13451
13452.mdc-tab__content {
13453 display: flex;
13454 align-items: center;
13455 justify-content: center;
13456 height: inherit;
13457 pointer-events: none;
13458}
13459
13460.mdc-tab__text-label {
13461 transition: 150ms color linear;
13462 display: inline-block;
13463 line-height: 1;
13464 z-index: 2;
13465}
13466
13467.mdc-tab__icon {
13468 transition: 150ms color linear;
13469 z-index: 2;
13470}
13471
13472.mdc-tab--stacked .mdc-tab__content {
13473 flex-direction: column;
13474 align-items: center;
13475 justify-content: center;
13476}
13477.mdc-tab--stacked .mdc-tab__text-label {
13478 padding-top: 6px;
13479 padding-bottom: 4px;
13480}
13481
13482.mdc-tab--active .mdc-tab__text-label,
13483.mdc-tab--active .mdc-tab__icon {
13484 transition-delay: 100ms;
13485}
13486
13487.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
13488 /* @noflip */
13489 padding-left: 8px;
13490 /* @noflip */
13491 padding-right: 0;
13492}
13493[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] {
13494 /* @noflip */
13495 padding-left: 0;
13496 /* @noflip */
13497 padding-right: 8px;
13498}
13499
13500.mdc-tab {
13501 --mdc-ripple-fg-size: 0;
13502 --mdc-ripple-left: 0;
13503 --mdc-ripple-top: 0;
13504 --mdc-ripple-fg-scale: 1;
13505 --mdc-ripple-fg-translate-end: 0;
13506 --mdc-ripple-fg-translate-start: 0;
13507 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13508}
13509.mdc-tab .mdc-tab__ripple::before,
13510.mdc-tab .mdc-tab__ripple::after {
13511 position: absolute;
13512 border-radius: 50%;
13513 opacity: 0;
13514 pointer-events: none;
13515 content: "";
13516}
13517.mdc-tab .mdc-tab__ripple::before {
13518 transition: opacity 15ms linear, background-color 15ms linear;
13519 z-index: 1;
13520 /* @alternate */
13521 z-index: var(--mdc-ripple-z-index, 1);
13522}
13523.mdc-tab .mdc-tab__ripple::after {
13524 z-index: 0;
13525 /* @alternate */
13526 z-index: var(--mdc-ripple-z-index, 0);
13527}
13528.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before {
13529 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
13530 transform: scale(var(--mdc-ripple-fg-scale, 1));
13531}
13532.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after {
13533 top: 0;
13534 /* @noflip */
13535 left: 0;
13536 -webkit-transform: scale(0);
13537 transform: scale(0);
13538 -webkit-transform-origin: center center;
13539 transform-origin: center center;
13540}
13541.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after {
13542 top: var(--mdc-ripple-top, 0);
13543 /* @noflip */
13544 left: var(--mdc-ripple-left, 0);
13545}
13546.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after {
13547 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
13548 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
13549}
13550.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after {
13551 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
13552 animation: mdc-ripple-fg-opacity-out 150ms;
13553 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
13554 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
13555}
13556.mdc-tab .mdc-tab__ripple::before,
13557.mdc-tab .mdc-tab__ripple::after {
13558 top: calc(50% - 100%);
13559 /* @noflip */
13560 left: calc(50% - 100%);
13561 width: 200%;
13562 height: 200%;
13563}
13564.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after {
13565 width: var(--mdc-ripple-fg-size, 100%);
13566 height: var(--mdc-ripple-fg-size, 100%);
13567}
13568.mdc-tab .mdc-tab__ripple::before, .mdc-tab .mdc-tab__ripple::after {
13569 background-color: #6200ee;
13570 /* @alternate */
13571 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
13572}
13573.mdc-tab:hover .mdc-tab__ripple::before, .mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before {
13574 opacity: 0.04;
13575 /* @alternate */
13576 opacity: var(--mdc-ripple-hover-opacity, 0.04);
13577}
13578.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before, .mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before {
13579 transition-duration: 75ms;
13580 opacity: 0.12;
13581 /* @alternate */
13582 opacity: var(--mdc-ripple-focus-opacity, 0.12);
13583}
13584.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after {
13585 transition: opacity 150ms linear;
13586}
13587.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after {
13588 transition-duration: 75ms;
13589 opacity: 0.12;
13590 /* @alternate */
13591 opacity: var(--mdc-ripple-press-opacity, 0.12);
13592}
13593.mdc-tab.mdc-ripple-upgraded {
13594 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
13595}
13596
13597.mdc-tab__ripple {
13598 position: absolute;
13599 top: 0;
13600 left: 0;
13601 width: 100%;
13602 height: 100%;
13603 overflow: hidden;
13604 will-change: transform, opacity;
13605}
13606
13607/**
13608 * @license
13609 * Copyright 2018 Google Inc.
13610 *
13611 * Permission is hereby granted, free of charge, to any person obtaining a copy
13612 * of this software and associated documentation files (the "Software"), to deal
13613 * in the Software without restriction, including without limitation the rights
13614 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
13615 * copies of the Software, and to permit persons to whom the Software is
13616 * furnished to do so, subject to the following conditions:
13617 *
13618 * The above copyright notice and this permission notice shall be included in
13619 * all copies or substantial portions of the Software.
13620 *
13621 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13622 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
13623 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13624 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
13625 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
13626 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
13627 * THE SOFTWARE.
13628 */
13629.mdc-tab-bar {
13630 width: 100%;
13631}
13632
13633.mdc-tab {
13634 height: 48px;
13635}
13636
13637.mdc-tab--stacked {
13638 height: 72px;
13639}
13640
13641/**
13642 * @license
13643 * Copyright 2018 Google Inc.
13644 *
13645 * Permission is hereby granted, free of charge, to any person obtaining a copy
13646 * of this software and associated documentation files (the "Software"), to deal
13647 * in the Software without restriction, including without limitation the rights
13648 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
13649 * copies of the Software, and to permit persons to whom the Software is
13650 * furnished to do so, subject to the following conditions:
13651 *
13652 * The above copyright notice and this permission notice shall be included in
13653 * all copies or substantial portions of the Software.
13654 *
13655 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13656 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
13657 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13658 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
13659 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
13660 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
13661 * THE SOFTWARE.
13662 */
13663.mdc-tab-indicator .mdc-tab-indicator__content--underline {
13664 border-color: #6200ee;
13665 /* @alternate */
13666 border-color: var(--mdc-theme-primary, #6200ee);
13667}
13668.mdc-tab-indicator .mdc-tab-indicator__content--icon {
13669 color: #018786;
13670 /* @alternate */
13671 color: var(--mdc-theme-secondary, #018786);
13672}
13673.mdc-tab-indicator .mdc-tab-indicator__content--underline {
13674 border-top-width: 2px;
13675}
13676.mdc-tab-indicator .mdc-tab-indicator__content--icon {
13677 height: 34px;
13678 font-size: 34px;
13679}
13680
13681.mdc-tab-indicator {
13682 display: flex;
13683 position: absolute;
13684 top: 0;
13685 left: 0;
13686 justify-content: center;
13687 width: 100%;
13688 height: 100%;
13689 pointer-events: none;
13690 z-index: 1;
13691}
13692
13693.mdc-tab-indicator__content {
13694 -webkit-transform-origin: left;
13695 transform-origin: left;
13696 opacity: 0;
13697}
13698
13699.mdc-tab-indicator__content--underline {
13700 align-self: flex-end;
13701 box-sizing: border-box;
13702 width: 100%;
13703 border-top-style: solid;
13704}
13705
13706.mdc-tab-indicator__content--icon {
13707 align-self: center;
13708 margin: 0 auto;
13709}
13710
13711.mdc-tab-indicator--active .mdc-tab-indicator__content {
13712 opacity: 1;
13713}
13714
13715.mdc-tab-indicator .mdc-tab-indicator__content {
13716 transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
13717 transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
13718 transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
13719}
13720
13721.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
13722 transition: none;
13723}
13724
13725.mdc-tab-indicator--fade .mdc-tab-indicator__content {
13726 transition: 150ms opacity linear;
13727}
13728
13729.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
13730 transition-delay: 100ms;
13731}
13732
13733/**
13734 * @license
13735 * Copyright 2018 Google Inc.
13736 *
13737 * Permission is hereby granted, free of charge, to any person obtaining a copy
13738 * of this software and associated documentation files (the "Software"), to deal
13739 * in the Software without restriction, including without limitation the rights
13740 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
13741 * copies of the Software, and to permit persons to whom the Software is
13742 * furnished to do so, subject to the following conditions:
13743 *
13744 * The above copyright notice and this permission notice shall be included in
13745 * all copies or substantial portions of the Software.
13746 *
13747 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13748 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
13749 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13750 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
13751 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
13752 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
13753 * THE SOFTWARE.
13754 */
13755.mdc-tab-scroller {
13756 overflow-y: hidden;
13757}
13758.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
13759 transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
13760 transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
13761 transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
13762}
13763
13764.mdc-tab-scroller__test {
13765 position: absolute;
13766 top: -9999px;
13767 width: 100px;
13768 height: 100px;
13769 overflow-x: scroll;
13770}
13771
13772.mdc-tab-scroller__scroll-area {
13773 -webkit-overflow-scrolling: touch;
13774 display: flex;
13775 overflow-x: hidden;
13776}
13777
13778.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
13779.mdc-tab-scroller__test::-webkit-scrollbar {
13780 display: none;
13781}
13782
13783.mdc-tab-scroller__scroll-area--scroll {
13784 overflow-x: scroll;
13785}
13786
13787.mdc-tab-scroller__scroll-content {
13788 position: relative;
13789 display: flex;
13790 flex: 1 0 auto;
13791 -webkit-transform: none;
13792 transform: none;
13793 will-change: transform;
13794}
13795
13796.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
13797 justify-content: flex-start;
13798}
13799
13800.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
13801 justify-content: flex-end;
13802}
13803
13804.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
13805 justify-content: center;
13806}
13807
13808.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
13809 -webkit-overflow-scrolling: auto;
13810}
13811
13812.mdc-text-field--filled {
13813 --mdc-ripple-fg-size: 0;
13814 --mdc-ripple-left: 0;
13815 --mdc-ripple-top: 0;
13816 --mdc-ripple-fg-scale: 1;
13817 --mdc-ripple-fg-translate-end: 0;
13818 --mdc-ripple-fg-translate-start: 0;
13819 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13820 will-change: transform, opacity;
13821}
13822.mdc-text-field--filled .mdc-text-field__ripple::before,
13823.mdc-text-field--filled .mdc-text-field__ripple::after {
13824 position: absolute;
13825 border-radius: 50%;
13826 opacity: 0;
13827 pointer-events: none;
13828 content: "";
13829}
13830.mdc-text-field--filled .mdc-text-field__ripple::before {
13831 transition: opacity 15ms linear, background-color 15ms linear;
13832 z-index: 1;
13833 /* @alternate */
13834 z-index: var(--mdc-ripple-z-index, 1);
13835}
13836.mdc-text-field--filled .mdc-text-field__ripple::after {
13837 z-index: 0;
13838 /* @alternate */
13839 z-index: var(--mdc-ripple-z-index, 0);
13840}
13841.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
13842 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
13843 transform: scale(var(--mdc-ripple-fg-scale, 1));
13844}
13845.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
13846 top: 0;
13847 /* @noflip */
13848 left: 0;
13849 -webkit-transform: scale(0);
13850 transform: scale(0);
13851 -webkit-transform-origin: center center;
13852 transform-origin: center center;
13853}
13854.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
13855 top: var(--mdc-ripple-top, 0);
13856 /* @noflip */
13857 left: var(--mdc-ripple-left, 0);
13858}
13859.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
13860 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
13861 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
13862}
13863.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
13864 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
13865 animation: mdc-ripple-fg-opacity-out 150ms;
13866 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
13867 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
13868}
13869.mdc-text-field--filled .mdc-text-field__ripple::before,
13870.mdc-text-field--filled .mdc-text-field__ripple::after {
13871 top: calc(50% - 100%);
13872 /* @noflip */
13873 left: calc(50% - 100%);
13874 width: 200%;
13875 height: 200%;
13876}
13877.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
13878 width: var(--mdc-ripple-fg-size, 100%);
13879 height: var(--mdc-ripple-fg-size, 100%);
13880}
13881
13882.mdc-text-field__ripple {
13883 position: absolute;
13884 top: 0;
13885 left: 0;
13886 width: 100%;
13887 height: 100%;
13888 pointer-events: none;
13889}
13890
13891.mdc-text-field {
13892 border-top-left-radius: 4px;
13893 /* @alternate */
13894 border-top-left-radius: var(--mdc-shape-small, 4px);
13895 border-top-right-radius: 4px;
13896 /* @alternate */
13897 border-top-right-radius: var(--mdc-shape-small, 4px);
13898 border-bottom-right-radius: 0;
13899 border-bottom-left-radius: 0;
13900 display: inline-flex;
13901 align-items: baseline;
13902 padding: 0 16px;
13903 position: relative;
13904 box-sizing: border-box;
13905 overflow: hidden;
13906 /* @alternate */
13907 will-change: opacity, transform, color;
13908}
13909.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
13910 color: rgba(0, 0, 0, 0.6);
13911}
13912.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
13913 color: rgba(0, 0, 0, 0.87);
13914}
13915@media all {
13916 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
13917 color: rgba(0, 0, 0, 0.54);
13918 }
13919 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
13920 color: rgba(0, 0, 0, 0.54);
13921 }
13922 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
13923 color: rgba(0, 0, 0, 0.54);
13924 }
13925 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
13926 color: rgba(0, 0, 0, 0.54);
13927 }
13928}
13929@media all {
13930 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
13931 color: rgba(0, 0, 0, 0.54);
13932 }
13933}
13934.mdc-text-field .mdc-text-field__input {
13935 caret-color: #6200ee;
13936 /* @alternate */
13937 caret-color: var(--mdc-theme-primary, #6200ee);
13938}
13939.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
13940 color: rgba(0, 0, 0, 0.6);
13941}
13942.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
13943.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
13944 color: rgba(0, 0, 0, 0.6);
13945}
13946.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
13947 color: rgba(0, 0, 0, 0.54);
13948}
13949.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
13950 color: rgba(0, 0, 0, 0.54);
13951}
13952.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
13953 color: rgba(0, 0, 0, 0.6);
13954}
13955.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
13956 color: rgba(0, 0, 0, 0.6);
13957}
13958.mdc-text-field .mdc-floating-label {
13959 top: 50%;
13960 -webkit-transform: translateY(-50%);
13961 transform: translateY(-50%);
13962 pointer-events: none;
13963}
13964
13965.mdc-text-field__input {
13966 -moz-osx-font-smoothing: grayscale;
13967 -webkit-font-smoothing: antialiased;
13968 font-family: Roboto, sans-serif;
13969 /* @alternate */
13970 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
13971 font-size: 1rem;
13972 /* @alternate */
13973 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
13974 font-weight: 400;
13975 /* @alternate */
13976 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
13977 letter-spacing: 0.009375em;
13978 /* @alternate */
13979 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
13980 text-decoration: inherit;
13981 /* @alternate */
13982 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
13983 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
13984 text-transform: inherit;
13985 /* @alternate */
13986 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
13987 height: 28px;
13988 transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
13989 width: 100%;
13990 min-width: 0;
13991 border: none;
13992 border-radius: 0;
13993 background: none;
13994 -webkit-appearance: none;
13995 -moz-appearance: none;
13996 appearance: none;
13997 padding: 0;
13998}
13999.mdc-text-field__input::-ms-clear {
14000 display: none;
14001}
14002.mdc-text-field__input::-webkit-calendar-picker-indicator {
14003 display: none;
14004}
14005.mdc-text-field__input:focus {
14006 outline: none;
14007}
14008.mdc-text-field__input:invalid {
14009 box-shadow: none;
14010}
14011@media all {
14012 .mdc-text-field__input::-webkit-input-placeholder {
14013 transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
14014 opacity: 0;
14015 }
14016 .mdc-text-field__input:-ms-input-placeholder {
14017 transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
14018 opacity: 0;
14019 }
14020 .mdc-text-field__input::-ms-input-placeholder {
14021 transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
14022 opacity: 0;
14023 }
14024 .mdc-text-field__input::placeholder {
14025 transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
14026 opacity: 0;
14027 }
14028}
14029@media all {
14030 .mdc-text-field__input:-ms-input-placeholder {
14031 transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
14032 opacity: 0;
14033 }
14034}
14035@media all {
14036 .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
14037 transition-delay: 40ms;
14038 transition-duration: 110ms;
14039 opacity: 1;
14040 }
14041 .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
14042 transition-delay: 40ms;
14043 transition-duration: 110ms;
14044 opacity: 1;
14045 }
14046 .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {
14047 transition-delay: 40ms;
14048 transition-duration: 110ms;
14049 opacity: 1;
14050 }
14051 .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
14052 transition-delay: 40ms;
14053 transition-duration: 110ms;
14054 opacity: 1;
14055 }
14056}
14057@media all {
14058 .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
14059 transition-delay: 40ms;
14060 transition-duration: 110ms;
14061 opacity: 1;
14062 }
14063}
14064
14065.mdc-text-field__affix {
14066 -moz-osx-font-smoothing: grayscale;
14067 -webkit-font-smoothing: antialiased;
14068 font-family: Roboto, sans-serif;
14069 /* @alternate */
14070 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
14071 font-size: 1rem;
14072 /* @alternate */
14073 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
14074 font-weight: 400;
14075 /* @alternate */
14076 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
14077 letter-spacing: 0.009375em;
14078 /* @alternate */
14079 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
14080 text-decoration: inherit;
14081 /* @alternate */
14082 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
14083 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
14084 text-transform: inherit;
14085 /* @alternate */
14086 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
14087 height: 28px;
14088 transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
14089 opacity: 0;
14090 white-space: nowrap;
14091}
14092.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {
14093 opacity: 1;
14094}
14095@supports (-webkit-hyphens: none) {
14096 .mdc-text-field--outlined .mdc-text-field__affix {
14097 align-items: center;
14098 align-self: center;
14099 display: inline-flex;
14100 height: 100%;
14101 }
14102}
14103
14104.mdc-text-field__affix--prefix {
14105 /* @noflip */
14106 padding-left: 0;
14107 /* @noflip */
14108 padding-right: 2px;
14109}
14110[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
14111 /* @noflip */
14112 padding-left: 2px;
14113 /* @noflip */
14114 padding-right: 0;
14115}
14116
14117.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
14118 /* @noflip */
14119 padding-left: 0;
14120 /* @noflip */
14121 padding-right: 12px;
14122}
14123[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
14124 /* @noflip */
14125 padding-left: 12px;
14126 /* @noflip */
14127 padding-right: 0;
14128}
14129
14130.mdc-text-field__affix--suffix {
14131 /* @noflip */
14132 padding-left: 12px;
14133 /* @noflip */
14134 padding-right: 0;
14135}
14136[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
14137 /* @noflip */
14138 padding-left: 0;
14139 /* @noflip */
14140 padding-right: 12px;
14141}
14142
14143.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
14144 /* @noflip */
14145 padding-left: 2px;
14146 /* @noflip */
14147 padding-right: 0;
14148}
14149[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
14150 /* @noflip */
14151 padding-left: 0;
14152 /* @noflip */
14153 padding-right: 2px;
14154}
14155
14156.mdc-text-field--filled {
14157 height: 56px;
14158}
14159.mdc-text-field--filled .mdc-text-field__ripple::before,
14160.mdc-text-field--filled .mdc-text-field__ripple::after {
14161 background-color: rgba(0, 0, 0, 0.87);
14162 /* @alternate */
14163 background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
14164}
14165.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
14166 opacity: 0.04;
14167 /* @alternate */
14168 opacity: var(--mdc-ripple-hover-opacity, 0.04);
14169}
14170.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
14171 transition-duration: 75ms;
14172 opacity: 0.12;
14173 /* @alternate */
14174 opacity: var(--mdc-ripple-focus-opacity, 0.12);
14175}
14176.mdc-text-field--filled::before {
14177 display: inline-block;
14178 width: 0;
14179 height: 40px;
14180 content: "";
14181 vertical-align: 0;
14182}
14183.mdc-text-field--filled:not(.mdc-text-field--disabled) {
14184 background-color: whitesmoke;
14185}
14186.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
14187 border-bottom-color: rgba(0, 0, 0, 0.42);
14188}
14189.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
14190 border-bottom-color: rgba(0, 0, 0, 0.87);
14191}
14192.mdc-text-field--filled .mdc-line-ripple::after {
14193 border-bottom-color: #6200ee;
14194 /* @alternate */
14195 border-bottom-color: var(--mdc-theme-primary, #6200ee);
14196}
14197.mdc-text-field--filled .mdc-floating-label {
14198 /* @noflip */
14199 left: 16px;
14200 /* @noflip */
14201 right: initial;
14202}
14203[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
14204 /* @noflip */
14205 left: initial;
14206 /* @noflip */
14207 right: 16px;
14208}
14209
14210.mdc-text-field--filled .mdc-floating-label--float-above {
14211 -webkit-transform: translateY(-106%) scale(0.75);
14212 transform: translateY(-106%) scale(0.75);
14213}
14214.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
14215 height: 100%;
14216}
14217.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
14218 display: none;
14219}
14220.mdc-text-field--filled.mdc-text-field--no-label::before {
14221 display: none;
14222}
14223@supports (-webkit-hyphens: none) {
14224 .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
14225 align-items: center;
14226 align-self: center;
14227 display: inline-flex;
14228 height: 100%;
14229 }
14230}
14231
14232.mdc-text-field--outlined {
14233 height: 56px;
14234 overflow: visible;
14235}
14236.mdc-text-field--outlined .mdc-floating-label--float-above {
14237 -webkit-transform: translateY(-37.25px) scale(1);
14238 transform: translateY(-37.25px) scale(1);
14239}
14240.mdc-text-field--outlined .mdc-floating-label--float-above {
14241 font-size: 0.75rem;
14242}
14243.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
14244.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
14245 -webkit-transform: translateY(-34.75px) scale(0.75);
14246 transform: translateY(-34.75px) scale(0.75);
14247}
14248.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
14249.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
14250 font-size: 1rem;
14251}
14252.mdc-text-field--outlined .mdc-floating-label--shake {
14253 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
14254 animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
14255}
14256@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
14257 0% {
14258 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14259 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14260 }
14261 33% {
14262 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14263 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14264 -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
14265 transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
14266 }
14267 66% {
14268 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14269 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14270 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
14271 transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
14272 }
14273 100% {
14274 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14275 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14276 }
14277}
14278@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
14279 0% {
14280 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14281 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14282 }
14283 33% {
14284 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14285 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14286 -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
14287 transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
14288 }
14289 66% {
14290 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14291 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14292 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
14293 transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
14294 }
14295 100% {
14296 -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14297 transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
14298 }
14299}
14300.mdc-text-field--outlined .mdc-text-field__input {
14301 height: 100%;
14302}
14303.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
14304.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
14305.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
14306 border-color: rgba(0, 0, 0, 0.38);
14307}
14308.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
14309.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
14310.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
14311 border-color: rgba(0, 0, 0, 0.87);
14312}
14313.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
14314.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
14315.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
14316 border-color: #6200ee;
14317 /* @alternate */
14318 border-color: var(--mdc-theme-primary, #6200ee);
14319}
14320.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
14321 /* @noflip */
14322 border-top-left-radius: 4px;
14323 /* @alternate */
14324 /* @noflip */
14325 border-top-left-radius: var(--mdc-shape-small, 4px);
14326 /* @noflip */
14327 border-top-right-radius: 0;
14328 /* @noflip */
14329 border-bottom-right-radius: 0;
14330 /* @noflip */
14331 border-bottom-left-radius: 4px;
14332 /* @alternate */
14333 /* @noflip */
14334 border-bottom-left-radius: var(--mdc-shape-small, 4px);
14335}
14336[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
14337 /* @noflip */
14338 border-top-left-radius: 0;
14339 /* @noflip */
14340 border-top-right-radius: 4px;
14341 /* @alternate */
14342 /* @noflip */
14343 border-top-right-radius: var(--mdc-shape-small, 4px);
14344 /* @noflip */
14345 border-bottom-right-radius: 4px;
14346 /* @alternate */
14347 /* @noflip */
14348 border-bottom-right-radius: var(--mdc-shape-small, 4px);
14349 /* @noflip */
14350 border-bottom-left-radius: 0;
14351}
14352
14353@supports (top: max(0%)) {
14354 .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
14355 width: max(12px, var(--mdc-shape-small, 4px));
14356 }
14357}
14358@supports (top: max(0%)) {
14359 .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
14360 max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
14361 }
14362}
14363.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
14364 /* @noflip */
14365 border-top-left-radius: 0;
14366 /* @noflip */
14367 border-top-right-radius: 4px;
14368 /* @alternate */
14369 /* @noflip */
14370 border-top-right-radius: var(--mdc-shape-small, 4px);
14371 /* @noflip */
14372 border-bottom-right-radius: 4px;
14373 /* @alternate */
14374 /* @noflip */
14375 border-bottom-right-radius: var(--mdc-shape-small, 4px);
14376 /* @noflip */
14377 border-bottom-left-radius: 0;
14378}
14379[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
14380 /* @noflip */
14381 border-top-left-radius: 4px;
14382 /* @alternate */
14383 /* @noflip */
14384 border-top-left-radius: var(--mdc-shape-small, 4px);
14385 /* @noflip */
14386 border-top-right-radius: 0;
14387 /* @noflip */
14388 border-bottom-right-radius: 0;
14389 /* @noflip */
14390 border-bottom-left-radius: 4px;
14391 /* @alternate */
14392 /* @noflip */
14393 border-bottom-left-radius: var(--mdc-shape-small, 4px);
14394}
14395
14396@supports (top: max(0%)) {
14397 .mdc-text-field--outlined {
14398 /* @noflip */
14399 padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
14400 }
14401}
14402@supports (top: max(0%)) {
14403 .mdc-text-field--outlined {
14404 /* @noflip */
14405 padding-right: max(16px, var(--mdc-shape-small, 4px));
14406 }
14407}
14408@supports (top: max(0%)) {
14409 .mdc-text-field--outlined + .mdc-text-field-helper-line {
14410 /* @noflip */
14411 padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
14412 }
14413}
14414@supports (top: max(0%)) {
14415 .mdc-text-field--outlined + .mdc-text-field-helper-line {
14416 /* @noflip */
14417 padding-right: max(16px, var(--mdc-shape-small, 4px));
14418 }
14419}
14420.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
14421 /* @noflip */
14422 padding-left: 0;
14423}
14424@supports (top: max(0%)) {
14425 .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
14426 /* @noflip */
14427 padding-right: max(16px, var(--mdc-shape-small, 4px));
14428 }
14429}
14430[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
14431 /* @noflip */
14432 padding-right: 0;
14433}
14434@supports (top: max(0%)) {
14435 [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
14436 /* @noflip */
14437 padding-left: max(16px, var(--mdc-shape-small, 4px));
14438 }
14439}
14440
14441.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
14442 /* @noflip */
14443 padding-right: 0;
14444}
14445@supports (top: max(0%)) {
14446 .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
14447 /* @noflip */
14448 padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
14449 }
14450}
14451[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
14452 /* @noflip */
14453 padding-left: 0;
14454}
14455@supports (top: max(0%)) {
14456 [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
14457 /* @noflip */
14458 padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
14459 }
14460}
14461
14462.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
14463 /* @noflip */
14464 padding-left: 0;
14465 /* @noflip */
14466 padding-right: 0;
14467}
14468.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
14469 padding-top: 1px;
14470}
14471.mdc-text-field--outlined .mdc-text-field__ripple::before,
14472.mdc-text-field--outlined .mdc-text-field__ripple::after {
14473 content: none;
14474}
14475.mdc-text-field--outlined .mdc-floating-label {
14476 /* @noflip */
14477 left: 4px;
14478 /* @noflip */
14479 right: initial;
14480}
14481[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
14482 /* @noflip */
14483 left: initial;
14484 /* @noflip */
14485 right: 4px;
14486}
14487
14488.mdc-text-field--outlined .mdc-text-field__input {
14489 display: flex;
14490 border: none !important;
14491 background-color: transparent;
14492}
14493.mdc-text-field--outlined .mdc-notched-outline {
14494 z-index: 1;
14495}
14496
14497.mdc-text-field--textarea {
14498 flex-direction: column;
14499 align-items: center;
14500 width: auto;
14501 height: auto;
14502 padding: 0;
14503 transition: none;
14504}
14505.mdc-text-field--textarea .mdc-floating-label {
14506 top: 19px;
14507}
14508.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
14509 -webkit-transform: none;
14510 transform: none;
14511}
14512.mdc-text-field--textarea .mdc-text-field__input {
14513 flex-grow: 1;
14514 height: auto;
14515 min-height: 1.5rem;
14516 overflow-x: hidden;
14517 overflow-y: auto;
14518 box-sizing: border-box;
14519 resize: none;
14520 padding: 0 16px;
14521 line-height: 1.5rem;
14522}
14523.mdc-text-field--textarea.mdc-text-field--filled::before {
14524 display: none;
14525}
14526.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
14527 -webkit-transform: translateY(-10.25px) scale(0.75);
14528 transform: translateY(-10.25px) scale(0.75);
14529}
14530.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
14531 -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
14532 animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
14533}
14534@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {
14535 0% {
14536 -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14537 transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14538 }
14539 33% {
14540 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14541 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14542 -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
14543 transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
14544 }
14545 66% {
14546 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14547 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14548 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
14549 transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
14550 }
14551 100% {
14552 -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14553 transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14554 }
14555}
14556@keyframes mdc-floating-label-shake-float-above-textarea-filled {
14557 0% {
14558 -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14559 transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14560 }
14561 33% {
14562 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14563 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14564 -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
14565 transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
14566 }
14567 66% {
14568 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14569 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14570 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
14571 transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
14572 }
14573 100% {
14574 -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14575 transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
14576 }
14577}
14578.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
14579 margin-top: 23px;
14580 margin-bottom: 9px;
14581}
14582.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
14583 margin-top: 16px;
14584 margin-bottom: 16px;
14585}
14586.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
14587 padding-top: 0;
14588}
14589.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
14590 -webkit-transform: translateY(-27.25px) scale(1);
14591 transform: translateY(-27.25px) scale(1);
14592}
14593.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
14594 font-size: 0.75rem;
14595}
14596.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
14597.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
14598 -webkit-transform: translateY(-24.75px) scale(0.75);
14599 transform: translateY(-24.75px) scale(0.75);
14600}
14601.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
14602.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
14603 font-size: 1rem;
14604}
14605.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
14606 -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
14607 animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
14608}
14609@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {
14610 0% {
14611 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14612 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14613 }
14614 33% {
14615 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14616 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14617 -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
14618 transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
14619 }
14620 66% {
14621 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14622 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14623 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
14624 transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
14625 }
14626 100% {
14627 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14628 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14629 }
14630}
14631@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
14632 0% {
14633 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14634 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14635 }
14636 33% {
14637 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14638 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14639 -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
14640 transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
14641 }
14642 66% {
14643 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14644 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14645 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
14646 transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
14647 }
14648 100% {
14649 -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14650 transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
14651 }
14652}
14653.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
14654 margin-top: 16px;
14655 margin-bottom: 16px;
14656}
14657.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
14658 top: 18px;
14659}
14660.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
14661 margin-bottom: 2px;
14662}
14663.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
14664 align-self: flex-end;
14665 padding: 0 16px;
14666}
14667.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
14668 display: inline-block;
14669 width: 0;
14670 height: 16px;
14671 content: "";
14672 vertical-align: -16px;
14673}
14674.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
14675 display: none;
14676}
14677
14678.mdc-text-field__resizer {
14679 align-self: stretch;
14680 display: inline-flex;
14681 flex-direction: column;
14682 flex-grow: 1;
14683 max-height: 100%;
14684 max-width: 100%;
14685 min-height: 56px;
14686 min-width: -webkit-fit-content;
14687 min-width: -moz-fit-content;
14688 min-width: fit-content;
14689 /* @alternate */
14690 min-width: -moz-available;
14691 /* @alternate */
14692 min-width: -webkit-fill-available;
14693 overflow: hidden;
14694 resize: both;
14695}
14696.mdc-text-field--filled .mdc-text-field__resizer {
14697 -webkit-transform: translateY(-1px);
14698 transform: translateY(-1px);
14699}
14700.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
14701.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
14702 -webkit-transform: translateY(1px);
14703 transform: translateY(1px);
14704}
14705.mdc-text-field--outlined .mdc-text-field__resizer {
14706 -webkit-transform: translateX(-1px) translateY(-1px);
14707 transform: translateX(-1px) translateY(-1px);
14708}
14709[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
14710 -webkit-transform: translateX(1px) translateY(-1px);
14711 transform: translateX(1px) translateY(-1px);
14712}
14713
14714.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
14715.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
14716 -webkit-transform: translateX(1px) translateY(1px);
14717 transform: translateX(1px) translateY(1px);
14718}
14719[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
14720 -webkit-transform: translateX(-1px) translateY(1px);
14721 transform: translateX(-1px) translateY(1px);
14722}
14723
14724.mdc-text-field--with-leading-icon {
14725 /* @noflip */
14726 padding-left: 0;
14727 /* @noflip */
14728 padding-right: 16px;
14729}
14730[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
14731 /* @noflip */
14732 padding-left: 16px;
14733 /* @noflip */
14734 padding-right: 0;
14735}
14736
14737.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
14738 max-width: calc(100% - 48px);
14739 /* @noflip */
14740 left: 48px;
14741 /* @noflip */
14742 right: initial;
14743}
14744[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
14745 /* @noflip */
14746 left: initial;
14747 /* @noflip */
14748 right: 48px;
14749}
14750
14751.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
14752 max-width: calc(100% / 0.75 - 64px / 0.75);
14753}
14754.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
14755 /* @noflip */
14756 left: 36px;
14757 /* @noflip */
14758 right: initial;
14759}
14760[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
14761 /* @noflip */
14762 left: initial;
14763 /* @noflip */
14764 right: 36px;
14765}
14766
14767.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
14768 max-width: calc(100% - 60px);
14769}
14770.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
14771 -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
14772 transform: translateY(-37.25px) translateX(-32px) scale(1);
14773}
14774[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
14775 -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
14776 transform: translateY(-37.25px) translateX(32px) scale(1);
14777}
14778
14779.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
14780 font-size: 0.75rem;
14781}
14782.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
14783.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
14784 -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
14785 transform: translateY(-34.75px) translateX(-32px) scale(0.75);
14786}
14787[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
14788 -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
14789 transform: translateY(-34.75px) translateX(32px) scale(0.75);
14790}
14791
14792.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
14793.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
14794 font-size: 1rem;
14795}
14796.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
14797 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
14798 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
14799}
14800@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
14801 0% {
14802 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14803 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14804 }
14805 33% {
14806 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14807 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14808 -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
14809 transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
14810 }
14811 66% {
14812 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14813 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14814 -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
14815 transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
14816 }
14817 100% {
14818 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14819 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14820 }
14821}
14822@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
14823 0% {
14824 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14825 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14826 }
14827 33% {
14828 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14829 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14830 -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
14831 transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
14832 }
14833 66% {
14834 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14835 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14836 -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
14837 transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
14838 }
14839 100% {
14840 -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14841 transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
14842 }
14843}
14844[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
14845 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
14846 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
14847}
14848
14849@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
14850 0% {
14851 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14852 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14853 }
14854 33% {
14855 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14856 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14857 -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
14858 transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
14859 }
14860 66% {
14861 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14862 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14863 -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
14864 transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
14865 }
14866 100% {
14867 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14868 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14869 }
14870}
14871
14872@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
14873 0% {
14874 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14875 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14876 }
14877 33% {
14878 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14879 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
14880 -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
14881 transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
14882 }
14883 66% {
14884 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14885 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
14886 -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
14887 transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
14888 }
14889 100% {
14890 -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14891 transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
14892 }
14893}
14894
14895.mdc-text-field--with-trailing-icon {
14896 /* @noflip */
14897 padding-left: 16px;
14898 /* @noflip */
14899 padding-right: 0;
14900}
14901[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
14902 /* @noflip */
14903 padding-left: 0;
14904 /* @noflip */
14905 padding-right: 16px;
14906}
14907
14908.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
14909 max-width: calc(100% - 64px);
14910}
14911.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
14912 max-width: calc(100% / 0.75 - 64px / 0.75);
14913}
14914.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
14915 max-width: calc(100% - 60px);
14916}
14917
14918.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
14919 /* @noflip */
14920 padding-left: 0;
14921 /* @noflip */
14922 padding-right: 0;
14923}
14924.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
14925 max-width: calc(100% - 96px);
14926}
14927.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
14928 max-width: calc(100% / 0.75 - 96px / 0.75);
14929}
14930
14931.mdc-text-field-helper-line {
14932 display: flex;
14933 justify-content: space-between;
14934 box-sizing: border-box;
14935}
14936.mdc-text-field + .mdc-text-field-helper-line {
14937 padding-right: 16px;
14938 padding-left: 16px;
14939}
14940
14941.mdc-form-field > .mdc-text-field + label {
14942 align-self: flex-start;
14943}
14944
14945.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
14946 color: rgba(98, 0, 238, 0.87);
14947}
14948.mdc-text-field--focused .mdc-notched-outline__leading,
14949.mdc-text-field--focused .mdc-notched-outline__notch,
14950.mdc-text-field--focused .mdc-notched-outline__trailing {
14951 border-width: 2px;
14952}
14953.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
14954 opacity: 1;
14955}
14956.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
14957 padding-top: 2px;
14958}
14959.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
14960 padding-top: 0;
14961}
14962
14963.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
14964 border-bottom-color: #b00020;
14965 /* @alternate */
14966 border-bottom-color: var(--mdc-theme-error, #b00020);
14967}
14968.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
14969 border-bottom-color: #b00020;
14970 /* @alternate */
14971 border-bottom-color: var(--mdc-theme-error, #b00020);
14972}
14973.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
14974 color: #b00020;
14975 /* @alternate */
14976 color: var(--mdc-theme-error, #b00020);
14977}
14978.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
14979 color: #b00020;
14980 /* @alternate */
14981 color: var(--mdc-theme-error, #b00020);
14982}
14983.mdc-text-field--invalid .mdc-text-field__input {
14984 caret-color: #b00020;
14985 /* @alternate */
14986 caret-color: var(--mdc-theme-error, #b00020);
14987}
14988.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
14989 color: #b00020;
14990 /* @alternate */
14991 color: var(--mdc-theme-error, #b00020);
14992}
14993.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
14994 border-bottom-color: #b00020;
14995 /* @alternate */
14996 border-bottom-color: var(--mdc-theme-error, #b00020);
14997}
14998.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
14999.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
15000.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
15001 border-color: #b00020;
15002 /* @alternate */
15003 border-color: var(--mdc-theme-error, #b00020);
15004}
15005.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
15006.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
15007.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
15008 border-color: #b00020;
15009 /* @alternate */
15010 border-color: var(--mdc-theme-error, #b00020);
15011}
15012.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
15013.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
15014.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
15015 border-color: #b00020;
15016 /* @alternate */
15017 border-color: var(--mdc-theme-error, #b00020);
15018}
15019.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
15020 opacity: 1;
15021}
15022
15023.mdc-text-field--disabled {
15024 pointer-events: none;
15025}
15026.mdc-text-field--disabled .mdc-text-field__input {
15027 color: rgba(0, 0, 0, 0.38);
15028}
15029@media all {
15030 .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
15031 color: rgba(0, 0, 0, 0.38);
15032 }
15033 .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
15034 color: rgba(0, 0, 0, 0.38);
15035 }
15036 .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
15037 color: rgba(0, 0, 0, 0.38);
15038 }
15039 .mdc-text-field--disabled .mdc-text-field__input::placeholder {
15040 color: rgba(0, 0, 0, 0.38);
15041 }
15042}
15043@media all {
15044 .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
15045 color: rgba(0, 0, 0, 0.38);
15046 }
15047}
15048.mdc-text-field--disabled .mdc-floating-label {
15049 color: rgba(0, 0, 0, 0.38);
15050}
15051.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
15052 color: rgba(0, 0, 0, 0.38);
15053}
15054.mdc-text-field--disabled .mdc-text-field-character-counter,
15055.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
15056 color: rgba(0, 0, 0, 0.38);
15057}
15058.mdc-text-field--disabled .mdc-text-field__icon--leading {
15059 color: rgba(0, 0, 0, 0.3);
15060}
15061.mdc-text-field--disabled .mdc-text-field__icon--trailing {
15062 color: rgba(0, 0, 0, 0.3);
15063}
15064.mdc-text-field--disabled .mdc-text-field__affix--prefix {
15065 color: rgba(0, 0, 0, 0.38);
15066}
15067.mdc-text-field--disabled .mdc-text-field__affix--suffix {
15068 color: rgba(0, 0, 0, 0.38);
15069}
15070.mdc-text-field--disabled .mdc-line-ripple::before {
15071 border-bottom-color: rgba(0, 0, 0, 0.06);
15072}
15073.mdc-text-field--disabled .mdc-notched-outline__leading,
15074.mdc-text-field--disabled .mdc-notched-outline__notch,
15075.mdc-text-field--disabled .mdc-notched-outline__trailing {
15076 border-color: rgba(0, 0, 0, 0.06);
15077}
15078@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15079 .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
15080 color: GrayText;
15081 }
15082 .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
15083 color: GrayText;
15084 }
15085 .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
15086 color: GrayText;
15087 }
15088 .mdc-text-field--disabled .mdc-text-field__input::placeholder {
15089 color: GrayText;
15090 }
15091}
15092@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15093 .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
15094 color: GrayText;
15095 }
15096}
15097@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15098 .mdc-text-field--disabled .mdc-floating-label {
15099 color: GrayText;
15100 }
15101}
15102@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15103 .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
15104 color: GrayText;
15105 }
15106}
15107@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15108 .mdc-text-field--disabled .mdc-text-field-character-counter,
15109.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
15110 color: GrayText;
15111 }
15112}
15113@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15114 .mdc-text-field--disabled .mdc-text-field__icon--leading {
15115 color: GrayText;
15116 }
15117}
15118@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15119 .mdc-text-field--disabled .mdc-text-field__icon--trailing {
15120 color: GrayText;
15121 }
15122}
15123@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15124 .mdc-text-field--disabled .mdc-text-field__affix--prefix {
15125 color: GrayText;
15126 }
15127}
15128@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15129 .mdc-text-field--disabled .mdc-text-field__affix--suffix {
15130 color: GrayText;
15131 }
15132}
15133@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15134 .mdc-text-field--disabled .mdc-line-ripple::before {
15135 border-bottom-color: GrayText;
15136 }
15137}
15138@media screen and (forced-colors: active), (-ms-high-contrast: active) {
15139 .mdc-text-field--disabled .mdc-notched-outline__leading,
15140.mdc-text-field--disabled .mdc-notched-outline__notch,
15141.mdc-text-field--disabled .mdc-notched-outline__trailing {
15142 border-color: GrayText;
15143 }
15144}
15145@media screen and (forced-colors: active) {
15146 .mdc-text-field--disabled .mdc-text-field__input {
15147 background-color: Window;
15148 }
15149 .mdc-text-field--disabled .mdc-floating-label {
15150 z-index: 1;
15151 }
15152}
15153.mdc-text-field--disabled .mdc-floating-label {
15154 cursor: default;
15155}
15156.mdc-text-field--disabled.mdc-text-field--filled {
15157 background-color: #fafafa;
15158}
15159.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
15160 display: none;
15161}
15162.mdc-text-field--disabled .mdc-text-field__input {
15163 pointer-events: auto;
15164}
15165
15166.mdc-text-field--end-aligned .mdc-text-field__input {
15167 /* @noflip */
15168 text-align: right;
15169}
15170[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
15171 /* @noflip */
15172 text-align: left;
15173}
15174
15175[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
15176[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
15177.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
15178 /* @noflip */
15179 direction: ltr;
15180}
15181[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
15182 /* @noflip */
15183 padding-left: 0;
15184 /* @noflip */
15185 padding-right: 2px;
15186}
15187[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
15188 /* @noflip */
15189 padding-left: 12px;
15190 /* @noflip */
15191 padding-right: 0;
15192}
15193[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
15194 order: 1;
15195}
15196[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
15197 order: 2;
15198}
15199[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
15200 order: 3;
15201}
15202[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
15203 order: 4;
15204}
15205[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
15206 order: 5;
15207}
15208
15209[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
15210 /* @noflip */
15211 text-align: right;
15212}
15213[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
15214 /* @noflip */
15215 padding-right: 12px;
15216}
15217[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
15218 /* @noflip */
15219 padding-left: 2px;
15220}
15221
15222.mdc-text-field-helper-text {
15223 -moz-osx-font-smoothing: grayscale;
15224 -webkit-font-smoothing: antialiased;
15225 font-family: Roboto, sans-serif;
15226 /* @alternate */
15227 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
15228 font-size: 0.75rem;
15229 /* @alternate */
15230 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
15231 line-height: 1.25rem;
15232 /* @alternate */
15233 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
15234 font-weight: 400;
15235 /* @alternate */
15236 font-weight: var(--mdc-typography-caption-font-weight, 400);
15237 letter-spacing: 0.0333333333em;
15238 /* @alternate */
15239 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
15240 text-decoration: inherit;
15241 /* @alternate */
15242 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
15243 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
15244 text-transform: inherit;
15245 /* @alternate */
15246 text-transform: var(--mdc-typography-caption-text-transform, inherit);
15247 display: block;
15248 margin-top: 0;
15249 /* @alternate */
15250 line-height: normal;
15251 margin: 0;
15252 opacity: 0;
15253 will-change: opacity;
15254 transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
15255}
15256.mdc-text-field-helper-text::before {
15257 display: inline-block;
15258 width: 0;
15259 height: 16px;
15260 content: "";
15261 vertical-align: 0;
15262}
15263
15264.mdc-text-field-helper-text--persistent {
15265 transition: none;
15266 opacity: 1;
15267 will-change: initial;
15268}
15269
15270.mdc-text-field-character-counter {
15271 -moz-osx-font-smoothing: grayscale;
15272 -webkit-font-smoothing: antialiased;
15273 font-family: Roboto, sans-serif;
15274 /* @alternate */
15275 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
15276 font-size: 0.75rem;
15277 /* @alternate */
15278 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
15279 line-height: 1.25rem;
15280 /* @alternate */
15281 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
15282 font-weight: 400;
15283 /* @alternate */
15284 font-weight: var(--mdc-typography-caption-font-weight, 400);
15285 letter-spacing: 0.0333333333em;
15286 /* @alternate */
15287 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
15288 text-decoration: inherit;
15289 /* @alternate */
15290 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
15291 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
15292 text-transform: inherit;
15293 /* @alternate */
15294 text-transform: var(--mdc-typography-caption-text-transform, inherit);
15295 display: block;
15296 margin-top: 0;
15297 /* @alternate */
15298 line-height: normal;
15299 /* @noflip */
15300 margin-left: auto;
15301 /* @noflip */
15302 margin-right: 0;
15303 /* @noflip */
15304 padding-left: 16px;
15305 /* @noflip */
15306 padding-right: 0;
15307 white-space: nowrap;
15308}
15309.mdc-text-field-character-counter::before {
15310 display: inline-block;
15311 width: 0;
15312 height: 16px;
15313 content: "";
15314 vertical-align: 0;
15315}
15316[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
15317 /* @noflip */
15318 margin-left: 0;
15319 /* @noflip */
15320 margin-right: auto;
15321}
15322
15323[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
15324 /* @noflip */
15325 padding-left: 0;
15326 /* @noflip */
15327 padding-right: 16px;
15328}
15329
15330.mdc-text-field__icon {
15331 align-self: center;
15332 cursor: pointer;
15333}
15334.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
15335 cursor: default;
15336 pointer-events: none;
15337}
15338.mdc-text-field__icon svg {
15339 display: block;
15340}
15341
15342.mdc-text-field__icon--leading {
15343 /* @noflip */
15344 margin-left: 16px;
15345 /* @noflip */
15346 margin-right: 8px;
15347}
15348[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
15349 /* @noflip */
15350 margin-left: 8px;
15351 /* @noflip */
15352 margin-right: 16px;
15353}
15354
15355.mdc-text-field__icon--trailing {
15356 padding: 12px;
15357 /* @noflip */
15358 margin-left: 0px;
15359 /* @noflip */
15360 margin-right: 0px;
15361}
15362[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
15363 /* @noflip */
15364 margin-left: 0px;
15365 /* @noflip */
15366 margin-right: 0px;
15367}
15368
15369:root {
15370 --mdc-theme-primary: #6200ee;
15371 --mdc-theme-secondary: #018786;
15372 --mdc-theme-background: #fff;
15373 --mdc-theme-surface: #fff;
15374 --mdc-theme-error: #b00020;
15375 --mdc-theme-on-primary: #fff;
15376 --mdc-theme-on-secondary: #fff;
15377 --mdc-theme-on-surface: #000;
15378 --mdc-theme-on-error: #fff;
15379 --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
15380 --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
15381 --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
15382 --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
15383 --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
15384 --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
15385 --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
15386 --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
15387 --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
15388 --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
15389 --mdc-theme-text-primary-on-dark: white;
15390 --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
15391 --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
15392 --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
15393 --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
15394}
15395
15396.mdc-theme--primary {
15397 color: #6200ee !important;
15398 /* @alternate */
15399 color: var(--mdc-theme-primary, #6200ee) !important;
15400}
15401
15402.mdc-theme--secondary {
15403 color: #018786 !important;
15404 /* @alternate */
15405 color: var(--mdc-theme-secondary, #018786) !important;
15406}
15407
15408.mdc-theme--background {
15409 background-color: #fff;
15410 /* @alternate */
15411 background-color: var(--mdc-theme-background, #fff);
15412}
15413
15414.mdc-theme--surface {
15415 background-color: #fff;
15416 /* @alternate */
15417 background-color: var(--mdc-theme-surface, #fff);
15418}
15419
15420.mdc-theme--error {
15421 color: #b00020 !important;
15422 /* @alternate */
15423 color: var(--mdc-theme-error, #b00020) !important;
15424}
15425
15426.mdc-theme--on-primary {
15427 color: #fff !important;
15428 /* @alternate */
15429 color: var(--mdc-theme-on-primary, #fff) !important;
15430}
15431
15432.mdc-theme--on-secondary {
15433 color: #fff !important;
15434 /* @alternate */
15435 color: var(--mdc-theme-on-secondary, #fff) !important;
15436}
15437
15438.mdc-theme--on-surface {
15439 color: #000 !important;
15440 /* @alternate */
15441 color: var(--mdc-theme-on-surface, #000) !important;
15442}
15443
15444.mdc-theme--on-error {
15445 color: #fff !important;
15446 /* @alternate */
15447 color: var(--mdc-theme-on-error, #fff) !important;
15448}
15449
15450.mdc-theme--text-primary-on-background {
15451 color: rgba(0, 0, 0, 0.87) !important;
15452 /* @alternate */
15453 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
15454}
15455
15456.mdc-theme--text-secondary-on-background {
15457 color: rgba(0, 0, 0, 0.54) !important;
15458 /* @alternate */
15459 color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important;
15460}
15461
15462.mdc-theme--text-hint-on-background {
15463 color: rgba(0, 0, 0, 0.38) !important;
15464 /* @alternate */
15465 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important;
15466}
15467
15468.mdc-theme--text-disabled-on-background {
15469 color: rgba(0, 0, 0, 0.38) !important;
15470 /* @alternate */
15471 color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important;
15472}
15473
15474.mdc-theme--text-icon-on-background {
15475 color: rgba(0, 0, 0, 0.38) !important;
15476 /* @alternate */
15477 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important;
15478}
15479
15480.mdc-theme--text-primary-on-light {
15481 color: rgba(0, 0, 0, 0.87) !important;
15482 /* @alternate */
15483 color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important;
15484}
15485
15486.mdc-theme--text-secondary-on-light {
15487 color: rgba(0, 0, 0, 0.54) !important;
15488 /* @alternate */
15489 color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important;
15490}
15491
15492.mdc-theme--text-hint-on-light {
15493 color: rgba(0, 0, 0, 0.38) !important;
15494 /* @alternate */
15495 color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important;
15496}
15497
15498.mdc-theme--text-disabled-on-light {
15499 color: rgba(0, 0, 0, 0.38) !important;
15500 /* @alternate */
15501 color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important;
15502}
15503
15504.mdc-theme--text-icon-on-light {
15505 color: rgba(0, 0, 0, 0.38) !important;
15506 /* @alternate */
15507 color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important;
15508}
15509
15510.mdc-theme--text-primary-on-dark {
15511 color: white !important;
15512 /* @alternate */
15513 color: var(--mdc-theme-text-primary-on-dark, white) !important;
15514}
15515
15516.mdc-theme--text-secondary-on-dark {
15517 color: rgba(255, 255, 255, 0.7) !important;
15518 /* @alternate */
15519 color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important;
15520}
15521
15522.mdc-theme--text-hint-on-dark {
15523 color: rgba(255, 255, 255, 0.5) !important;
15524 /* @alternate */
15525 color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important;
15526}
15527
15528.mdc-theme--text-disabled-on-dark {
15529 color: rgba(255, 255, 255, 0.5) !important;
15530 /* @alternate */
15531 color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important;
15532}
15533
15534.mdc-theme--text-icon-on-dark {
15535 color: rgba(255, 255, 255, 0.5) !important;
15536 /* @alternate */
15537 color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important;
15538}
15539
15540.mdc-theme--primary-bg {
15541 background-color: #6200ee !important;
15542 /* @alternate */
15543 background-color: var(--mdc-theme-primary, #6200ee) !important;
15544}
15545
15546.mdc-theme--secondary-bg {
15547 background-color: #018786 !important;
15548 /* @alternate */
15549 background-color: var(--mdc-theme-secondary, #018786) !important;
15550}
15551
15552.mdc-tooltip__surface {
15553 border-radius: 4px;
15554 /* @alternate */
15555 border-radius: var(--mdc-shape-small, 4px);
15556}
15557
15558.mdc-tooltip__caret-surface-top,
15559.mdc-tooltip__caret-surface-bottom {
15560 border-radius: 4px;
15561 /* @alternate */
15562 border-radius: var(--mdc-shape-small, 4px);
15563}
15564
15565.mdc-tooltip__surface {
15566 color: white;
15567 /* @alternate */
15568 color: var(--mdc-theme-text-primary-on-dark, white);
15569}
15570
15571.mdc-tooltip__surface {
15572 background-color: rgba(0, 0, 0, 0.6);
15573}
15574
15575.mdc-tooltip__surface {
15576 word-break: break-all;
15577 /* @alternate */
15578 word-break: var(--mdc-tooltip-word-break, normal);
15579 overflow-wrap: anywhere;
15580}
15581
15582.mdc-tooltip {
15583 z-index: 9;
15584}
15585
15586.mdc-tooltip--showing-transition .mdc-tooltip__surface-animation {
15587 transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
15588 transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
15589 transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
15590}
15591
15592.mdc-tooltip--hide-transition .mdc-tooltip__surface-animation {
15593 transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
15594}
15595
15596.mdc-tooltip__title {
15597 color: rgba(0, 0, 0, 0.87);
15598 /* @alternate */
15599 color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
15600}
15601
15602.mdc-tooltip__content {
15603 color: rgba(0, 0, 0, 0.6);
15604}
15605
15606.mdc-tooltip__content-link {
15607 color: #6200ee;
15608 /* @alternate */
15609 color: var(--mdc-theme-primary, #6200ee);
15610}
15611
15612.mdc-tooltip {
15613 position: fixed;
15614 display: none;
15615}
15616.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface {
15617 background-color: #fff;
15618}
15619.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,
15620.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom {
15621 background-color: #fff;
15622}
15623
15624.mdc-tooltip-wrapper--rich {
15625 position: relative;
15626}
15627
15628.mdc-tooltip--shown,
15629.mdc-tooltip--showing,
15630.mdc-tooltip--hide {
15631 display: inline-flex;
15632}
15633.mdc-tooltip--shown.mdc-tooltip--rich,
15634.mdc-tooltip--showing.mdc-tooltip--rich,
15635.mdc-tooltip--hide.mdc-tooltip--rich {
15636 display: inline-block;
15637 /* @noflip */
15638 left: -320px;
15639 position: absolute;
15640}
15641
15642.mdc-tooltip__surface {
15643 -moz-osx-font-smoothing: grayscale;
15644 -webkit-font-smoothing: antialiased;
15645 font-family: Roboto, sans-serif;
15646 /* @alternate */
15647 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
15648 font-size: 0.75rem;
15649 /* @alternate */
15650 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
15651 font-weight: 400;
15652 /* @alternate */
15653 font-weight: var(--mdc-typography-caption-font-weight, 400);
15654 letter-spacing: 0.0333333333em;
15655 /* @alternate */
15656 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
15657 text-decoration: inherit;
15658 /* @alternate */
15659 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
15660 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
15661 text-transform: inherit;
15662 /* @alternate */
15663 text-transform: var(--mdc-typography-caption-text-transform, inherit);
15664 line-height: 16px;
15665 padding: 4px 8px;
15666 min-width: 40px;
15667 max-width: 200px;
15668 min-height: 24px;
15669 max-height: 40vh;
15670 box-sizing: border-box;
15671 overflow: hidden;
15672 text-align: center;
15673}
15674.mdc-tooltip__surface::before {
15675 position: absolute;
15676 box-sizing: border-box;
15677 width: 100%;
15678 height: 100%;
15679 top: 0;
15680 left: 0;
15681 border: 1px solid transparent;
15682 border-radius: inherit;
15683 content: "";
15684 pointer-events: none;
15685}
15686.mdc-tooltip--rich .mdc-tooltip__surface {
15687 /* @alternate */
15688 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);
15689 align-items: flex-start;
15690 border-radius: 4px;
15691 display: flex;
15692 flex-direction: column;
15693 line-height: 20px;
15694 min-height: 24px;
15695 min-width: 40px;
15696 max-width: 320px;
15697 position: relative;
15698}
15699.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay {
15700 width: 100%;
15701 height: 100%;
15702 top: 0;
15703 /* @noflip */
15704 left: 0;
15705}
15706.mdc-tooltip--multiline .mdc-tooltip__surface {
15707 /* @noflip */
15708 text-align: left;
15709}
15710[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] {
15711 /* @noflip */
15712 text-align: right;
15713}
15714
15715.mdc-tooltip__surface .mdc-tooltip__title {
15716 display: block;
15717 margin-top: 0;
15718 /* @alternate */
15719 line-height: normal;
15720 -moz-osx-font-smoothing: grayscale;
15721 -webkit-font-smoothing: antialiased;
15722 font-family: Roboto, sans-serif;
15723 /* @alternate */
15724 font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
15725 font-size: 0.875rem;
15726 /* @alternate */
15727 font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
15728 font-weight: 500;
15729 /* @alternate */
15730 font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
15731 letter-spacing: 0.0071428571em;
15732 /* @alternate */
15733 letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
15734 text-decoration: inherit;
15735 /* @alternate */
15736 -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
15737 text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
15738 text-transform: inherit;
15739 /* @alternate */
15740 text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
15741 margin: 0 8px;
15742}
15743.mdc-tooltip__surface .mdc-tooltip__title::before {
15744 display: inline-block;
15745 width: 0;
15746 height: 28px;
15747 content: "";
15748 vertical-align: 0;
15749}
15750.mdc-tooltip__surface .mdc-tooltip__content {
15751 display: block;
15752 margin-top: 0;
15753 /* @alternate */
15754 line-height: normal;
15755 -moz-osx-font-smoothing: grayscale;
15756 -webkit-font-smoothing: antialiased;
15757 font-family: Roboto, sans-serif;
15758 /* @alternate */
15759 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
15760 font-size: 0.875rem;
15761 /* @alternate */
15762 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
15763 font-weight: 400;
15764 /* @alternate */
15765 font-weight: var(--mdc-typography-body2-font-weight, 400);
15766 letter-spacing: 0.0178571429em;
15767 /* @alternate */
15768 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
15769 text-decoration: inherit;
15770 /* @alternate */
15771 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
15772 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
15773 text-transform: inherit;
15774 /* @alternate */
15775 text-transform: var(--mdc-typography-body2-text-transform, inherit);
15776 max-width: calc(100% - 2 * 8px);
15777 margin: 0 8px 16px 8px;
15778 /* @noflip */
15779 text-align: left;
15780}
15781.mdc-tooltip__surface .mdc-tooltip__content::before {
15782 display: inline-block;
15783 width: 0;
15784 height: 24px;
15785 content: "";
15786 vertical-align: 0;
15787}
15788[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content, .mdc-tooltip__surface .mdc-tooltip__content[dir=rtl] {
15789 /* @noflip */
15790 text-align: right;
15791}
15792
15793.mdc-tooltip__surface .mdc-tooltip__content-link {
15794 text-decoration: none;
15795}
15796
15797.mdc-tooltip__surface-animation {
15798 opacity: 0;
15799 -webkit-transform: scale(0.8);
15800 transform: scale(0.8);
15801 will-change: transform, opacity;
15802}
15803.mdc-tooltip--shown .mdc-tooltip__surface-animation {
15804 -webkit-transform: scale(1);
15805 transform: scale(1);
15806 opacity: 1;
15807}
15808.mdc-tooltip--hide .mdc-tooltip__surface-animation {
15809 -webkit-transform: scale(1);
15810 transform: scale(1);
15811}
15812
15813.mdc-tooltip__caret-surface-top,
15814.mdc-tooltip__caret-surface-bottom {
15815 position: absolute;
15816 height: 24px;
15817 width: 24px;
15818 -webkit-transform: rotate(35deg) skewY(20deg) scaleX(0.9396926208);
15819 transform: rotate(35deg) skewY(20deg) scaleX(0.9396926208);
15820}
15821.mdc-tooltip__caret-surface-top .mdc-elevation-overlay,
15822.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay {
15823 width: 100%;
15824 height: 100%;
15825 top: 0;
15826 /* @noflip */
15827 left: 0;
15828}
15829
15830.mdc-tooltip__caret-surface-bottom {
15831 /* @alternate */
15832 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);
15833 outline: 1px solid transparent;
15834 z-index: -1;
15835}
15836
15837.mdc-top-app-bar {
15838 background-color: #6200ee;
15839 /* @alternate */
15840 background-color: var(--mdc-theme-primary, #6200ee);
15841 color: white;
15842 display: flex;
15843 position: fixed;
15844 flex-direction: column;
15845 justify-content: space-between;
15846 box-sizing: border-box;
15847 width: 100%;
15848 z-index: 4;
15849}
15850.mdc-top-app-bar .mdc-top-app-bar__action-item,
15851.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
15852 color: #fff;
15853 /* @alternate */
15854 color: var(--mdc-theme-on-primary, #fff);
15855}
15856.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
15857.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
15858.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
15859 background-color: #fff;
15860 /* @alternate */
15861 background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
15862}
15863.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-surface--hover::before,
15864.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before,
15865.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before {
15866 opacity: 0.08;
15867 /* @alternate */
15868 opacity: var(--mdc-ripple-hover-opacity, 0.08);
15869}
15870.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
15871.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
15872.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
15873 transition-duration: 75ms;
15874 opacity: 0.24;
15875 /* @alternate */
15876 opacity: var(--mdc-ripple-focus-opacity, 0.24);
15877}
15878.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
15879.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
15880 transition: opacity 150ms linear;
15881}
15882.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
15883.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
15884 transition-duration: 75ms;
15885 opacity: 0.24;
15886 /* @alternate */
15887 opacity: var(--mdc-ripple-press-opacity, 0.24);
15888}
15889.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
15890.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
15891 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
15892}
15893.mdc-top-app-bar__row {
15894 display: flex;
15895 position: relative;
15896 box-sizing: border-box;
15897 width: 100%;
15898 height: 64px;
15899}
15900.mdc-top-app-bar__section {
15901 display: inline-flex;
15902 flex: 1 1 auto;
15903 align-items: center;
15904 min-width: 0;
15905 padding: 8px 12px;
15906 z-index: 1;
15907}
15908.mdc-top-app-bar__section--align-start {
15909 justify-content: flex-start;
15910 order: -1;
15911}
15912.mdc-top-app-bar__section--align-end {
15913 justify-content: flex-end;
15914 order: 1;
15915}
15916.mdc-top-app-bar__title {
15917 -moz-osx-font-smoothing: grayscale;
15918 -webkit-font-smoothing: antialiased;
15919 font-family: Roboto, sans-serif;
15920 /* @alternate */
15921 font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
15922 font-size: 1.25rem;
15923 /* @alternate */
15924 font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
15925 line-height: 2rem;
15926 /* @alternate */
15927 line-height: var(--mdc-typography-headline6-line-height, 2rem);
15928 font-weight: 500;
15929 /* @alternate */
15930 font-weight: var(--mdc-typography-headline6-font-weight, 500);
15931 letter-spacing: 0.0125em;
15932 /* @alternate */
15933 letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
15934 text-decoration: inherit;
15935 /* @alternate */
15936 -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
15937 text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
15938 text-transform: inherit;
15939 /* @alternate */
15940 text-transform: var(--mdc-typography-headline6-text-transform, inherit);
15941 /* @noflip */
15942 padding-left: 20px;
15943 /* @noflip */
15944 padding-right: 0;
15945 text-overflow: ellipsis;
15946 white-space: nowrap;
15947 overflow: hidden;
15948 z-index: 1;
15949}
15950[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
15951 /* @noflip */
15952 padding-left: 0;
15953 /* @noflip */
15954 padding-right: 20px;
15955}
15956
15957.mdc-top-app-bar--short-collapsed {
15958 /* @noflip */
15959 border-top-left-radius: 0;
15960 /* @noflip */
15961 border-top-right-radius: 0;
15962 /* @noflip */
15963 border-bottom-right-radius: 24px;
15964 /* @noflip */
15965 border-bottom-left-radius: 0;
15966}
15967[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
15968 /* @noflip */
15969 border-top-left-radius: 0;
15970 /* @noflip */
15971 border-top-right-radius: 0;
15972 /* @noflip */
15973 border-bottom-right-radius: 0;
15974 /* @noflip */
15975 border-bottom-left-radius: 24px;
15976}
15977
15978.mdc-top-app-bar--short {
15979 top: 0;
15980 /* @noflip */
15981 right: auto;
15982 /* @noflip */
15983 left: 0;
15984 width: 100%;
15985 transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
15986}
15987[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
15988 /* @noflip */
15989 right: 0;
15990 /* @noflip */
15991 left: auto;
15992}
15993
15994.mdc-top-app-bar--short .mdc-top-app-bar__row {
15995 height: 56px;
15996}
15997.mdc-top-app-bar--short .mdc-top-app-bar__section {
15998 padding: 4px;
15999}
16000.mdc-top-app-bar--short .mdc-top-app-bar__title {
16001 transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
16002 opacity: 1;
16003}
16004
16005.mdc-top-app-bar--short-collapsed {
16006 /* @alternate */
16007 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);
16008 width: 56px;
16009 transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
16010}
16011.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
16012 display: none;
16013}
16014.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
16015 transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
16016}
16017
16018.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
16019 width: 112px;
16020}
16021.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
16022 /* @noflip */
16023 padding-left: 0;
16024 /* @noflip */
16025 padding-right: 12px;
16026}
16027[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
16028 /* @noflip */
16029 padding-left: 12px;
16030 /* @noflip */
16031 padding-right: 0;
16032}
16033
16034.mdc-top-app-bar--dense .mdc-top-app-bar__row {
16035 height: 48px;
16036}
16037.mdc-top-app-bar--dense .mdc-top-app-bar__section {
16038 padding: 0 4px;
16039}
16040.mdc-top-app-bar--dense .mdc-top-app-bar__title {
16041 /* @noflip */
16042 padding-left: 12px;
16043 /* @noflip */
16044 padding-right: 0;
16045}
16046[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
16047 /* @noflip */
16048 padding-left: 0;
16049 /* @noflip */
16050 padding-right: 12px;
16051}
16052
16053.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
16054 height: 128px;
16055}
16056.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
16057 align-self: flex-end;
16058 padding-bottom: 2px;
16059}
16060.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
16061.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
16062 align-self: flex-start;
16063}
16064
16065.mdc-top-app-bar--fixed {
16066 transition: box-shadow 200ms linear;
16067}
16068
16069.mdc-top-app-bar--fixed-scrolled {
16070 /* @alternate */
16071 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);
16072 transition: box-shadow 200ms linear;
16073}
16074
16075.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
16076 height: 96px;
16077}
16078.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
16079 padding: 0 12px;
16080}
16081.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
16082 /* @noflip */
16083 padding-left: 20px;
16084 /* @noflip */
16085 padding-right: 0;
16086 padding-bottom: 9px;
16087}
16088[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
16089 /* @noflip */
16090 padding-left: 0;
16091 /* @noflip */
16092 padding-right: 20px;
16093}
16094
16095.mdc-top-app-bar--fixed-adjust {
16096 padding-top: 64px;
16097}
16098
16099.mdc-top-app-bar--dense-fixed-adjust {
16100 padding-top: 48px;
16101}
16102
16103.mdc-top-app-bar--short-fixed-adjust {
16104 padding-top: 56px;
16105}
16106
16107.mdc-top-app-bar--prominent-fixed-adjust {
16108 padding-top: 128px;
16109}
16110
16111.mdc-top-app-bar--dense-prominent-fixed-adjust {
16112 padding-top: 96px;
16113}
16114
16115@media (max-width: 599px) {
16116 .mdc-top-app-bar__row {
16117 height: 56px;
16118 }
16119
16120 .mdc-top-app-bar__section {
16121 padding: 4px;
16122 }
16123
16124 .mdc-top-app-bar--short {
16125 transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
16126 }
16127
16128 .mdc-top-app-bar--short-collapsed {
16129 transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
16130 }
16131 .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
16132 /* @noflip */
16133 padding-left: 0;
16134 /* @noflip */
16135 padding-right: 12px;
16136 }
16137 [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
16138 /* @noflip */
16139 padding-left: 12px;
16140 /* @noflip */
16141 padding-right: 0;
16142 }
16143
16144 .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
16145 padding-bottom: 6px;
16146 }
16147
16148 .mdc-top-app-bar--fixed-adjust {
16149 padding-top: 56px;
16150 }
16151}
16152.mdc-typography {
16153 -moz-osx-font-smoothing: grayscale;
16154 -webkit-font-smoothing: antialiased;
16155 font-family: Roboto, sans-serif;
16156 /* @alternate */
16157 font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
16158}
16159
16160.mdc-typography--headline1 {
16161 -moz-osx-font-smoothing: grayscale;
16162 -webkit-font-smoothing: antialiased;
16163 font-family: Roboto, sans-serif;
16164 /* @alternate */
16165 font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16166 font-size: 6rem;
16167 /* @alternate */
16168 font-size: var(--mdc-typography-headline1-font-size, 6rem);
16169 line-height: 6rem;
16170 /* @alternate */
16171 line-height: var(--mdc-typography-headline1-line-height, 6rem);
16172 font-weight: 300;
16173 /* @alternate */
16174 font-weight: var(--mdc-typography-headline1-font-weight, 300);
16175 letter-spacing: -0.015625em;
16176 /* @alternate */
16177 letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
16178 text-decoration: inherit;
16179 /* @alternate */
16180 -webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
16181 text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
16182 text-transform: inherit;
16183 /* @alternate */
16184 text-transform: var(--mdc-typography-headline1-text-transform, inherit);
16185}
16186
16187.mdc-typography--headline2 {
16188 -moz-osx-font-smoothing: grayscale;
16189 -webkit-font-smoothing: antialiased;
16190 font-family: Roboto, sans-serif;
16191 /* @alternate */
16192 font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16193 font-size: 3.75rem;
16194 /* @alternate */
16195 font-size: var(--mdc-typography-headline2-font-size, 3.75rem);
16196 line-height: 3.75rem;
16197 /* @alternate */
16198 line-height: var(--mdc-typography-headline2-line-height, 3.75rem);
16199 font-weight: 300;
16200 /* @alternate */
16201 font-weight: var(--mdc-typography-headline2-font-weight, 300);
16202 letter-spacing: -0.0083333333em;
16203 /* @alternate */
16204 letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);
16205 text-decoration: inherit;
16206 /* @alternate */
16207 -webkit-text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
16208 text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
16209 text-transform: inherit;
16210 /* @alternate */
16211 text-transform: var(--mdc-typography-headline2-text-transform, inherit);
16212}
16213
16214.mdc-typography--headline3 {
16215 -moz-osx-font-smoothing: grayscale;
16216 -webkit-font-smoothing: antialiased;
16217 font-family: Roboto, sans-serif;
16218 /* @alternate */
16219 font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16220 font-size: 3rem;
16221 /* @alternate */
16222 font-size: var(--mdc-typography-headline3-font-size, 3rem);
16223 line-height: 3.125rem;
16224 /* @alternate */
16225 line-height: var(--mdc-typography-headline3-line-height, 3.125rem);
16226 font-weight: 400;
16227 /* @alternate */
16228 font-weight: var(--mdc-typography-headline3-font-weight, 400);
16229 letter-spacing: normal;
16230 /* @alternate */
16231 letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal);
16232 text-decoration: inherit;
16233 /* @alternate */
16234 -webkit-text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
16235 text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
16236 text-transform: inherit;
16237 /* @alternate */
16238 text-transform: var(--mdc-typography-headline3-text-transform, inherit);
16239}
16240
16241.mdc-typography--headline4 {
16242 -moz-osx-font-smoothing: grayscale;
16243 -webkit-font-smoothing: antialiased;
16244 font-family: Roboto, sans-serif;
16245 /* @alternate */
16246 font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16247 font-size: 2.125rem;
16248 /* @alternate */
16249 font-size: var(--mdc-typography-headline4-font-size, 2.125rem);
16250 line-height: 2.5rem;
16251 /* @alternate */
16252 line-height: var(--mdc-typography-headline4-line-height, 2.5rem);
16253 font-weight: 400;
16254 /* @alternate */
16255 font-weight: var(--mdc-typography-headline4-font-weight, 400);
16256 letter-spacing: 0.0073529412em;
16257 /* @alternate */
16258 letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em);
16259 text-decoration: inherit;
16260 /* @alternate */
16261 -webkit-text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
16262 text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
16263 text-transform: inherit;
16264 /* @alternate */
16265 text-transform: var(--mdc-typography-headline4-text-transform, inherit);
16266}
16267
16268.mdc-typography--headline5 {
16269 -moz-osx-font-smoothing: grayscale;
16270 -webkit-font-smoothing: antialiased;
16271 font-family: Roboto, sans-serif;
16272 /* @alternate */
16273 font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16274 font-size: 1.5rem;
16275 /* @alternate */
16276 font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
16277 line-height: 2rem;
16278 /* @alternate */
16279 line-height: var(--mdc-typography-headline5-line-height, 2rem);
16280 font-weight: 400;
16281 /* @alternate */
16282 font-weight: var(--mdc-typography-headline5-font-weight, 400);
16283 letter-spacing: normal;
16284 /* @alternate */
16285 letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
16286 text-decoration: inherit;
16287 /* @alternate */
16288 -webkit-text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
16289 text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
16290 text-transform: inherit;
16291 /* @alternate */
16292 text-transform: var(--mdc-typography-headline5-text-transform, inherit);
16293}
16294
16295.mdc-typography--headline6 {
16296 -moz-osx-font-smoothing: grayscale;
16297 -webkit-font-smoothing: antialiased;
16298 font-family: Roboto, sans-serif;
16299 /* @alternate */
16300 font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16301 font-size: 1.25rem;
16302 /* @alternate */
16303 font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
16304 line-height: 2rem;
16305 /* @alternate */
16306 line-height: var(--mdc-typography-headline6-line-height, 2rem);
16307 font-weight: 500;
16308 /* @alternate */
16309 font-weight: var(--mdc-typography-headline6-font-weight, 500);
16310 letter-spacing: 0.0125em;
16311 /* @alternate */
16312 letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
16313 text-decoration: inherit;
16314 /* @alternate */
16315 -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
16316 text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
16317 text-transform: inherit;
16318 /* @alternate */
16319 text-transform: var(--mdc-typography-headline6-text-transform, inherit);
16320}
16321
16322.mdc-typography--subtitle1 {
16323 -moz-osx-font-smoothing: grayscale;
16324 -webkit-font-smoothing: antialiased;
16325 font-family: Roboto, sans-serif;
16326 /* @alternate */
16327 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16328 font-size: 1rem;
16329 /* @alternate */
16330 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
16331 line-height: 1.75rem;
16332 /* @alternate */
16333 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
16334 font-weight: 400;
16335 /* @alternate */
16336 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
16337 letter-spacing: 0.009375em;
16338 /* @alternate */
16339 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
16340 text-decoration: inherit;
16341 /* @alternate */
16342 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
16343 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
16344 text-transform: inherit;
16345 /* @alternate */
16346 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
16347}
16348
16349.mdc-typography--subtitle2 {
16350 -moz-osx-font-smoothing: grayscale;
16351 -webkit-font-smoothing: antialiased;
16352 font-family: Roboto, sans-serif;
16353 /* @alternate */
16354 font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16355 font-size: 0.875rem;
16356 /* @alternate */
16357 font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
16358 line-height: 1.375rem;
16359 /* @alternate */
16360 line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
16361 font-weight: 500;
16362 /* @alternate */
16363 font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
16364 letter-spacing: 0.0071428571em;
16365 /* @alternate */
16366 letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
16367 text-decoration: inherit;
16368 /* @alternate */
16369 -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
16370 text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
16371 text-transform: inherit;
16372 /* @alternate */
16373 text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
16374}
16375
16376.mdc-typography--body1 {
16377 -moz-osx-font-smoothing: grayscale;
16378 -webkit-font-smoothing: antialiased;
16379 font-family: Roboto, sans-serif;
16380 /* @alternate */
16381 font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16382 font-size: 1rem;
16383 /* @alternate */
16384 font-size: var(--mdc-typography-body1-font-size, 1rem);
16385 line-height: 1.5rem;
16386 /* @alternate */
16387 line-height: var(--mdc-typography-body1-line-height, 1.5rem);
16388 font-weight: 400;
16389 /* @alternate */
16390 font-weight: var(--mdc-typography-body1-font-weight, 400);
16391 letter-spacing: 0.03125em;
16392 /* @alternate */
16393 letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
16394 text-decoration: inherit;
16395 /* @alternate */
16396 -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
16397 text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
16398 text-transform: inherit;
16399 /* @alternate */
16400 text-transform: var(--mdc-typography-body1-text-transform, inherit);
16401}
16402
16403.mdc-typography--body2 {
16404 -moz-osx-font-smoothing: grayscale;
16405 -webkit-font-smoothing: antialiased;
16406 font-family: Roboto, sans-serif;
16407 /* @alternate */
16408 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16409 font-size: 0.875rem;
16410 /* @alternate */
16411 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
16412 line-height: 1.25rem;
16413 /* @alternate */
16414 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
16415 font-weight: 400;
16416 /* @alternate */
16417 font-weight: var(--mdc-typography-body2-font-weight, 400);
16418 letter-spacing: 0.0178571429em;
16419 /* @alternate */
16420 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
16421 text-decoration: inherit;
16422 /* @alternate */
16423 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
16424 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
16425 text-transform: inherit;
16426 /* @alternate */
16427 text-transform: var(--mdc-typography-body2-text-transform, inherit);
16428}
16429
16430.mdc-typography--caption {
16431 -moz-osx-font-smoothing: grayscale;
16432 -webkit-font-smoothing: antialiased;
16433 font-family: Roboto, sans-serif;
16434 /* @alternate */
16435 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16436 font-size: 0.75rem;
16437 /* @alternate */
16438 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
16439 line-height: 1.25rem;
16440 /* @alternate */
16441 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
16442 font-weight: 400;
16443 /* @alternate */
16444 font-weight: var(--mdc-typography-caption-font-weight, 400);
16445 letter-spacing: 0.0333333333em;
16446 /* @alternate */
16447 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
16448 text-decoration: inherit;
16449 /* @alternate */
16450 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
16451 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
16452 text-transform: inherit;
16453 /* @alternate */
16454 text-transform: var(--mdc-typography-caption-text-transform, inherit);
16455}
16456
16457.mdc-typography--button {
16458 -moz-osx-font-smoothing: grayscale;
16459 -webkit-font-smoothing: antialiased;
16460 font-family: Roboto, sans-serif;
16461 /* @alternate */
16462 font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16463 font-size: 0.875rem;
16464 /* @alternate */
16465 font-size: var(--mdc-typography-button-font-size, 0.875rem);
16466 line-height: 2.25rem;
16467 /* @alternate */
16468 line-height: var(--mdc-typography-button-line-height, 2.25rem);
16469 font-weight: 500;
16470 /* @alternate */
16471 font-weight: var(--mdc-typography-button-font-weight, 500);
16472 letter-spacing: 0.0892857143em;
16473 /* @alternate */
16474 letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
16475 text-decoration: none;
16476 /* @alternate */
16477 -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
16478 text-decoration: var(--mdc-typography-button-text-decoration, none);
16479 text-transform: uppercase;
16480 /* @alternate */
16481 text-transform: var(--mdc-typography-button-text-transform, uppercase);
16482}
16483
16484.mdc-typography--overline {
16485 -moz-osx-font-smoothing: grayscale;
16486 -webkit-font-smoothing: antialiased;
16487 font-family: Roboto, sans-serif;
16488 /* @alternate */
16489 font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
16490 font-size: 0.75rem;
16491 /* @alternate */
16492 font-size: var(--mdc-typography-overline-font-size, 0.75rem);
16493 line-height: 2rem;
16494 /* @alternate */
16495 line-height: var(--mdc-typography-overline-line-height, 2rem);
16496 font-weight: 500;
16497 /* @alternate */
16498 font-weight: var(--mdc-typography-overline-font-weight, 500);
16499 letter-spacing: 0.1666666667em;
16500 /* @alternate */
16501 letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
16502 text-decoration: none;
16503 /* @alternate */
16504 -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
16505 text-decoration: var(--mdc-typography-overline-text-decoration, none);
16506 text-transform: uppercase;
16507 /* @alternate */
16508 text-transform: var(--mdc-typography-overline-text-transform, uppercase);
16509}
16510
16511/*# sourceMappingURL=material-components-web.css.map*/
\No newline at end of file