Site Kit by Google - Version 1.12.0

Version Description

Download this release

Release Info

Developer flixos90
Plugin Icon 128x128 Site Kit by Google
Version 1.12.0
Comparing to
See all releases

Code changes from version 1.11.1 to 1.12.0

Files changed (6) hide show
  1. dist/assets/css/admin.css +1 -10309
  2. dist/assets/css/adminbar.css +1 -1635
  3. dist/assets/css/wpdashboard.css +1 -1081
  4. dist/assets/images/service-analytics.jpg +0 -0
  5. dist/assets/images/service-search_console.jpg +0 -0
  6. dist/assets/js/chunk-googlesitekit-adminbar-57b5d61752dcf093db49.js +28 -0
dist/assets/css/admin.css CHANGED
@@ -1,10310 +1,2 @@
1
- /**
2
- * Admin stylesheet.
3
- *
4
- * Site Kit by Google, Copyright 2019 Google LLC
5
- *
6
- * Licensed under the Apache License, Version 2.0 (the "License");
7
- * you may not use this file except in compliance with the License.
8
- * You may obtain a copy of the License at
9
- *
10
- * https://www.apache.org/licenses/LICENSE-2.0
11
- *
12
- * Unless required by applicable law or agreed to in writing, software
13
- * distributed under the License is distributed on an "AS IS" BASIS,
14
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
- * See the License for the specific language governing permissions and
16
- * limitations under the License.
17
- */
18
- /*
19
- * Configuration Options
20
- */
21
- /**
22
- * Variables.
23
- *
24
- * Site Kit by Google, Copyright 2019 Google LLC
25
- *
26
- * Licensed under the Apache License, Version 2.0 (the "License");
27
- * you may not use this file except in compliance with the License.
28
- * You may obtain a copy of the License at
29
- *
30
- * https://www.apache.org/licenses/LICENSE-2.0
31
- *
32
- * Unless required by applicable law or agreed to in writing, software
33
- * distributed under the License is distributed on an "AS IS" BASIS,
34
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
35
- * See the License for the specific language governing permissions and
36
- * limitations under the License.
37
- */
38
- /*
39
- * Colors
40
- * Names from http://chir.ag/projects/name-that-color/
41
- */
42
- /* stylelint-disable */
43
- /* stylelint-enable */
44
- /**
45
- * Mixins.
46
- *
47
- * Site Kit by Google, Copyright 2019 Google LLC
48
- *
49
- * Licensed under the Apache License, Version 2.0 (the "License");
50
- * you may not use this file except in compliance with the License.
51
- * You may obtain a copy of the License at
52
- *
53
- * https://www.apache.org/licenses/LICENSE-2.0
54
- *
55
- * Unless required by applicable law or agreed to in writing, software
56
- * distributed under the License is distributed on an "AS IS" BASIS,
57
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
58
- * See the License for the specific language governing permissions and
59
- * limitations under the License.
60
- */
61
- /*
62
- * Material Design
63
- */
64
- .mdc-button {
65
- font-family: Roboto, sans-serif;
66
- -moz-osx-font-smoothing: grayscale;
67
- -webkit-font-smoothing: antialiased;
68
- font-size: 0.875rem;
69
- line-height: 2.25rem;
70
- font-weight: 500;
71
- letter-spacing: 0.08929em;
72
- text-decoration: none;
73
- text-transform: uppercase;
74
- padding: 0 8px 0 8px;
75
- display: inline-flex;
76
- position: relative;
77
- align-items: center;
78
- justify-content: center;
79
- box-sizing: border-box;
80
- min-width: 64px;
81
- height: 36px;
82
- border: none;
83
- outline: none;
84
- /* @alternate */
85
- line-height: inherit;
86
- -webkit-user-select: none;
87
- -moz-user-select: none;
88
- -ms-user-select: none;
89
- user-select: none;
90
- -webkit-appearance: none;
91
- overflow: hidden;
92
- vertical-align: middle;
93
- border-radius: 4px; }
94
- .mdc-button::-moz-focus-inner {
95
- padding: 0;
96
- border: 0; }
97
- .mdc-button:active {
98
- outline: none; }
99
- .mdc-button:hover {
100
- cursor: pointer; }
101
- .mdc-button:disabled {
102
- background-color: transparent;
103
- color: rgba(0, 0, 0, 0.37);
104
- cursor: default;
105
- pointer-events: none; }
106
- .mdc-button.mdc-button--dense {
107
- border-radius: 4px; }
108
- .mdc-button:not(:disabled) {
109
- background-color: transparent; }
110
- .mdc-button .mdc-button__icon {
111
- /* @noflip */
112
- margin-left: 0;
113
- /* @noflip */
114
- margin-right: 8px;
115
- display: inline-block;
116
- width: 18px;
117
- height: 18px;
118
- font-size: 18px;
119
- vertical-align: top; }
120
- [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] {
121
- /* @noflip */
122
- margin-left: 8px;
123
- /* @noflip */
124
- margin-right: 0; }
125
- .mdc-button:not(:disabled) {
126
- color: #1a73e8;
127
- /* @alternate */
128
- color: #1a73e8;
129
- color: var(--mdc-theme-primary, #1a73e8); }
130
-
131
- .mdc-button__label + .mdc-button__icon {
132
- /* @noflip */
133
- margin-left: 8px;
134
- /* @noflip */
135
- margin-right: 0; }
136
- [dir="rtl"] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir="rtl"] {
137
- /* @noflip */
138
- margin-left: 0;
139
- /* @noflip */
140
- margin-right: 8px; }
141
-
142
- svg.mdc-button__icon {
143
- fill: currentColor; }
144
-
145
- .mdc-button--raised .mdc-button__icon,
146
- .mdc-button--unelevated .mdc-button__icon,
147
- .mdc-button--outlined .mdc-button__icon {
148
- /* @noflip */
149
- margin-left: -4px;
150
- /* @noflip */
151
- margin-right: 8px; }
152
- [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"]
153
- .mdc-button--unelevated .mdc-button__icon,
154
- .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"]
155
- .mdc-button--outlined .mdc-button__icon,
156
- .mdc-button--outlined .mdc-button__icon[dir="rtl"] {
157
- /* @noflip */
158
- margin-left: 8px;
159
- /* @noflip */
160
- margin-right: -4px; }
161
-
162
- .mdc-button--raised .mdc-button__label + .mdc-button__icon,
163
- .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
164
- .mdc-button--outlined .mdc-button__label + .mdc-button__icon {
165
- /* @noflip */
166
- margin-left: 8px;
167
- /* @noflip */
168
- margin-right: -4px; }
169
- [dir="rtl"] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"]
170
- .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
171
- .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"]
172
- .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
173
- .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir="rtl"] {
174
- /* @noflip */
175
- margin-left: -4px;
176
- /* @noflip */
177
- margin-right: 8px; }
178
-
179
- .mdc-button--raised,
180
- .mdc-button--unelevated {
181
- padding: 0 16px 0 16px; }
182
- .mdc-button--raised:disabled,
183
- .mdc-button--unelevated:disabled {
184
- background-color: rgba(0, 0, 0, 0.12);
185
- color: rgba(0, 0, 0, 0.37); }
186
- .mdc-button--raised:not(:disabled),
187
- .mdc-button--unelevated:not(:disabled) {
188
- background-color: #1a73e8; }
189
- @supports not (-ms-ime-align: auto) {
190
- .mdc-button--raised:not(:disabled),
191
- .mdc-button--unelevated:not(:disabled) {
192
- /* @alternate */
193
- background-color: #1a73e8;
194
- background-color: var(--mdc-theme-primary, #1a73e8); } }
195
- .mdc-button--raised:not(:disabled),
196
- .mdc-button--unelevated:not(:disabled) {
197
- color: #fff;
198
- /* @alternate */
199
- color: #fff;
200
- color: var(--mdc-theme-on-primary, #fff); }
201
-
202
- .mdc-button--raised {
203
- 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);
204
- transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }
205
- .mdc-button--raised:hover, .mdc-button--raised:focus {
206
- 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); }
207
- .mdc-button--raised:active {
208
- 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); }
209
- .mdc-button--raised:disabled {
210
- 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); }
211
-
212
- .mdc-button--outlined {
213
- border-style: solid;
214
- padding: 0 15px 0 15px;
215
- border-width: 1px; }
216
- .mdc-button--outlined:disabled {
217
- border-color: rgba(0, 0, 0, 0.37); }
218
- .mdc-button--outlined:not(:disabled) {
219
- border-color: #1a73e8;
220
- /* @alternate */
221
- border-color: #1a73e8;
222
- border-color: var(--mdc-theme-primary, #1a73e8); }
223
-
224
- .mdc-button--dense {
225
- height: 32px;
226
- font-size: .8125rem; }
227
-
228
- @keyframes mdc-ripple-fg-radius-in {
229
- from {
230
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
231
- transform: translate(0) scale(1);
232
- transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
233
- to {
234
- transform: translate(0) scale(1);
235
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }
236
-
237
- @keyframes mdc-ripple-fg-opacity-in {
238
- from {
239
- animation-timing-function: linear;
240
- opacity: 0; }
241
- to {
242
- opacity: 0;
243
- opacity: var(--mdc-ripple-fg-opacity, 0); } }
244
-
245
- @keyframes mdc-ripple-fg-opacity-out {
246
- from {
247
- animation-timing-function: linear;
248
- opacity: 0;
249
- opacity: var(--mdc-ripple-fg-opacity, 0); }
250
- to {
251
- opacity: 0; } }
252
-
253
- .mdc-ripple-surface--test-edge-var-bug {
254
- --mdc-ripple-surface-test-edge-var: 1px solid #000;
255
- visibility: hidden; }
256
- .mdc-ripple-surface--test-edge-var-bug::before {
257
- border: var(--mdc-ripple-surface-test-edge-var); }
258
-
259
- .mdc-button {
260
- --mdc-ripple-fg-size: 0;
261
- --mdc-ripple-left: 0;
262
- --mdc-ripple-top: 0;
263
- --mdc-ripple-fg-scale: 1;
264
- --mdc-ripple-fg-translate-end: 0;
265
- --mdc-ripple-fg-translate-start: 0;
266
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
267
- .mdc-button::before, .mdc-button::after {
268
- position: absolute;
269
- border-radius: 50%;
270
- opacity: 0;
271
- pointer-events: none;
272
- content: ""; }
273
- .mdc-button::before {
274
- transition: opacity 15ms linear, background-color 15ms linear;
275
- z-index: 1; }
276
- .mdc-button.mdc-ripple-upgraded::before {
277
- transform: scale(1);
278
- transform: scale(var(--mdc-ripple-fg-scale, 1)); }
279
- .mdc-button.mdc-ripple-upgraded::after {
280
- top: 0;
281
- /* @noflip */
282
- left: 0;
283
- transform: scale(0);
284
- transform-origin: center center; }
285
- .mdc-button.mdc-ripple-upgraded--unbounded::after {
286
- top: 0;
287
- top: var(--mdc-ripple-top, 0);
288
- /* @noflip */
289
- left: 0;
290
- left: var(--mdc-ripple-left, 0); }
291
- .mdc-button.mdc-ripple-upgraded--foreground-activation::after {
292
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
293
- .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
294
- animation: mdc-ripple-fg-opacity-out 150ms;
295
- transform: translate(0) scale(1);
296
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
297
- .mdc-button::before, .mdc-button::after {
298
- top: calc(50% - 100%);
299
- /* @noflip */
300
- left: calc(50% - 100%);
301
- width: 200%;
302
- height: 200%; }
303
- .mdc-button.mdc-ripple-upgraded::after {
304
- width: 100%;
305
- width: var(--mdc-ripple-fg-size, 100%);
306
- height: 100%;
307
- height: var(--mdc-ripple-fg-size, 100%); }
308
- .mdc-button::before, .mdc-button::after {
309
- background-color: #1a73e8; }
310
- @supports not (-ms-ime-align: auto) {
311
- .mdc-button::before, .mdc-button::after {
312
- /* @alternate */
313
- background-color: #1a73e8;
314
- background-color: var(--mdc-theme-primary, #1a73e8); } }
315
- .mdc-button:hover::before {
316
- opacity: 0.04; }
317
- .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
318
- transition-duration: 75ms;
319
- opacity: 0.12; }
320
- .mdc-button:not(.mdc-ripple-upgraded)::after {
321
- transition: opacity 150ms linear; }
322
- .mdc-button:not(.mdc-ripple-upgraded):active::after {
323
- transition-duration: 75ms;
324
- opacity: 0.12; }
325
- .mdc-button.mdc-ripple-upgraded {
326
- --mdc-ripple-fg-opacity: 0.12; }
327
-
328
- .mdc-button--raised::before, .mdc-button--raised::after,
329
- .mdc-button--unelevated::before,
330
- .mdc-button--unelevated::after {
331
- background-color: #fff; }
332
- @supports not (-ms-ime-align: auto) {
333
- .mdc-button--raised::before, .mdc-button--raised::after,
334
- .mdc-button--unelevated::before,
335
- .mdc-button--unelevated::after {
336
- /* @alternate */
337
- background-color: #fff;
338
- background-color: var(--mdc-theme-on-primary, #fff); } }
339
-
340
- .mdc-button--raised:hover::before,
341
- .mdc-button--unelevated:hover::before {
342
- opacity: 0.08; }
343
-
344
- .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
345
- .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
346
- .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
347
- transition-duration: 75ms;
348
- opacity: 0.24; }
349
-
350
- .mdc-button--raised:not(.mdc-ripple-upgraded)::after,
351
- .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
352
- transition: opacity 150ms linear; }
353
-
354
- .mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
355
- .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
356
- transition-duration: 75ms;
357
- opacity: 0.24; }
358
-
359
- .mdc-button--raised.mdc-ripple-upgraded,
360
- .mdc-button--unelevated.mdc-ripple-upgraded {
361
- --mdc-ripple-fg-opacity: 0.24; }
362
-
363
- @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
364
- 0%,
365
- 50% {
366
- stroke-dashoffset: 29.78334; }
367
- 50% {
368
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
369
- 100% {
370
- stroke-dashoffset: 0; } }
371
-
372
- @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
373
- 0%,
374
- 68.2% {
375
- transform: scaleX(0); }
376
- 68.2% {
377
- animation-timing-function: cubic-bezier(0, 0, 0, 1); }
378
- 100% {
379
- transform: scaleX(1); } }
380
-
381
- @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
382
- from {
383
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
384
- opacity: 1;
385
- stroke-dashoffset: 0; }
386
- to {
387
- opacity: 0;
388
- stroke-dashoffset: -29.78334; } }
389
-
390
- @keyframes mdc-checkbox-checked-indeterminate-checkmark {
391
- from {
392
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
393
- transform: rotate(0deg);
394
- opacity: 1; }
395
- to {
396
- transform: rotate(45deg);
397
- opacity: 0; } }
398
-
399
- @keyframes mdc-checkbox-indeterminate-checked-checkmark {
400
- from {
401
- animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
402
- transform: rotate(45deg);
403
- opacity: 0; }
404
- to {
405
- transform: rotate(360deg);
406
- opacity: 1; } }
407
-
408
- @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
409
- from {
410
- animation-timing-function: mdc-animation-deceleration-curve-timing-function;
411
- transform: rotate(-45deg);
412
- opacity: 0; }
413
- to {
414
- transform: rotate(0deg);
415
- opacity: 1; } }
416
-
417
- @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
418
- from {
419
- animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
420
- transform: rotate(0deg);
421
- opacity: 1; }
422
- to {
423
- transform: rotate(315deg);
424
- opacity: 0; } }
425
-
426
- @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
427
- 0% {
428
- animation-timing-function: linear;
429
- transform: scaleX(1);
430
- opacity: 1; }
431
- 32.8%,
432
- 100% {
433
- transform: scaleX(0);
434
- opacity: 0; } }
435
-
436
- .mdc-checkbox {
437
- display: inline-block;
438
- position: relative;
439
- flex: 0 0 18px;
440
- box-sizing: content-box;
441
- width: 18px;
442
- height: 18px;
443
- padding: 11px;
444
- line-height: 0;
445
- white-space: nowrap;
446
- cursor: pointer;
447
- vertical-align: bottom; }
448
-
449
- .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
450
- border-color: rgba(0, 0, 0, 0.54);
451
- background-color: transparent; }
452
-
453
- .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
454
- .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
455
- border-color: #1a73e8;
456
- /* @alternate */
457
- border-color: #1a73e8;
458
- border-color: var(--mdc-theme-secondary, #1a73e8);
459
- background-color: #1a73e8;
460
- /* @alternate */
461
- background-color: #1a73e8;
462
- background-color: var(--mdc-theme-secondary, #1a73e8); }
463
-
464
- @keyframes mdc-checkbox-fade-in-background-0 {
465
- 0% {
466
- border-color: rgba(0, 0, 0, 0.54);
467
- background-color: transparent; }
468
- 50% {
469
- border-color: #1a73e8;
470
- /* @alternate */
471
- border-color: #1a73e8;
472
- border-color: var(--mdc-theme-secondary, #1a73e8);
473
- background-color: #1a73e8;
474
- /* @alternate */
475
- background-color: #1a73e8;
476
- background-color: var(--mdc-theme-secondary, #1a73e8); } }
477
-
478
- @keyframes mdc-checkbox-fade-out-background-0 {
479
- 0%,
480
- 80% {
481
- border-color: #1a73e8;
482
- /* @alternate */
483
- border-color: #1a73e8;
484
- border-color: var(--mdc-theme-secondary, #1a73e8);
485
- background-color: #1a73e8;
486
- /* @alternate */
487
- background-color: #1a73e8;
488
- background-color: var(--mdc-theme-secondary, #1a73e8); }
489
- 100% {
490
- border-color: rgba(0, 0, 0, 0.54);
491
- background-color: transparent; } }
492
-
493
- .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
494
- animation-name: mdc-checkbox-fade-in-background-0; }
495
-
496
- .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
497
- animation-name: mdc-checkbox-fade-out-background-0; }
498
-
499
- .mdc-checkbox__checkmark {
500
- color: #fff; }
501
-
502
- .mdc-checkbox__mixedmark {
503
- border-color: #fff; }
504
-
505
- .mdc-checkbox__background::before {
506
- background-color: #1a73e8; }
507
- @supports not (-ms-ime-align: auto) {
508
- .mdc-checkbox__background::before {
509
- /* @alternate */
510
- background-color: #1a73e8;
511
- background-color: var(--mdc-theme-secondary, #1a73e8); } }
512
-
513
- .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
514
- border-color: rgba(0, 0, 0, 0.26); }
515
-
516
- .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
517
- .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
518
- border-color: transparent;
519
- background-color: rgba(0, 0, 0, 0.26); }
520
-
521
- @media screen and (-ms-high-contrast: active) {
522
- .mdc-checkbox__mixedmark {
523
- margin: 0 1px; } }
524
-
525
- .mdc-checkbox--disabled {
526
- cursor: default;
527
- pointer-events: none; }
528
-
529
- .mdc-checkbox__background {
530
- /* @noflip */
531
- left: 11px;
532
- /* @noflip */
533
- right: auto;
534
- right: initial;
535
- display: inline-flex;
536
- position: absolute;
537
- top: 11px;
538
- bottom: 0;
539
- align-items: center;
540
- justify-content: center;
541
- box-sizing: border-box;
542
- width: 45%;
543
- height: 45%;
544
- border: 2px solid currentColor;
545
- border-radius: 2px;
546
- background-color: transparent;
547
- pointer-events: none;
548
- will-change: background-color, border-color;
549
- 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); }
550
- .mdc-checkbox[dir="rtl"] .mdc-checkbox__background,
551
- [dir="rtl"] .mdc-checkbox .mdc-checkbox__background {
552
- /* @noflip */
553
- left: auto;
554
- left: initial;
555
- /* @noflip */
556
- right: 11px; }
557
-
558
- .mdc-checkbox__checkmark {
559
- position: absolute;
560
- top: 0;
561
- right: 0;
562
- bottom: 0;
563
- left: 0;
564
- width: 100%;
565
- opacity: 0;
566
- transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
567
- .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
568
- opacity: 1; }
569
-
570
- .mdc-checkbox__checkmark-path {
571
- transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
572
- stroke: currentColor;
573
- stroke-width: 3.12px;
574
- stroke-dashoffset: 29.78334;
575
- stroke-dasharray: 29.78334; }
576
-
577
- .mdc-checkbox__mixedmark {
578
- width: 100%;
579
- height: 0;
580
- transform: scaleX(0) rotate(0deg);
581
- border-width: 1px;
582
- border-style: solid;
583
- opacity: 0;
584
- transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
585
-
586
- .mdc-checkbox--upgraded .mdc-checkbox__background,
587
- .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
588
- .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
589
- .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
590
- transition: none !important; }
591
-
592
- .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 {
593
- animation-duration: 180ms;
594
- animation-timing-function: linear; }
595
-
596
- .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
597
- animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
598
- transition: none; }
599
-
600
- .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
601
- animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
602
- transition: none; }
603
-
604
- .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
605
- animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
606
- transition: none; }
607
-
608
- .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
609
- animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
610
- transition: none; }
611
-
612
- .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
613
- animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
614
- transition: none; }
615
-
616
- .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
617
- animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
618
- transition: none; }
619
-
620
- .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
621
- animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
622
- transition: none; }
623
-
624
- .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
625
- animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
626
- transition: none; }
627
-
628
- .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
629
- .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
630
- transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }
631
- .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
632
- .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
633
- stroke-dashoffset: 0; }
634
-
635
- .mdc-checkbox__background::before {
636
- position: absolute;
637
- top: 0;
638
- right: 0;
639
- bottom: 0;
640
- left: 0;
641
- width: 100%;
642
- height: 100%;
643
- transform: scale(0, 0);
644
- border-radius: 50%;
645
- opacity: 0;
646
- pointer-events: none;
647
- content: "";
648
- will-change: opacity, transform;
649
- transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
650
-
651
- .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
652
- transform: scale(2.75, 2.75);
653
- opacity: 0.12;
654
- transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); }
655
-
656
- .mdc-checkbox__native-control {
657
- position: absolute;
658
- top: 0;
659
- left: 0;
660
- width: 100%;
661
- height: 100%;
662
- margin: 0;
663
- padding: 0;
664
- opacity: 0;
665
- cursor: inherit; }
666
- .mdc-checkbox__native-control:disabled {
667
- cursor: default;
668
- pointer-events: none; }
669
-
670
- .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
671
- transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
672
- opacity: 1; }
673
-
674
- .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
675
- transform: scaleX(1) rotate(-45deg); }
676
-
677
- .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
678
- transform: rotate(45deg);
679
- opacity: 0;
680
- transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
681
-
682
- .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
683
- transform: scaleX(1) rotate(0deg);
684
- opacity: 1; }
685
-
686
- .mdc-checkbox {
687
- --mdc-ripple-fg-size: 0;
688
- --mdc-ripple-left: 0;
689
- --mdc-ripple-top: 0;
690
- --mdc-ripple-fg-scale: 1;
691
- --mdc-ripple-fg-translate-end: 0;
692
- --mdc-ripple-fg-translate-start: 0;
693
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
694
- .mdc-checkbox::before, .mdc-checkbox::after {
695
- position: absolute;
696
- border-radius: 50%;
697
- opacity: 0;
698
- pointer-events: none;
699
- content: ""; }
700
- .mdc-checkbox::before {
701
- transition: opacity 15ms linear, background-color 15ms linear;
702
- z-index: 1; }
703
- .mdc-checkbox.mdc-ripple-upgraded::before {
704
- transform: scale(1);
705
- transform: scale(var(--mdc-ripple-fg-scale, 1)); }
706
- .mdc-checkbox.mdc-ripple-upgraded::after {
707
- top: 0;
708
- /* @noflip */
709
- left: 0;
710
- transform: scale(0);
711
- transform-origin: center center; }
712
- .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
713
- top: 0;
714
- top: var(--mdc-ripple-top, 0);
715
- /* @noflip */
716
- left: 0;
717
- left: var(--mdc-ripple-left, 0); }
718
- .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
719
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
720
- .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
721
- animation: mdc-ripple-fg-opacity-out 150ms;
722
- transform: translate(0) scale(1);
723
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
724
- .mdc-checkbox::before, .mdc-checkbox::after {
725
- background-color: #1a73e8; }
726
- @supports not (-ms-ime-align: auto) {
727
- .mdc-checkbox::before, .mdc-checkbox::after {
728
- /* @alternate */
729
- background-color: #1a73e8;
730
- background-color: var(--mdc-theme-secondary, #1a73e8); } }
731
- .mdc-checkbox:hover::before {
732
- opacity: 0.04; }
733
- .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
734
- transition-duration: 75ms;
735
- opacity: 0.12; }
736
- .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
737
- transition: opacity 150ms linear; }
738
- .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
739
- transition-duration: 75ms;
740
- opacity: 0.12; }
741
- .mdc-checkbox.mdc-ripple-upgraded {
742
- --mdc-ripple-fg-opacity: 0.12; }
743
- .mdc-checkbox::before, .mdc-checkbox::after {
744
- top: calc(50% - 50%);
745
- /* @noflip */
746
- left: calc(50% - 50%);
747
- width: 100%;
748
- height: 100%; }
749
- .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
750
- top: calc(50% - 50%);
751
- top: var(--mdc-ripple-top, calc(50% - 50%));
752
- /* @noflip */
753
- left: calc(50% - 50%);
754
- left: var(--mdc-ripple-left, calc(50% - 50%));
755
- width: 100%;
756
- width: var(--mdc-ripple-fg-size, 100%);
757
- height: 100%;
758
- height: var(--mdc-ripple-fg-size, 100%); }
759
- .mdc-checkbox.mdc-ripple-upgraded::after {
760
- width: 100%;
761
- width: var(--mdc-ripple-fg-size, 100%);
762
- height: 100%;
763
- height: var(--mdc-ripple-fg-size, 100%); }
764
-
765
- .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
766
- content: none; }
767
-
768
- .mdc-dialog,
769
- .mdc-dialog__scrim {
770
- position: fixed;
771
- top: 0;
772
- left: 0;
773
- align-items: center;
774
- justify-content: center;
775
- box-sizing: border-box;
776
- width: 100%;
777
- height: 100%; }
778
-
779
- .mdc-dialog {
780
- display: none;
781
- z-index: 7; }
782
- .mdc-dialog .mdc-dialog__surface {
783
- background-color: #fff;
784
- /* @alternate */
785
- background-color: #fff;
786
- background-color: var(--mdc-theme-surface, #fff); }
787
- .mdc-dialog .mdc-dialog__scrim {
788
- background-color: rgba(0, 0, 0, 0.32); }
789
- .mdc-dialog .mdc-dialog__title {
790
- color: rgba(0, 0, 0, 0.87); }
791
- .mdc-dialog .mdc-dialog__content {
792
- color: rgba(0, 0, 0, 0.6); }
793
- .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,
794
- .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
795
- border-color: rgba(0, 0, 0, 0.12); }
796
- .mdc-dialog .mdc-dialog__surface {
797
- min-width: 280px; }
798
- @media (max-width: 592px) {
799
- .mdc-dialog .mdc-dialog__surface {
800
- max-width: calc(100vw - 32px); } }
801
- @media (min-width: 592px) {
802
- .mdc-dialog .mdc-dialog__surface {
803
- max-width: 560px; } }
804
- .mdc-dialog .mdc-dialog__surface {
805
- max-height: calc(100vh - 32px); }
806
- .mdc-dialog .mdc-dialog__surface {
807
- border-radius: 4px; }
808
-
809
- .mdc-dialog__scrim {
810
- opacity: 0;
811
- z-index: -1; }
812
-
813
- .mdc-dialog__container {
814
- display: flex;
815
- flex-direction: row;
816
- justify-content: space-around;
817
- box-sizing: border-box;
818
- transform: scale(0.8);
819
- opacity: 0; }
820
-
821
- .mdc-dialog__surface {
822
- 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);
823
- display: flex;
824
- flex-direction: column;
825
- flex-grow: 0;
826
- flex-shrink: 0;
827
- box-sizing: border-box;
828
- max-width: 100%;
829
- max-height: 100%; }
830
- .mdc-dialog[dir="rtl"] .mdc-dialog__surface,
831
- [dir="rtl"] .mdc-dialog .mdc-dialog__surface {
832
- text-align: right; }
833
-
834
- .mdc-dialog__title {
835
- display: block;
836
- margin-top: 0;
837
- /* @alternate */
838
- line-height: normal;
839
- font-family: Roboto, sans-serif;
840
- -moz-osx-font-smoothing: grayscale;
841
- -webkit-font-smoothing: antialiased;
842
- font-size: 1.25rem;
843
- line-height: 2rem;
844
- font-weight: 500;
845
- letter-spacing: 0.0125em;
846
- text-decoration: inherit;
847
- text-transform: inherit;
848
- display: block;
849
- position: relative;
850
- flex-shrink: 0;
851
- box-sizing: border-box;
852
- margin: 0;
853
- padding: 0 24px 9px;
854
- border-bottom: 1px solid transparent; }
855
- .mdc-dialog__title::before {
856
- display: inline-block;
857
- width: 0;
858
- height: 40px;
859
- content: "";
860
- vertical-align: 0; }
861
- .mdc-dialog[dir="rtl"] .mdc-dialog__title,
862
- [dir="rtl"] .mdc-dialog .mdc-dialog__title {
863
- text-align: right; }
864
-
865
- .mdc-dialog--scrollable .mdc-dialog__title {
866
- padding-bottom: 15px; }
867
-
868
- .mdc-dialog__content {
869
- font-family: Roboto, sans-serif;
870
- -moz-osx-font-smoothing: grayscale;
871
- -webkit-font-smoothing: antialiased;
872
- font-size: 1rem;
873
- line-height: 1.5rem;
874
- font-weight: 400;
875
- letter-spacing: 0.03125em;
876
- text-decoration: inherit;
877
- text-transform: inherit;
878
- flex-grow: 1;
879
- box-sizing: border-box;
880
- margin: 0;
881
- padding: 20px 24px;
882
- overflow: auto;
883
- -webkit-overflow-scrolling: touch; }
884
- .mdc-dialog__content > :first-child {
885
- margin-top: 0; }
886
- .mdc-dialog__content > :last-child {
887
- margin-bottom: 0; }
888
-
889
- .mdc-dialog__title + .mdc-dialog__content {
890
- padding-top: 0; }
891
-
892
- .mdc-dialog--scrollable .mdc-dialog__content {
893
- padding-top: 8px;
894
- padding-bottom: 8px; }
895
-
896
- .mdc-dialog__content .mdc-list:first-child:last-child {
897
- padding: 6px 0 0; }
898
-
899
- .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
900
- padding: 0; }
901
-
902
- .mdc-dialog__actions {
903
- display: flex;
904
- position: relative;
905
- flex-shrink: 0;
906
- flex-wrap: wrap;
907
- align-items: center;
908
- justify-content: flex-end;
909
- box-sizing: border-box;
910
- min-height: 52px;
911
- margin: 0;
912
- padding: 8px;
913
- border-top: 1px solid transparent; }
914
- .mdc-dialog--stacked .mdc-dialog__actions {
915
- flex-direction: column;
916
- align-items: flex-end; }
917
-
918
- .mdc-dialog__button {
919
- /* @noflip */
920
- margin-left: 8px;
921
- /* @noflip */
922
- margin-right: 0;
923
- max-width: 100%;
924
- text-align: right; }
925
- [dir="rtl"] .mdc-dialog__button, .mdc-dialog__button[dir="rtl"] {
926
- /* @noflip */
927
- margin-left: 0;
928
- /* @noflip */
929
- margin-right: 8px; }
930
- .mdc-dialog__button:first-child {
931
- /* @noflip */
932
- margin-left: 0;
933
- /* @noflip */
934
- margin-right: 0; }
935
- [dir="rtl"] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir="rtl"] {
936
- /* @noflip */
937
- margin-left: 0;
938
- /* @noflip */
939
- margin-right: 0; }
940
- .mdc-dialog[dir="rtl"] .mdc-dialog__button,
941
- [dir="rtl"] .mdc-dialog .mdc-dialog__button {
942
- text-align: left; }
943
- .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
944
- margin-top: 12px; }
945
-
946
- .mdc-dialog--open,
947
- .mdc-dialog--opening,
948
- .mdc-dialog--closing {
949
- display: flex; }
950
-
951
- .mdc-dialog--opening .mdc-dialog__scrim {
952
- transition: opacity 150ms linear; }
953
-
954
- .mdc-dialog--opening .mdc-dialog__container {
955
- transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); }
956
-
957
- .mdc-dialog--closing .mdc-dialog__scrim,
958
- .mdc-dialog--closing .mdc-dialog__container {
959
- transition: opacity 75ms linear; }
960
-
961
- .mdc-dialog--closing .mdc-dialog__container {
962
- transform: scale(1); }
963
-
964
- .mdc-dialog--open .mdc-dialog__scrim {
965
- opacity: 1; }
966
-
967
- .mdc-dialog--open .mdc-dialog__container {
968
- transform: scale(1);
969
- opacity: 1; }
970
-
971
- .mdc-dialog-scroll-lock {
972
- overflow: hidden; }
973
-
974
- .mdc-form-field {
975
- font-family: Roboto, sans-serif;
976
- -moz-osx-font-smoothing: grayscale;
977
- -webkit-font-smoothing: antialiased;
978
- font-size: 0.875rem;
979
- line-height: 1.25rem;
980
- font-weight: 400;
981
- letter-spacing: 0.01786em;
982
- text-decoration: inherit;
983
- text-transform: inherit;
984
- color: rgba(0, 0, 0, 0.87);
985
- /* @alternate */
986
- color: rgba(0, 0, 0, 0.87);
987
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
988
- display: inline-flex;
989
- align-items: center;
990
- vertical-align: middle; }
991
- .mdc-form-field > label {
992
- order: 0;
993
- /* @noflip */
994
- margin-right: auto;
995
- /* @noflip */
996
- padding-left: 4px; }
997
- [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label {
998
- /* @noflip */
999
- margin-left: auto;
1000
- /* @noflip */
1001
- padding-right: 4px; }
1002
-
1003
- .mdc-form-field--align-end > label {
1004
- order: -1;
1005
- /* @noflip */
1006
- margin-left: auto;
1007
- /* @noflip */
1008
- padding-right: 4px; }
1009
-
1010
- [dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label {
1011
- /* @noflip */
1012
- margin-right: auto;
1013
- /* @noflip */
1014
- padding-left: 4px; }
1015
-
1016
- :root {
1017
- --mdc-layout-grid-margin-desktop: 24px;
1018
- --mdc-layout-grid-gutter-desktop: 24px;
1019
- --mdc-layout-grid-column-width-desktop: 72px;
1020
- --mdc-layout-grid-margin-tablet: 16px;
1021
- --mdc-layout-grid-gutter-tablet: 16px;
1022
- --mdc-layout-grid-column-width-tablet: 72px;
1023
- --mdc-layout-grid-margin-phone: 16px;
1024
- --mdc-layout-grid-gutter-phone: 16px;
1025
- --mdc-layout-grid-column-width-phone: 72px; }
1026
-
1027
- @media (min-width: 961px) {
1028
- .mdc-layout-grid {
1029
- box-sizing: border-box;
1030
- margin: 0 auto;
1031
- padding: 24px;
1032
- padding: 24px;
1033
- padding: var(--mdc-layout-grid-margin-desktop, 24px); } }
1034
-
1035
- @media (min-width: 601px) and (max-width: 960px) {
1036
- .mdc-layout-grid {
1037
- box-sizing: border-box;
1038
- margin: 0 auto;
1039
- padding: 16px;
1040
- padding: 16px;
1041
- padding: var(--mdc-layout-grid-margin-tablet, 16px); } }
1042
-
1043
- @media (max-width: 600px) {
1044
- .mdc-layout-grid {
1045
- box-sizing: border-box;
1046
- margin: 0 auto;
1047
- padding: 16px;
1048
- padding: 16px;
1049
- padding: var(--mdc-layout-grid-margin-phone, 16px); } }
1050
-
1051
- @media (min-width: 961px) {
1052
- .mdc-layout-grid__inner {
1053
- display: flex;
1054
- flex-flow: row wrap;
1055
- align-items: stretch;
1056
- margin: -12px;
1057
- margin: calc(24px / 2 * -1);
1058
- margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
1059
- @supports (display: grid) {
1060
- .mdc-layout-grid__inner {
1061
- display: grid;
1062
- margin: 0;
1063
- grid-gap: 24px;
1064
- grid-gap: 24px;
1065
- grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
1066
- grid-template-columns: repeat(12, minmax(0, 1fr)); } } }
1067
-
1068
- @media (min-width: 601px) and (max-width: 960px) {
1069
- .mdc-layout-grid__inner {
1070
- display: flex;
1071
- flex-flow: row wrap;
1072
- align-items: stretch;
1073
- margin: -8px;
1074
- margin: calc(16px / 2 * -1);
1075
- margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
1076
- @supports (display: grid) {
1077
- .mdc-layout-grid__inner {
1078
- display: grid;
1079
- margin: 0;
1080
- grid-gap: 16px;
1081
- grid-gap: 16px;
1082
- grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
1083
- grid-template-columns: repeat(8, minmax(0, 1fr)); } } }
1084
-
1085
- @media (max-width: 600px) {
1086
- .mdc-layout-grid__inner {
1087
- display: flex;
1088
- flex-flow: row wrap;
1089
- align-items: stretch;
1090
- margin: -8px;
1091
- margin: calc(16px / 2 * -1);
1092
- margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
1093
- @supports (display: grid) {
1094
- .mdc-layout-grid__inner {
1095
- display: grid;
1096
- margin: 0;
1097
- grid-gap: 16px;
1098
- grid-gap: 16px;
1099
- grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
1100
- grid-template-columns: repeat(4, minmax(0, 1fr)); } } }
1101
-
1102
- @media (min-width: 961px) {
1103
- .mdc-layout-grid__cell {
1104
- width: calc(33.33333% - 24px);
1105
- width: calc(33.33333% - 24px);
1106
- width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
1107
- box-sizing: border-box;
1108
- margin: 12px;
1109
- margin: calc(24px / 2);
1110
- margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); }
1111
- @supports (display: grid) {
1112
- .mdc-layout-grid__cell {
1113
- width: auto;
1114
- grid-column-end: span 4; } }
1115
- @supports (display: grid) {
1116
- .mdc-layout-grid__cell {
1117
- margin: 0; } }
1118
- .mdc-layout-grid__cell--span-1,
1119
- .mdc-layout-grid__cell--span-1-desktop {
1120
- width: calc(8.33333% - 24px);
1121
- width: calc(8.33333% - 24px);
1122
- width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1123
- @supports (display: grid) {
1124
- .mdc-layout-grid__cell--span-1,
1125
- .mdc-layout-grid__cell--span-1-desktop {
1126
- width: auto;
1127
- grid-column-end: span 1; } }
1128
- .mdc-layout-grid__cell--span-2,
1129
- .mdc-layout-grid__cell--span-2-desktop {
1130
- width: calc(16.66667% - 24px);
1131
- width: calc(16.66667% - 24px);
1132
- width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1133
- @supports (display: grid) {
1134
- .mdc-layout-grid__cell--span-2,
1135
- .mdc-layout-grid__cell--span-2-desktop {
1136
- width: auto;
1137
- grid-column-end: span 2; } }
1138
- .mdc-layout-grid__cell--span-3,
1139
- .mdc-layout-grid__cell--span-3-desktop {
1140
- width: calc(25% - 24px);
1141
- width: calc(25% - 24px);
1142
- width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1143
- @supports (display: grid) {
1144
- .mdc-layout-grid__cell--span-3,
1145
- .mdc-layout-grid__cell--span-3-desktop {
1146
- width: auto;
1147
- grid-column-end: span 3; } }
1148
- .mdc-layout-grid__cell--span-4,
1149
- .mdc-layout-grid__cell--span-4-desktop {
1150
- width: calc(33.33333% - 24px);
1151
- width: calc(33.33333% - 24px);
1152
- width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1153
- @supports (display: grid) {
1154
- .mdc-layout-grid__cell--span-4,
1155
- .mdc-layout-grid__cell--span-4-desktop {
1156
- width: auto;
1157
- grid-column-end: span 4; } }
1158
- .mdc-layout-grid__cell--span-5,
1159
- .mdc-layout-grid__cell--span-5-desktop {
1160
- width: calc(41.66667% - 24px);
1161
- width: calc(41.66667% - 24px);
1162
- width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1163
- @supports (display: grid) {
1164
- .mdc-layout-grid__cell--span-5,
1165
- .mdc-layout-grid__cell--span-5-desktop {
1166
- width: auto;
1167
- grid-column-end: span 5; } }
1168
- .mdc-layout-grid__cell--span-6,
1169
- .mdc-layout-grid__cell--span-6-desktop {
1170
- width: calc(50% - 24px);
1171
- width: calc(50% - 24px);
1172
- width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1173
- @supports (display: grid) {
1174
- .mdc-layout-grid__cell--span-6,
1175
- .mdc-layout-grid__cell--span-6-desktop {
1176
- width: auto;
1177
- grid-column-end: span 6; } }
1178
- .mdc-layout-grid__cell--span-7,
1179
- .mdc-layout-grid__cell--span-7-desktop {
1180
- width: calc(58.33333% - 24px);
1181
- width: calc(58.33333% - 24px);
1182
- width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1183
- @supports (display: grid) {
1184
- .mdc-layout-grid__cell--span-7,
1185
- .mdc-layout-grid__cell--span-7-desktop {
1186
- width: auto;
1187
- grid-column-end: span 7; } }
1188
- .mdc-layout-grid__cell--span-8,
1189
- .mdc-layout-grid__cell--span-8-desktop {
1190
- width: calc(66.66667% - 24px);
1191
- width: calc(66.66667% - 24px);
1192
- width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1193
- @supports (display: grid) {
1194
- .mdc-layout-grid__cell--span-8,
1195
- .mdc-layout-grid__cell--span-8-desktop {
1196
- width: auto;
1197
- grid-column-end: span 8; } }
1198
- .mdc-layout-grid__cell--span-9,
1199
- .mdc-layout-grid__cell--span-9-desktop {
1200
- width: calc(75% - 24px);
1201
- width: calc(75% - 24px);
1202
- width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1203
- @supports (display: grid) {
1204
- .mdc-layout-grid__cell--span-9,
1205
- .mdc-layout-grid__cell--span-9-desktop {
1206
- width: auto;
1207
- grid-column-end: span 9; } }
1208
- .mdc-layout-grid__cell--span-10,
1209
- .mdc-layout-grid__cell--span-10-desktop {
1210
- width: calc(83.33333% - 24px);
1211
- width: calc(83.33333% - 24px);
1212
- width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1213
- @supports (display: grid) {
1214
- .mdc-layout-grid__cell--span-10,
1215
- .mdc-layout-grid__cell--span-10-desktop {
1216
- width: auto;
1217
- grid-column-end: span 10; } }
1218
- .mdc-layout-grid__cell--span-11,
1219
- .mdc-layout-grid__cell--span-11-desktop {
1220
- width: calc(91.66667% - 24px);
1221
- width: calc(91.66667% - 24px);
1222
- width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1223
- @supports (display: grid) {
1224
- .mdc-layout-grid__cell--span-11,
1225
- .mdc-layout-grid__cell--span-11-desktop {
1226
- width: auto;
1227
- grid-column-end: span 11; } }
1228
- .mdc-layout-grid__cell--span-12,
1229
- .mdc-layout-grid__cell--span-12-desktop {
1230
- width: calc(100% - 24px);
1231
- width: calc(100% - 24px);
1232
- width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
1233
- @supports (display: grid) {
1234
- .mdc-layout-grid__cell--span-12,
1235
- .mdc-layout-grid__cell--span-12-desktop {
1236
- width: auto;
1237
- grid-column-end: span 12; } } }
1238
-
1239
- @media (min-width: 601px) and (max-width: 960px) {
1240
- .mdc-layout-grid__cell {
1241
- width: calc(50% - 16px);
1242
- width: calc(50% - 16px);
1243
- width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
1244
- box-sizing: border-box;
1245
- margin: 8px;
1246
- margin: calc(16px / 2);
1247
- margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); }
1248
- @supports (display: grid) {
1249
- .mdc-layout-grid__cell {
1250
- width: auto;
1251
- grid-column-end: span 4; } }
1252
- @supports (display: grid) {
1253
- .mdc-layout-grid__cell {
1254
- margin: 0; } }
1255
- .mdc-layout-grid__cell--span-1,
1256
- .mdc-layout-grid__cell--span-1-tablet {
1257
- width: calc(12.5% - 16px);
1258
- width: calc(12.5% - 16px);
1259
- width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1260
- @supports (display: grid) {
1261
- .mdc-layout-grid__cell--span-1,
1262
- .mdc-layout-grid__cell--span-1-tablet {
1263
- width: auto;
1264
- grid-column-end: span 1; } }
1265
- .mdc-layout-grid__cell--span-2,
1266
- .mdc-layout-grid__cell--span-2-tablet {
1267
- width: calc(25% - 16px);
1268
- width: calc(25% - 16px);
1269
- width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1270
- @supports (display: grid) {
1271
- .mdc-layout-grid__cell--span-2,
1272
- .mdc-layout-grid__cell--span-2-tablet {
1273
- width: auto;
1274
- grid-column-end: span 2; } }
1275
- .mdc-layout-grid__cell--span-3,
1276
- .mdc-layout-grid__cell--span-3-tablet {
1277
- width: calc(37.5% - 16px);
1278
- width: calc(37.5% - 16px);
1279
- width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1280
- @supports (display: grid) {
1281
- .mdc-layout-grid__cell--span-3,
1282
- .mdc-layout-grid__cell--span-3-tablet {
1283
- width: auto;
1284
- grid-column-end: span 3; } }
1285
- .mdc-layout-grid__cell--span-4,
1286
- .mdc-layout-grid__cell--span-4-tablet {
1287
- width: calc(50% - 16px);
1288
- width: calc(50% - 16px);
1289
- width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1290
- @supports (display: grid) {
1291
- .mdc-layout-grid__cell--span-4,
1292
- .mdc-layout-grid__cell--span-4-tablet {
1293
- width: auto;
1294
- grid-column-end: span 4; } }
1295
- .mdc-layout-grid__cell--span-5,
1296
- .mdc-layout-grid__cell--span-5-tablet {
1297
- width: calc(62.5% - 16px);
1298
- width: calc(62.5% - 16px);
1299
- width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1300
- @supports (display: grid) {
1301
- .mdc-layout-grid__cell--span-5,
1302
- .mdc-layout-grid__cell--span-5-tablet {
1303
- width: auto;
1304
- grid-column-end: span 5; } }
1305
- .mdc-layout-grid__cell--span-6,
1306
- .mdc-layout-grid__cell--span-6-tablet {
1307
- width: calc(75% - 16px);
1308
- width: calc(75% - 16px);
1309
- width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1310
- @supports (display: grid) {
1311
- .mdc-layout-grid__cell--span-6,
1312
- .mdc-layout-grid__cell--span-6-tablet {
1313
- width: auto;
1314
- grid-column-end: span 6; } }
1315
- .mdc-layout-grid__cell--span-7,
1316
- .mdc-layout-grid__cell--span-7-tablet {
1317
- width: calc(87.5% - 16px);
1318
- width: calc(87.5% - 16px);
1319
- width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1320
- @supports (display: grid) {
1321
- .mdc-layout-grid__cell--span-7,
1322
- .mdc-layout-grid__cell--span-7-tablet {
1323
- width: auto;
1324
- grid-column-end: span 7; } }
1325
- .mdc-layout-grid__cell--span-8,
1326
- .mdc-layout-grid__cell--span-8-tablet {
1327
- width: calc(100% - 16px);
1328
- width: calc(100% - 16px);
1329
- width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1330
- @supports (display: grid) {
1331
- .mdc-layout-grid__cell--span-8,
1332
- .mdc-layout-grid__cell--span-8-tablet {
1333
- width: auto;
1334
- grid-column-end: span 8; } }
1335
- .mdc-layout-grid__cell--span-9,
1336
- .mdc-layout-grid__cell--span-9-tablet {
1337
- width: calc(100% - 16px);
1338
- width: calc(100% - 16px);
1339
- width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1340
- @supports (display: grid) {
1341
- .mdc-layout-grid__cell--span-9,
1342
- .mdc-layout-grid__cell--span-9-tablet {
1343
- width: auto;
1344
- grid-column-end: span 8; } }
1345
- .mdc-layout-grid__cell--span-10,
1346
- .mdc-layout-grid__cell--span-10-tablet {
1347
- width: calc(100% - 16px);
1348
- width: calc(100% - 16px);
1349
- width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1350
- @supports (display: grid) {
1351
- .mdc-layout-grid__cell--span-10,
1352
- .mdc-layout-grid__cell--span-10-tablet {
1353
- width: auto;
1354
- grid-column-end: span 8; } }
1355
- .mdc-layout-grid__cell--span-11,
1356
- .mdc-layout-grid__cell--span-11-tablet {
1357
- width: calc(100% - 16px);
1358
- width: calc(100% - 16px);
1359
- width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1360
- @supports (display: grid) {
1361
- .mdc-layout-grid__cell--span-11,
1362
- .mdc-layout-grid__cell--span-11-tablet {
1363
- width: auto;
1364
- grid-column-end: span 8; } }
1365
- .mdc-layout-grid__cell--span-12,
1366
- .mdc-layout-grid__cell--span-12-tablet {
1367
- width: calc(100% - 16px);
1368
- width: calc(100% - 16px);
1369
- width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
1370
- @supports (display: grid) {
1371
- .mdc-layout-grid__cell--span-12,
1372
- .mdc-layout-grid__cell--span-12-tablet {
1373
- width: auto;
1374
- grid-column-end: span 8; } } }
1375
-
1376
- @media (max-width: 600px) {
1377
- .mdc-layout-grid__cell {
1378
- width: calc(100% - 16px);
1379
- width: calc(100% - 16px);
1380
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
1381
- box-sizing: border-box;
1382
- margin: 8px;
1383
- margin: calc(16px / 2);
1384
- margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); }
1385
- @supports (display: grid) {
1386
- .mdc-layout-grid__cell {
1387
- width: auto;
1388
- grid-column-end: span 4; } }
1389
- @supports (display: grid) {
1390
- .mdc-layout-grid__cell {
1391
- margin: 0; } }
1392
- .mdc-layout-grid__cell--span-1,
1393
- .mdc-layout-grid__cell--span-1-phone {
1394
- width: calc(25% - 16px);
1395
- width: calc(25% - 16px);
1396
- width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1397
- @supports (display: grid) {
1398
- .mdc-layout-grid__cell--span-1,
1399
- .mdc-layout-grid__cell--span-1-phone {
1400
- width: auto;
1401
- grid-column-end: span 1; } }
1402
- .mdc-layout-grid__cell--span-2,
1403
- .mdc-layout-grid__cell--span-2-phone {
1404
- width: calc(50% - 16px);
1405
- width: calc(50% - 16px);
1406
- width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1407
- @supports (display: grid) {
1408
- .mdc-layout-grid__cell--span-2,
1409
- .mdc-layout-grid__cell--span-2-phone {
1410
- width: auto;
1411
- grid-column-end: span 2; } }
1412
- .mdc-layout-grid__cell--span-3,
1413
- .mdc-layout-grid__cell--span-3-phone {
1414
- width: calc(75% - 16px);
1415
- width: calc(75% - 16px);
1416
- width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1417
- @supports (display: grid) {
1418
- .mdc-layout-grid__cell--span-3,
1419
- .mdc-layout-grid__cell--span-3-phone {
1420
- width: auto;
1421
- grid-column-end: span 3; } }
1422
- .mdc-layout-grid__cell--span-4,
1423
- .mdc-layout-grid__cell--span-4-phone {
1424
- width: calc(100% - 16px);
1425
- width: calc(100% - 16px);
1426
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1427
- @supports (display: grid) {
1428
- .mdc-layout-grid__cell--span-4,
1429
- .mdc-layout-grid__cell--span-4-phone {
1430
- width: auto;
1431
- grid-column-end: span 4; } }
1432
- .mdc-layout-grid__cell--span-5,
1433
- .mdc-layout-grid__cell--span-5-phone {
1434
- width: calc(100% - 16px);
1435
- width: calc(100% - 16px);
1436
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1437
- @supports (display: grid) {
1438
- .mdc-layout-grid__cell--span-5,
1439
- .mdc-layout-grid__cell--span-5-phone {
1440
- width: auto;
1441
- grid-column-end: span 4; } }
1442
- .mdc-layout-grid__cell--span-6,
1443
- .mdc-layout-grid__cell--span-6-phone {
1444
- width: calc(100% - 16px);
1445
- width: calc(100% - 16px);
1446
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1447
- @supports (display: grid) {
1448
- .mdc-layout-grid__cell--span-6,
1449
- .mdc-layout-grid__cell--span-6-phone {
1450
- width: auto;
1451
- grid-column-end: span 4; } }
1452
- .mdc-layout-grid__cell--span-7,
1453
- .mdc-layout-grid__cell--span-7-phone {
1454
- width: calc(100% - 16px);
1455
- width: calc(100% - 16px);
1456
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1457
- @supports (display: grid) {
1458
- .mdc-layout-grid__cell--span-7,
1459
- .mdc-layout-grid__cell--span-7-phone {
1460
- width: auto;
1461
- grid-column-end: span 4; } }
1462
- .mdc-layout-grid__cell--span-8,
1463
- .mdc-layout-grid__cell--span-8-phone {
1464
- width: calc(100% - 16px);
1465
- width: calc(100% - 16px);
1466
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1467
- @supports (display: grid) {
1468
- .mdc-layout-grid__cell--span-8,
1469
- .mdc-layout-grid__cell--span-8-phone {
1470
- width: auto;
1471
- grid-column-end: span 4; } }
1472
- .mdc-layout-grid__cell--span-9,
1473
- .mdc-layout-grid__cell--span-9-phone {
1474
- width: calc(100% - 16px);
1475
- width: calc(100% - 16px);
1476
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1477
- @supports (display: grid) {
1478
- .mdc-layout-grid__cell--span-9,
1479
- .mdc-layout-grid__cell--span-9-phone {
1480
- width: auto;
1481
- grid-column-end: span 4; } }
1482
- .mdc-layout-grid__cell--span-10,
1483
- .mdc-layout-grid__cell--span-10-phone {
1484
- width: calc(100% - 16px);
1485
- width: calc(100% - 16px);
1486
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1487
- @supports (display: grid) {
1488
- .mdc-layout-grid__cell--span-10,
1489
- .mdc-layout-grid__cell--span-10-phone {
1490
- width: auto;
1491
- grid-column-end: span 4; } }
1492
- .mdc-layout-grid__cell--span-11,
1493
- .mdc-layout-grid__cell--span-11-phone {
1494
- width: calc(100% - 16px);
1495
- width: calc(100% - 16px);
1496
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1497
- @supports (display: grid) {
1498
- .mdc-layout-grid__cell--span-11,
1499
- .mdc-layout-grid__cell--span-11-phone {
1500
- width: auto;
1501
- grid-column-end: span 4; } }
1502
- .mdc-layout-grid__cell--span-12,
1503
- .mdc-layout-grid__cell--span-12-phone {
1504
- width: calc(100% - 16px);
1505
- width: calc(100% - 16px);
1506
- width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
1507
- @supports (display: grid) {
1508
- .mdc-layout-grid__cell--span-12,
1509
- .mdc-layout-grid__cell--span-12-phone {
1510
- width: auto;
1511
- grid-column-end: span 4; } } }
1512
-
1513
- .mdc-layout-grid__cell--order-1 {
1514
- order: 1; }
1515
-
1516
- .mdc-layout-grid__cell--order-2 {
1517
- order: 2; }
1518
-
1519
- .mdc-layout-grid__cell--order-3 {
1520
- order: 3; }
1521
-
1522
- .mdc-layout-grid__cell--order-4 {
1523
- order: 4; }
1524
-
1525
- .mdc-layout-grid__cell--order-5 {
1526
- order: 5; }
1527
-
1528
- .mdc-layout-grid__cell--order-6 {
1529
- order: 6; }
1530
-
1531
- .mdc-layout-grid__cell--order-7 {
1532
- order: 7; }
1533
-
1534
- .mdc-layout-grid__cell--order-8 {
1535
- order: 8; }
1536
-
1537
- .mdc-layout-grid__cell--order-9 {
1538
- order: 9; }
1539
-
1540
- .mdc-layout-grid__cell--order-10 {
1541
- order: 10; }
1542
-
1543
- .mdc-layout-grid__cell--order-11 {
1544
- order: 11; }
1545
-
1546
- .mdc-layout-grid__cell--order-12 {
1547
- order: 12; }
1548
-
1549
- .mdc-layout-grid__cell--align-top {
1550
- align-self: flex-start; }
1551
- @supports (display: grid) {
1552
- .mdc-layout-grid__cell--align-top {
1553
- align-self: start; } }
1554
-
1555
- .mdc-layout-grid__cell--align-middle {
1556
- align-self: center; }
1557
-
1558
- .mdc-layout-grid__cell--align-bottom {
1559
- align-self: flex-end; }
1560
- @supports (display: grid) {
1561
- .mdc-layout-grid__cell--align-bottom {
1562
- align-self: end; } }
1563
-
1564
- @media (min-width: 961px) {
1565
- .mdc-layout-grid--fixed-column-width {
1566
- width: 1176px;
1567
- width: calc( 72px * 12 + 24px * 11 + 24px * 2);
1568
- 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); } }
1569
-
1570
- @media (min-width: 601px) and (max-width: 960px) {
1571
- .mdc-layout-grid--fixed-column-width {
1572
- width: 720px;
1573
- width: calc( 72px * 8 + 16px * 7 + 16px * 2);
1574
- 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); } }
1575
-
1576
- @media (max-width: 600px) {
1577
- .mdc-layout-grid--fixed-column-width {
1578
- width: 368px;
1579
- width: calc( 72px * 4 + 16px * 3 + 16px * 2);
1580
- 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); } }
1581
-
1582
- .mdc-layout-grid--align-left {
1583
- margin-right: auto;
1584
- margin-left: 0; }
1585
-
1586
- .mdc-layout-grid--align-right {
1587
- margin-right: 0;
1588
- margin-left: auto; }
1589
-
1590
- @keyframes primary-indeterminate-translate {
1591
- 0% {
1592
- transform: translateX(0); }
1593
- 20% {
1594
- animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
1595
- transform: translateX(0); }
1596
- 59.15% {
1597
- animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
1598
- transform: translateX(83.67142%); }
1599
- 100% {
1600
- transform: translateX(200.61106%); } }
1601
-
1602
- @keyframes primary-indeterminate-scale {
1603
- 0% {
1604
- transform: scaleX(0.08); }
1605
- 36.65% {
1606
- animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
1607
- transform: scaleX(0.08); }
1608
- 69.15% {
1609
- animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
1610
- transform: scaleX(0.66148); }
1611
- 100% {
1612
- transform: scaleX(0.08); } }
1613
-
1614
- @keyframes secondary-indeterminate-translate {
1615
- 0% {
1616
- animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
1617
- transform: translateX(0); }
1618
- 25% {
1619
- animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
1620
- transform: translateX(37.65191%); }
1621
- 48.35% {
1622
- animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
1623
- transform: translateX(84.38617%); }
1624
- 100% {
1625
- transform: translateX(160.27778%); } }
1626
-
1627
- @keyframes secondary-indeterminate-scale {
1628
- 0% {
1629
- animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
1630
- transform: scaleX(0.08); }
1631
- 19.15% {
1632
- animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
1633
- transform: scaleX(0.4571); }
1634
- 44.15% {
1635
- animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
1636
- transform: scaleX(0.72796); }
1637
- 100% {
1638
- transform: scaleX(0.08); } }
1639
-
1640
- @keyframes buffering {
1641
- to {
1642
- transform: translateX(-10px); } }
1643
-
1644
- @keyframes primary-indeterminate-translate-reverse {
1645
- 0% {
1646
- transform: translateX(0); }
1647
- 20% {
1648
- animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
1649
- transform: translateX(0); }
1650
- 59.15% {
1651
- animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
1652
- transform: translateX(-83.67142%); }
1653
- 100% {
1654
- transform: translateX(-200.61106%); } }
1655
-
1656
- @keyframes secondary-indeterminate-translate-reverse {
1657
- 0% {
1658
- animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
1659
- transform: translateX(0); }
1660
- 25% {
1661
- animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
1662
- transform: translateX(-37.65191%); }
1663
- 48.35% {
1664
- animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
1665
- transform: translateX(-84.38617%); }
1666
- 100% {
1667
- transform: translateX(-160.27778%); } }
1668
-
1669
- @keyframes buffering-reverse {
1670
- to {
1671
- transform: translateX(10px); } }
1672
-
1673
- .mdc-linear-progress {
1674
- position: relative;
1675
- width: 100%;
1676
- height: 4px;
1677
- transform: translateZ(0);
1678
- transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
1679
- overflow: hidden; }
1680
- .mdc-linear-progress__bar {
1681
- position: absolute;
1682
- width: 100%;
1683
- height: 100%;
1684
- animation: none;
1685
- transform-origin: top left;
1686
- transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
1687
- .mdc-linear-progress__bar-inner {
1688
- display: inline-block;
1689
- position: absolute;
1690
- width: 100%;
1691
- height: 100%;
1692
- animation: none; }
1693
- .mdc-linear-progress__buffering-dots {
1694
- position: absolute;
1695
- width: 100%;
1696
- height: 100%;
1697
- animation: buffering 250ms infinite linear;
1698
- background-repeat: repeat-x;
1699
- background-size: 10px 4px; }
1700
- .mdc-linear-progress__buffer {
1701
- position: absolute;
1702
- width: 100%;
1703
- height: 100%;
1704
- transform-origin: top left;
1705
- transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
1706
- .mdc-linear-progress__primary-bar {
1707
- transform: scaleX(0); }
1708
- .mdc-linear-progress__secondary-bar {
1709
- visibility: hidden; }
1710
- .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
1711
- transition: none; }
1712
- .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
1713
- left: -145.166611%;
1714
- animation: primary-indeterminate-translate 2s infinite linear; }
1715
- .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
1716
- animation: primary-indeterminate-scale 2s infinite linear; }
1717
- .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
1718
- left: -54.888891%;
1719
- animation: secondary-indeterminate-translate 2s infinite linear;
1720
- visibility: visible; }
1721
- .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
1722
- animation: secondary-indeterminate-scale 2s infinite linear; }
1723
- .mdc-linear-progress--reversed .mdc-linear-progress__bar,
1724
- .mdc-linear-progress--reversed .mdc-linear-progress__buffer {
1725
- right: 0;
1726
- transform-origin: center right; }
1727
- .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
1728
- animation-name: primary-indeterminate-translate-reverse; }
1729
- .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
1730
- animation-name: secondary-indeterminate-translate-reverse; }
1731
- .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
1732
- animation: buffering-reverse 250ms infinite linear; }
1733
- .mdc-linear-progress--closed {
1734
- opacity: 0; }
1735
-
1736
- .mdc-linear-progress__bar-inner {
1737
- background-color: #1a73e8;
1738
- /* @alternate */
1739
- background-color: #1a73e8;
1740
- background-color: var(--mdc-theme-primary, #1a73e8); }
1741
-
1742
- .mdc-linear-progress__buffering-dots {
1743
- 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"); }
1744
-
1745
- .mdc-linear-progress__buffer {
1746
- background-color: #e6e6e6; }
1747
-
1748
- .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
1749
- right: -145.166611%;
1750
- left: auto; }
1751
-
1752
- .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
1753
- right: -54.888891%;
1754
- left: auto; }
1755
-
1756
- .mdc-list {
1757
- font-family: Roboto, sans-serif;
1758
- -moz-osx-font-smoothing: grayscale;
1759
- -webkit-font-smoothing: antialiased;
1760
- font-size: 1rem;
1761
- line-height: 1.75rem;
1762
- font-weight: 400;
1763
- letter-spacing: 0.00937em;
1764
- text-decoration: inherit;
1765
- text-transform: inherit;
1766
- /* @alternate */
1767
- line-height: 1.5rem;
1768
- margin: 0;
1769
- padding: 8px 0;
1770
- list-style-type: none;
1771
- color: rgba(0, 0, 0, 0.87);
1772
- /* @alternate */
1773
- color: rgba(0, 0, 0, 0.87);
1774
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
1775
- .mdc-list:focus {
1776
- outline: none; }
1777
-
1778
- .mdc-list-item__secondary-text {
1779
- color: rgba(0, 0, 0, 0.54);
1780
- /* @alternate */
1781
- color: rgba(0, 0, 0, 0.54);
1782
- color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); }
1783
-
1784
- .mdc-list-item__graphic {
1785
- background-color: transparent; }
1786
-
1787
- .mdc-list-item__graphic {
1788
- color: rgba(0, 0, 0, 0.38);
1789
- /* @alternate */
1790
- color: rgba(0, 0, 0, 0.38);
1791
- color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }
1792
-
1793
- .mdc-list-item__meta {
1794
- color: rgba(0, 0, 0, 0.38);
1795
- /* @alternate */
1796
- color: rgba(0, 0, 0, 0.38);
1797
- color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
1798
-
1799
- .mdc-list-group__subheader {
1800
- color: rgba(0, 0, 0, 0.87);
1801
- /* @alternate */
1802
- color: rgba(0, 0, 0, 0.87);
1803
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
1804
-
1805
- .mdc-list--dense {
1806
- padding-top: 4px;
1807
- padding-bottom: 4px;
1808
- font-size: .812rem; }
1809
-
1810
- .mdc-list-item {
1811
- display: flex;
1812
- position: relative;
1813
- align-items: center;
1814
- justify-content: flex-start;
1815
- height: 48px;
1816
- padding: 0 16px;
1817
- overflow: hidden; }
1818
- .mdc-list-item:focus {
1819
- outline: none; }
1820
-
1821
- .mdc-list-item--selected,
1822
- .mdc-list-item--activated {
1823
- color: #1a73e8;
1824
- /* @alternate */
1825
- color: #1a73e8;
1826
- color: var(--mdc-theme-primary, #1a73e8); }
1827
- .mdc-list-item--selected .mdc-list-item__graphic,
1828
- .mdc-list-item--activated .mdc-list-item__graphic {
1829
- color: #1a73e8;
1830
- /* @alternate */
1831
- color: #1a73e8;
1832
- color: var(--mdc-theme-primary, #1a73e8); }
1833
-
1834
- .mdc-list-item--disabled {
1835
- color: rgba(0, 0, 0, 0.38);
1836
- /* @alternate */
1837
- color: rgba(0, 0, 0, 0.38);
1838
- color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
1839
-
1840
- .mdc-list-item__graphic {
1841
- /* @noflip */
1842
- margin-left: 0;
1843
- /* @noflip */
1844
- margin-right: 32px;
1845
- width: 24px;
1846
- height: 24px;
1847
- flex-shrink: 0;
1848
- align-items: center;
1849
- justify-content: center;
1850
- fill: currentColor; }
1851
- .mdc-list-item[dir="rtl"] .mdc-list-item__graphic,
1852
- [dir="rtl"] .mdc-list-item .mdc-list-item__graphic {
1853
- /* @noflip */
1854
- margin-left: 32px;
1855
- /* @noflip */
1856
- margin-right: 0; }
1857
-
1858
- .mdc-list .mdc-list-item__graphic {
1859
- display: inline-flex; }
1860
-
1861
- .mdc-list-item__meta {
1862
- /* @noflip */
1863
- margin-left: auto;
1864
- /* @noflip */
1865
- margin-right: 0; }
1866
- .mdc-list-item__meta:not(.material-icons) {
1867
- font-family: Roboto, sans-serif;
1868
- -moz-osx-font-smoothing: grayscale;
1869
- -webkit-font-smoothing: antialiased;
1870
- font-size: 0.75rem;
1871
- line-height: 1.25rem;
1872
- font-weight: 400;
1873
- letter-spacing: 0.03333em;
1874
- text-decoration: inherit;
1875
- text-transform: inherit; }
1876
- .mdc-list-item[dir="rtl"] .mdc-list-item__meta,
1877
- [dir="rtl"] .mdc-list-item .mdc-list-item__meta {
1878
- /* @noflip */
1879
- margin-left: 0;
1880
- /* @noflip */
1881
- margin-right: auto; }
1882
-
1883
- .mdc-list-item__text {
1884
- text-overflow: ellipsis;
1885
- white-space: nowrap;
1886
- overflow: hidden; }
1887
-
1888
- .mdc-list-item__text[for] {
1889
- pointer-events: none; }
1890
-
1891
- .mdc-list-item__primary-text {
1892
- text-overflow: ellipsis;
1893
- white-space: nowrap;
1894
- overflow: hidden;
1895
- display: block;
1896
- margin-top: 0;
1897
- /* @alternate */
1898
- line-height: normal;
1899
- margin-bottom: -20px;
1900
- display: block; }
1901
- .mdc-list-item__primary-text::before {
1902
- display: inline-block;
1903
- width: 0;
1904
- height: 32px;
1905
- content: "";
1906
- vertical-align: 0; }
1907
- .mdc-list-item__primary-text::after {
1908
- display: inline-block;
1909
- width: 0;
1910
- height: 20px;
1911
- content: "";
1912
- vertical-align: -20px; }
1913
- .mdc-list--dense .mdc-list-item__primary-text {
1914
- display: block;
1915
- margin-top: 0;
1916
- /* @alternate */
1917
- line-height: normal;
1918
- margin-bottom: -20px; }
1919
- .mdc-list--dense .mdc-list-item__primary-text::before {
1920
- display: inline-block;
1921
- width: 0;
1922
- height: 24px;
1923
- content: "";
1924
- vertical-align: 0; }
1925
- .mdc-list--dense .mdc-list-item__primary-text::after {
1926
- display: inline-block;
1927
- width: 0;
1928
- height: 20px;
1929
- content: "";
1930
- vertical-align: -20px; }
1931
-
1932
- .mdc-list-item__secondary-text {
1933
- font-family: Roboto, sans-serif;
1934
- -moz-osx-font-smoothing: grayscale;
1935
- -webkit-font-smoothing: antialiased;
1936
- font-size: 0.875rem;
1937
- line-height: 1.25rem;
1938
- font-weight: 400;
1939
- letter-spacing: 0.01786em;
1940
- text-decoration: inherit;
1941
- text-transform: inherit;
1942
- text-overflow: ellipsis;
1943
- white-space: nowrap;
1944
- overflow: hidden;
1945
- display: block;
1946
- margin-top: 0;
1947
- /* @alternate */
1948
- line-height: normal;
1949
- display: block; }
1950
- .mdc-list-item__secondary-text::before {
1951
- display: inline-block;
1952
- width: 0;
1953
- height: 20px;
1954
- content: "";
1955
- vertical-align: 0; }
1956
- .mdc-list--dense .mdc-list-item__secondary-text {
1957
- display: block;
1958
- margin-top: 0;
1959
- /* @alternate */
1960
- line-height: normal;
1961
- font-size: inherit; }
1962
- .mdc-list--dense .mdc-list-item__secondary-text::before {
1963
- display: inline-block;
1964
- width: 0;
1965
- height: 20px;
1966
- content: "";
1967
- vertical-align: 0; }
1968
-
1969
- .mdc-list--dense .mdc-list-item {
1970
- height: 40px; }
1971
-
1972
- .mdc-list--dense .mdc-list-item__graphic {
1973
- /* @noflip */
1974
- margin-left: 0;
1975
- /* @noflip */
1976
- margin-right: 36px;
1977
- width: 20px;
1978
- height: 20px; }
1979
- .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic,
1980
- [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
1981
- /* @noflip */
1982
- margin-left: 36px;
1983
- /* @noflip */
1984
- margin-right: 0; }
1985
-
1986
- .mdc-list--avatar-list .mdc-list-item {
1987
- height: 56px; }
1988
-
1989
- .mdc-list--avatar-list .mdc-list-item__graphic {
1990
- /* @noflip */
1991
- margin-left: 0;
1992
- /* @noflip */
1993
- margin-right: 16px;
1994
- width: 40px;
1995
- height: 40px;
1996
- border-radius: 50%; }
1997
- .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic,
1998
- [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
1999
- /* @noflip */
2000
- margin-left: 16px;
2001
- /* @noflip */
2002
- margin-right: 0; }
2003
-
2004
- .mdc-list--two-line .mdc-list-item__text {
2005
- align-self: flex-start; }
2006
-
2007
- .mdc-list--two-line .mdc-list-item {
2008
- height: 72px; }
2009
-
2010
- .mdc-list--two-line.mdc-list--dense .mdc-list-item,
2011
- .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
2012
- height: 60px; }
2013
-
2014
- .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
2015
- /* @noflip */
2016
- margin-left: 0;
2017
- /* @noflip */
2018
- margin-right: 20px;
2019
- width: 36px;
2020
- height: 36px; }
2021
- .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
2022
- [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
2023
- /* @noflip */
2024
- margin-left: 20px;
2025
- /* @noflip */
2026
- margin-right: 0; }
2027
-
2028
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
2029
- cursor: pointer; }
2030
-
2031
- a.mdc-list-item {
2032
- color: inherit;
2033
- text-decoration: none; }
2034
-
2035
- .mdc-list-divider {
2036
- height: 0;
2037
- margin: 0;
2038
- border: none;
2039
- border-bottom-width: 1px;
2040
- border-bottom-style: solid; }
2041
-
2042
- .mdc-list-divider {
2043
- border-bottom-color: rgba(0, 0, 0, 0.12); }
2044
-
2045
- .mdc-list-divider--padded {
2046
- margin: 0 16px; }
2047
-
2048
- .mdc-list-divider--inset {
2049
- /* @noflip */
2050
- margin-left: 72px;
2051
- /* @noflip */
2052
- margin-right: 0;
2053
- width: calc(100% - 72px); }
2054
- .mdc-list-group[dir="rtl"] .mdc-list-divider--inset,
2055
- [dir="rtl"] .mdc-list-group .mdc-list-divider--inset {
2056
- /* @noflip */
2057
- margin-left: 0;
2058
- /* @noflip */
2059
- margin-right: 72px; }
2060
-
2061
- .mdc-list-divider--inset.mdc-list-divider--padded {
2062
- width: calc(100% - 72px - 16px); }
2063
-
2064
- .mdc-list-group .mdc-list {
2065
- padding: 0; }
2066
-
2067
- .mdc-list-group__subheader {
2068
- font-family: Roboto, sans-serif;
2069
- -moz-osx-font-smoothing: grayscale;
2070
- -webkit-font-smoothing: antialiased;
2071
- font-size: 1rem;
2072
- line-height: 1.75rem;
2073
- font-weight: 400;
2074
- letter-spacing: 0.00937em;
2075
- text-decoration: inherit;
2076
- text-transform: inherit;
2077
- margin: 0.75rem 16px; }
2078
-
2079
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
2080
- --mdc-ripple-fg-size: 0;
2081
- --mdc-ripple-left: 0;
2082
- --mdc-ripple-top: 0;
2083
- --mdc-ripple-fg-scale: 1;
2084
- --mdc-ripple-fg-translate-end: 0;
2085
- --mdc-ripple-fg-translate-start: 0;
2086
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
2087
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
2088
- position: absolute;
2089
- border-radius: 50%;
2090
- opacity: 0;
2091
- pointer-events: none;
2092
- content: ""; }
2093
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
2094
- transition: opacity 15ms linear, background-color 15ms linear;
2095
- z-index: 1; }
2096
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
2097
- transform: scale(1);
2098
- transform: scale(var(--mdc-ripple-fg-scale, 1)); }
2099
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
2100
- top: 0;
2101
- /* @noflip */
2102
- left: 0;
2103
- transform: scale(0);
2104
- transform-origin: center center; }
2105
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
2106
- top: 0;
2107
- top: var(--mdc-ripple-top, 0);
2108
- /* @noflip */
2109
- left: 0;
2110
- left: var(--mdc-ripple-left, 0); }
2111
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
2112
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
2113
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
2114
- animation: mdc-ripple-fg-opacity-out 150ms;
2115
- transform: translate(0) scale(1);
2116
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
2117
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
2118
- top: calc(50% - 100%);
2119
- /* @noflip */
2120
- left: calc(50% - 100%);
2121
- width: 200%;
2122
- height: 200%; }
2123
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
2124
- width: 100%;
2125
- width: var(--mdc-ripple-fg-size, 100%);
2126
- height: 100%;
2127
- height: var(--mdc-ripple-fg-size, 100%); }
2128
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
2129
- background-color: #000; }
2130
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
2131
- opacity: 0.04; }
2132
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before {
2133
- transition-duration: 75ms;
2134
- opacity: 0.12; }
2135
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
2136
- transition: opacity 150ms linear; }
2137
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
2138
- transition-duration: 75ms;
2139
- opacity: 0.12; }
2140
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
2141
- --mdc-ripple-fg-opacity: 0.12; }
2142
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
2143
- opacity: 0.12; }
2144
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
2145
- background-color: #1a73e8; }
2146
- @supports not (-ms-ime-align: auto) {
2147
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
2148
- /* @alternate */
2149
- background-color: #1a73e8;
2150
- background-color: var(--mdc-theme-primary, #1a73e8); } }
2151
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
2152
- opacity: 0.16; }
2153
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
2154
- transition-duration: 75ms;
2155
- opacity: 0.24; }
2156
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
2157
- transition: opacity 150ms linear; }
2158
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
2159
- transition-duration: 75ms;
2160
- opacity: 0.24; }
2161
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
2162
- --mdc-ripple-fg-opacity: 0.24; }
2163
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
2164
- opacity: 0.08; }
2165
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
2166
- background-color: #1a73e8; }
2167
- @supports not (-ms-ime-align: auto) {
2168
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
2169
- /* @alternate */
2170
- background-color: #1a73e8;
2171
- background-color: var(--mdc-theme-primary, #1a73e8); } }
2172
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
2173
- opacity: 0.12; }
2174
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
2175
- transition-duration: 75ms;
2176
- opacity: 0.2; }
2177
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
2178
- transition: opacity 150ms linear; }
2179
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
2180
- transition-duration: 75ms;
2181
- opacity: 0.2; }
2182
- :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
2183
- --mdc-ripple-fg-opacity: 0.2; }
2184
-
2185
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled {
2186
- --mdc-ripple-fg-size: 0;
2187
- --mdc-ripple-left: 0;
2188
- --mdc-ripple-top: 0;
2189
- --mdc-ripple-fg-scale: 1;
2190
- --mdc-ripple-fg-translate-end: 0;
2191
- --mdc-ripple-fg-translate-start: 0;
2192
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
2193
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
2194
- position: absolute;
2195
- border-radius: 50%;
2196
- opacity: 0;
2197
- pointer-events: none;
2198
- content: ""; }
2199
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before {
2200
- transition: opacity 15ms linear, background-color 15ms linear;
2201
- z-index: 1; }
2202
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::before {
2203
- transform: scale(1);
2204
- transform: scale(var(--mdc-ripple-fg-scale, 1)); }
2205
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
2206
- top: 0;
2207
- /* @noflip */
2208
- left: 0;
2209
- transform: scale(0);
2210
- transform-origin: center center; }
2211
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after {
2212
- top: 0;
2213
- top: var(--mdc-ripple-top, 0);
2214
- /* @noflip */
2215
- left: 0;
2216
- left: var(--mdc-ripple-left, 0); }
2217
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after {
2218
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
2219
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation::after {
2220
- animation: mdc-ripple-fg-opacity-out 150ms;
2221
- transform: translate(0) scale(1);
2222
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
2223
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
2224
- top: calc(50% - 100%);
2225
- /* @noflip */
2226
- left: calc(50% - 100%);
2227
- width: 200%;
2228
- height: 200%; }
2229
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
2230
- width: 100%;
2231
- width: var(--mdc-ripple-fg-size, 100%);
2232
- height: 100%;
2233
- height: var(--mdc-ripple-fg-size, 100%); }
2234
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
2235
- background-color: #000; }
2236
- :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before {
2237
- transition-duration: 75ms;
2238
- opacity: 0.12; }
2239
-
2240
- .mdc-menu {
2241
- min-width: 112px; }
2242
- .mdc-menu .mdc-list-item__meta {
2243
- color: rgba(0, 0, 0, 0.87); }
2244
- .mdc-menu .mdc-list-item__graphic {
2245
- color: rgba(0, 0, 0, 0.87); }
2246
- .mdc-menu .mdc-list {
2247
- color: rgba(0, 0, 0, 0.87); }
2248
- .mdc-menu .mdc-list-divider {
2249
- margin: 8px 0; }
2250
- .mdc-menu .mdc-list-item {
2251
- -webkit-user-select: none;
2252
- -moz-user-select: none;
2253
- -ms-user-select: none;
2254
- user-select: none; }
2255
- .mdc-menu .mdc-list-item--disabled {
2256
- cursor: auto; }
2257
- .mdc-menu a.mdc-list-item .mdc-list-item__text,
2258
- .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
2259
- pointer-events: none; }
2260
-
2261
- .mdc-menu__selection-group {
2262
- padding: 0;
2263
- fill: currentColor; }
2264
- .mdc-menu__selection-group .mdc-list-item {
2265
- /* @noflip */
2266
- padding-left: 56px;
2267
- /* @noflip */
2268
- padding-right: 16px; }
2269
- [dir="rtl"] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir="rtl"] {
2270
- /* @noflip */
2271
- padding-left: 16px;
2272
- /* @noflip */
2273
- padding-right: 56px; }
2274
- .mdc-menu__selection-group .mdc-menu__selection-group-icon {
2275
- /* @noflip */
2276
- left: 16px;
2277
- /* @noflip */
2278
- right: auto;
2279
- right: initial;
2280
- display: none;
2281
- position: absolute; }
2282
- [dir="rtl"] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir="rtl"] {
2283
- /* @noflip */
2284
- left: auto;
2285
- left: initial;
2286
- /* @noflip */
2287
- right: 16px; }
2288
-
2289
- .mdc-menu-item--selected .mdc-menu__selection-group-icon {
2290
- display: inline; }
2291
-
2292
- .mdc-menu-surface {
2293
- display: none;
2294
- position: absolute;
2295
- box-sizing: border-box;
2296
- max-width: calc(100vw - 32px);
2297
- max-height: calc(100vh - 32px);
2298
- margin: 0;
2299
- padding: 0;
2300
- transform: scale(1);
2301
- transform-origin: top left;
2302
- opacity: 0;
2303
- overflow: auto;
2304
- will-change: transform, opacity;
2305
- z-index: 8;
2306
- transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
2307
- 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);
2308
- background-color: #fff;
2309
- /* @alternate */
2310
- background-color: #fff;
2311
- background-color: var(--mdc-theme-surface, #fff);
2312
- color: #000;
2313
- /* @alternate */
2314
- color: #000;
2315
- color: var(--mdc-theme-on-surface, #000);
2316
- border-radius: 4px;
2317
- /* @noflip */
2318
- transform-origin-left: top left;
2319
- /* @noflip */
2320
- transform-origin-right: top right; }
2321
- .mdc-menu-surface:focus {
2322
- outline: none; }
2323
- .mdc-menu-surface--open {
2324
- display: inline-block;
2325
- transform: scale(1);
2326
- opacity: 1; }
2327
- .mdc-menu-surface--animating-open {
2328
- display: inline-block;
2329
- transform: scale(0.8);
2330
- opacity: 0; }
2331
- .mdc-menu-surface--animating-closed {
2332
- display: inline-block;
2333
- opacity: 0;
2334
- transition: opacity 0.075s linear; }
2335
- [dir="rtl"] .mdc-menu-surface, .mdc-menu-surface[dir="rtl"] {
2336
- /* @noflip */
2337
- transform-origin-left: top right;
2338
- /* @noflip */
2339
- transform-origin-right: top left; }
2340
-
2341
- .mdc-menu-surface--anchor {
2342
- position: relative;
2343
- overflow: visible; }
2344
-
2345
- .mdc-menu-surface--fixed {
2346
- position: fixed; }
2347
-
2348
- .mdc-radio {
2349
- display: inline-block;
2350
- position: relative;
2351
- flex: 0 0 auto;
2352
- box-sizing: border-box;
2353
- width: 40px;
2354
- height: 40px;
2355
- padding: 10px;
2356
- cursor: pointer;
2357
- /* @alternate */
2358
- will-change: opacity, transform, border-color, color; }
2359
- .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
2360
- border-color: rgba(0, 0, 0, 0.54); }
2361
- .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
2362
- border-color: #1a73e8;
2363
- /* @alternate */
2364
- border-color: #1a73e8;
2365
- border-color: var(--mdc-theme-secondary, #1a73e8); }
2366
- .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
2367
- border-color: #1a73e8;
2368
- /* @alternate */
2369
- border-color: #1a73e8;
2370
- border-color: var(--mdc-theme-secondary, #1a73e8); }
2371
- .mdc-radio .mdc-radio__background::before {
2372
- background-color: #1a73e8; }
2373
- @supports not (-ms-ime-align: auto) {
2374
- .mdc-radio .mdc-radio__background::before {
2375
- /* @alternate */
2376
- background-color: #1a73e8;
2377
- background-color: var(--mdc-theme-secondary, #1a73e8); } }
2378
- .mdc-radio__background {
2379
- display: inline-block;
2380
- position: absolute;
2381
- left: 10px;
2382
- box-sizing: border-box;
2383
- width: 50%;
2384
- height: 50%; }
2385
- .mdc-radio__background::before {
2386
- position: absolute;
2387
- top: 0;
2388
- left: 0;
2389
- width: 100%;
2390
- height: 100%;
2391
- transform: scale(0, 0);
2392
- border-radius: 50%;
2393
- opacity: 0;
2394
- pointer-events: none;
2395
- content: "";
2396
- transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
2397
- .mdc-radio__outer-circle {
2398
- position: absolute;
2399
- top: 0;
2400
- left: 0;
2401
- box-sizing: border-box;
2402
- width: 100%;
2403
- height: 100%;
2404
- border-width: 2px;
2405
- border-style: solid;
2406
- border-radius: 50%;
2407
- transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
2408
- .mdc-radio__inner-circle {
2409
- position: absolute;
2410
- top: 0;
2411
- left: 0;
2412
- box-sizing: border-box;
2413
- width: 100%;
2414
- height: 100%;
2415
- transform: scale(0, 0);
2416
- border-width: 10px;
2417
- border-style: solid;
2418
- border-radius: 50%;
2419
- transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
2420
- .mdc-radio__native-control {
2421
- position: absolute;
2422
- top: 0;
2423
- left: 0;
2424
- width: 100%;
2425
- height: 100%;
2426
- margin: 0;
2427
- padding: 0;
2428
- opacity: 0;
2429
- cursor: inherit;
2430
- z-index: 1; }
2431
-
2432
- .mdc-radio__native-control:checked + .mdc-radio__background,
2433
- .mdc-radio__native-control:disabled + .mdc-radio__background {
2434
- transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
2435
- .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
2436
- .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
2437
- transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
2438
- .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
2439
- .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
2440
- transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
2441
-
2442
- .mdc-radio--disabled {
2443
- cursor: default;
2444
- pointer-events: none; }
2445
-
2446
- .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
2447
- transform: scale(0.5);
2448
- transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
2449
-
2450
- .mdc-radio__native-control:disabled + .mdc-radio__background,
2451
- [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background {
2452
- cursor: default; }
2453
- .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
2454
- [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
2455
- border-color: rgba(0, 0, 0, 0.26); }
2456
- .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
2457
- [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
2458
- border-color: rgba(0, 0, 0, 0.26); }
2459
-
2460
- .mdc-radio__native-control:focus + .mdc-radio__background::before {
2461
- transform: scale(2, 2);
2462
- opacity: 0.12;
2463
- transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
2464
-
2465
- .mdc-radio {
2466
- --mdc-ripple-fg-size: 0;
2467
- --mdc-ripple-left: 0;
2468
- --mdc-ripple-top: 0;
2469
- --mdc-ripple-fg-scale: 1;
2470
- --mdc-ripple-fg-translate-end: 0;
2471
- --mdc-ripple-fg-translate-start: 0;
2472
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
2473
- .mdc-radio::before, .mdc-radio::after {
2474
- position: absolute;
2475
- border-radius: 50%;
2476
- opacity: 0;
2477
- pointer-events: none;
2478
- content: ""; }
2479
- .mdc-radio::before {
2480
- transition: opacity 15ms linear, background-color 15ms linear;
2481
- z-index: 1; }
2482
- .mdc-radio.mdc-ripple-upgraded::before {
2483
- transform: scale(1);
2484
- transform: scale(var(--mdc-ripple-fg-scale, 1)); }
2485
- .mdc-radio.mdc-ripple-upgraded::after {
2486
- top: 0;
2487
- /* @noflip */
2488
- left: 0;
2489
- transform: scale(0);
2490
- transform-origin: center center; }
2491
- .mdc-radio.mdc-ripple-upgraded--unbounded::after {
2492
- top: 0;
2493
- top: var(--mdc-ripple-top, 0);
2494
- /* @noflip */
2495
- left: 0;
2496
- left: var(--mdc-ripple-left, 0); }
2497
- .mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
2498
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
2499
- .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
2500
- animation: mdc-ripple-fg-opacity-out 150ms;
2501
- transform: translate(0) scale(1);
2502
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
2503
- .mdc-radio::before, .mdc-radio::after {
2504
- top: calc(50% - 50%);
2505
- /* @noflip */
2506
- left: calc(50% - 50%);
2507
- width: 100%;
2508
- height: 100%; }
2509
- .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after {
2510
- top: calc(50% - 50%);
2511
- top: var(--mdc-ripple-top, calc(50% - 50%));
2512
- /* @noflip */
2513
- left: calc(50% - 50%);
2514
- left: var(--mdc-ripple-left, calc(50% - 50%));
2515
- width: 100%;
2516
- width: var(--mdc-ripple-fg-size, 100%);
2517
- height: 100%;
2518
- height: var(--mdc-ripple-fg-size, 100%); }
2519
- .mdc-radio.mdc-ripple-upgraded::after {
2520
- width: 100%;
2521
- width: var(--mdc-ripple-fg-size, 100%);
2522
- height: 100%;
2523
- height: var(--mdc-ripple-fg-size, 100%); }
2524
- .mdc-radio::before, .mdc-radio::after {
2525
- background-color: #1a73e8; }
2526
- @supports not (-ms-ime-align: auto) {
2527
- .mdc-radio::before, .mdc-radio::after {
2528
- /* @alternate */
2529
- background-color: #1a73e8;
2530
- background-color: var(--mdc-theme-secondary, #1a73e8); } }
2531
- .mdc-radio:hover::before {
2532
- opacity: 0.04; }
2533
- .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {
2534
- transition-duration: 75ms;
2535
- opacity: 0.12; }
2536
- .mdc-radio:not(.mdc-ripple-upgraded)::after {
2537
- transition: opacity 150ms linear; }
2538
- .mdc-radio:not(.mdc-ripple-upgraded):active::after {
2539
- transition-duration: 75ms;
2540
- opacity: 0.12; }
2541
- .mdc-radio.mdc-ripple-upgraded {
2542
- --mdc-ripple-fg-opacity: 0.12; }
2543
- .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
2544
- content: none; }
2545
-
2546
- @keyframes mdc-select-float-native-control {
2547
- 0% {
2548
- transform: translateY(8px);
2549
- opacity: 0; }
2550
- 100% {
2551
- transform: translateY(0);
2552
- opacity: 1; } }
2553
-
2554
- .mdc-line-ripple {
2555
- position: absolute;
2556
- bottom: 0;
2557
- left: 0;
2558
- width: 100%;
2559
- height: 2px;
2560
- transform: scaleX(0);
2561
- transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
2562
- opacity: 0;
2563
- z-index: 2; }
2564
-
2565
- .mdc-line-ripple--active {
2566
- transform: scaleX(1);
2567
- opacity: 1; }
2568
-
2569
- .mdc-line-ripple--deactivating {
2570
- opacity: 0; }
2571
-
2572
- .mdc-notched-outline {
2573
- display: flex;
2574
- position: absolute;
2575
- right: 0;
2576
- left: 0;
2577
- box-sizing: border-box;
2578
- width: 100%;
2579
- max-width: 100%;
2580
- height: 100%;
2581
- /* @noflip */
2582
- text-align: left;
2583
- pointer-events: none; }
2584
- [dir="rtl"] .mdc-notched-outline, .mdc-notched-outline[dir="rtl"] {
2585
- /* @noflip */
2586
- text-align: right; }
2587
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
2588
- box-sizing: border-box;
2589
- height: 100%;
2590
- transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
2591
- border-top: 1px solid;
2592
- border-bottom: 1px solid;
2593
- pointer-events: none; }
2594
- .mdc-notched-outline__leading {
2595
- /* @noflip */
2596
- border-left: 1px solid;
2597
- /* @noflip */
2598
- border-right: none;
2599
- width: 12px; }
2600
- [dir="rtl"] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir="rtl"] {
2601
- /* @noflip */
2602
- border-left: none;
2603
- /* @noflip */
2604
- border-right: 1px solid; }
2605
- .mdc-notched-outline__trailing {
2606
- /* @noflip */
2607
- border-left: none;
2608
- /* @noflip */
2609
- border-right: 1px solid;
2610
- flex-grow: 1; }
2611
- [dir="rtl"] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir="rtl"] {
2612
- /* @noflip */
2613
- border-left: 1px solid;
2614
- /* @noflip */
2615
- border-right: none; }
2616
- .mdc-notched-outline__notch {
2617
- flex: 0 0 auto;
2618
- width: auto;
2619
- max-width: calc(100% - 12px * 2); }
2620
- .mdc-notched-outline .mdc-floating-label {
2621
- display: inline-block;
2622
- position: relative;
2623
- top: 17px;
2624
- bottom: auto;
2625
- max-width: 100%; }
2626
- .mdc-notched-outline .mdc-floating-label--float-above {
2627
- text-overflow: clip; }
2628
- .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
2629
- max-width: calc(100% / .75); }
2630
-
2631
- .mdc-notched-outline--notched .mdc-notched-outline__notch {
2632
- /* @noflip */
2633
- padding-left: 0;
2634
- /* @noflip */
2635
- padding-right: 8px;
2636
- border-top: none; }
2637
- [dir="rtl"] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir="rtl"] {
2638
- /* @noflip */
2639
- padding-left: 8px;
2640
- /* @noflip */
2641
- padding-right: 0; }
2642
-
2643
- .mdc-notched-outline--no-label .mdc-notched-outline__notch {
2644
- padding: 0; }
2645
-
2646
- .mdc-floating-label {
2647
- font-family: Roboto, sans-serif;
2648
- -moz-osx-font-smoothing: grayscale;
2649
- -webkit-font-smoothing: antialiased;
2650
- font-size: 1rem;
2651
- line-height: 1.75rem;
2652
- font-weight: 400;
2653
- letter-spacing: 0.00937em;
2654
- text-decoration: inherit;
2655
- text-transform: inherit;
2656
- position: absolute;
2657
- /* @noflip */
2658
- left: 0;
2659
- /* @noflip */
2660
- transform-origin: left top;
2661
- transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
2662
- /* @alternate */
2663
- line-height: 1.15rem;
2664
- text-align: left;
2665
- text-overflow: ellipsis;
2666
- white-space: nowrap;
2667
- cursor: text;
2668
- overflow: hidden;
2669
- will-change: transform; }
2670
- [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] {
2671
- /* @noflip */
2672
- right: 0;
2673
- /* @noflip */
2674
- left: auto;
2675
- /* @noflip */
2676
- transform-origin: right top;
2677
- /* @noflip */
2678
- text-align: right; }
2679
-
2680
- .mdc-floating-label--float-above {
2681
- cursor: auto; }
2682
-
2683
- .mdc-floating-label--float-above {
2684
- transform: translateY(-50%) scale(0.75); }
2685
-
2686
- .mdc-floating-label--shake {
2687
- animation: mdc-floating-label-shake-float-above-standard 250ms 1; }
2688
-
2689
- @keyframes mdc-floating-label-shake-float-above-standard {
2690
- 0% {
2691
- transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); }
2692
- 33% {
2693
- animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
2694
- transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); }
2695
- 66% {
2696
- animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
2697
- transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); }
2698
- 100% {
2699
- transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } }
2700
-
2701
- .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
2702
- color: #000;
2703
- /* @alternate */
2704
- color: #000;
2705
- color: var(--mdc-theme-on-surface, #000); }
2706
-
2707
- .mdc-select--with-leading-icon .mdc-select__icon {
2708
- display: inline-block;
2709
- position: absolute;
2710
- bottom: 16px;
2711
- box-sizing: border-box;
2712
- width: 24px;
2713
- height: 24px;
2714
- border: none;
2715
- background-color: transparent;
2716
- fill: currentColor;
2717
- opacity: 0.54;
2718
- text-decoration: none;
2719
- cursor: pointer;
2720
- -webkit-user-select: none;
2721
- -moz-user-select: none;
2722
- -ms-user-select: none;
2723
- user-select: none; }
2724
-
2725
- .mdc-select__icon:not([tabindex]),
2726
- .mdc-select__icon[tabindex="-1"] {
2727
- cursor: default;
2728
- pointer-events: none; }
2729
-
2730
- .mdc-select-helper-text {
2731
- font-family: Roboto, sans-serif;
2732
- -moz-osx-font-smoothing: grayscale;
2733
- -webkit-font-smoothing: antialiased;
2734
- font-size: 0.75rem;
2735
- line-height: 1.25rem;
2736
- font-weight: 400;
2737
- letter-spacing: 0.03333em;
2738
- text-decoration: inherit;
2739
- text-transform: inherit;
2740
- display: block;
2741
- margin-top: 0;
2742
- /* @alternate */
2743
- line-height: normal;
2744
- margin: 0;
2745
- transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
2746
- opacity: 0;
2747
- will-change: opacity; }
2748
- .mdc-select-helper-text::before {
2749
- display: inline-block;
2750
- width: 0;
2751
- height: 16px;
2752
- content: "";
2753
- vertical-align: 0; }
2754
-
2755
- .mdc-select-helper-text--persistent {
2756
- transition: none;
2757
- opacity: 1;
2758
- will-change: initial; }
2759
-
2760
- .mdc-select {
2761
- --mdc-ripple-fg-size: 0;
2762
- --mdc-ripple-left: 0;
2763
- --mdc-ripple-top: 0;
2764
- --mdc-ripple-fg-scale: 1;
2765
- --mdc-ripple-fg-translate-end: 0;
2766
- --mdc-ripple-fg-translate-start: 0;
2767
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2768
- display: inline-flex;
2769
- position: relative;
2770
- box-sizing: border-box;
2771
- height: 56px;
2772
- overflow: hidden;
2773
- /* @alternate */
2774
- will-change: opacity, transform, color; }
2775
- .mdc-select:not(.mdc-select--disabled) {
2776
- background-color: whitesmoke; }
2777
- .mdc-select::before, .mdc-select::after {
2778
- position: absolute;
2779
- border-radius: 50%;
2780
- opacity: 0;
2781
- pointer-events: none;
2782
- content: ""; }
2783
- .mdc-select::before {
2784
- transition: opacity 15ms linear, background-color 15ms linear;
2785
- z-index: 1; }
2786
- .mdc-select.mdc-ripple-upgraded::before {
2787
- transform: scale(1);
2788
- transform: scale(var(--mdc-ripple-fg-scale, 1)); }
2789
- .mdc-select.mdc-ripple-upgraded::after {
2790
- top: 0;
2791
- /* @noflip */
2792
- left: 0;
2793
- transform: scale(0);
2794
- transform-origin: center center; }
2795
- .mdc-select.mdc-ripple-upgraded--unbounded::after {
2796
- top: 0;
2797
- top: var(--mdc-ripple-top, 0);
2798
- /* @noflip */
2799
- left: 0;
2800
- left: var(--mdc-ripple-left, 0); }
2801
- .mdc-select.mdc-ripple-upgraded--foreground-activation::after {
2802
- animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
2803
- .mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
2804
- animation: mdc-ripple-fg-opacity-out 150ms;
2805
- transform: translate(0) scale(1);
2806
- transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
2807
- .mdc-select::before, .mdc-select::after {
2808
- top: calc(50% - 100%);
2809
- /* @noflip */
2810
- left: calc(50% - 100%);
2811
- width: 200%;
2812
- height: 200%; }
2813
- .mdc-select.mdc-ripple-upgraded::after {
2814
- width: 100%;
2815
- width: var(--mdc-ripple-fg-size, 100%);
2816
- height: 100%;
2817
- height: var(--mdc-ripple-fg-size, 100%); }
2818
- .mdc-select::before, .mdc-select::after {
2819
- background-color: rgba(0, 0, 0, 0.87); }
2820
- .mdc-select:hover::before {
2821
- opacity: 0.04; }
2822
- .mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before {
2823
- transition-duration: 75ms;
2824
- opacity: 0.12; }
2825
- .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
2826
- .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
2827
- color: rgba(0, 0, 0, 0.87); }
2828
- .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
2829
- color: rgba(0, 0, 0, 0.6); }
2830
- .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
2831
- .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
2832
- border-bottom-color: rgba(0, 0, 0, 0.42); }
2833
- .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
2834
- color: rgba(0, 0, 0, 0.6); }
2835
- .mdc-select, .mdc-select__native-control {
2836
- border-radius: 4px 4px 0 0; }
2837
- .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
2838
- background-color: #1a73e8;
2839
- /* @alternate */
2840
- background-color: #1a73e8;
2841
- background-color: var(--mdc-theme-primary, #1a73e8); }
2842
- .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
2843
- color: rgba(26, 115, 232, 0.87); }
2844
- .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
2845
- border-bottom-color: rgba(0, 0, 0, 0.87); }
2846
- .mdc-select .mdc-floating-label--float-above {
2847
- transform: translateY(-70%) scale(0.75); }
2848
- .mdc-select .mdc-floating-label {
2849
- /* @noflip */
2850
- left: 16px;
2851
- /* @noflip */
2852
- right: auto;
2853
- right: initial;
2854
- top: 21px;
2855
- pointer-events: none; }
2856
- [dir="rtl"] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir="rtl"] {
2857
- /* @noflip */
2858
- left: auto;
2859
- left: initial;
2860
- /* @noflip */
2861
- right: 16px; }
2862
- .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
2863
- /* @noflip */
2864
- left: 48px;
2865
- /* @noflip */
2866
- right: auto;
2867
- right: initial; }
2868
- [dir="rtl"] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
2869
- /* @noflip */
2870
- left: auto;
2871
- left: initial;
2872
- /* @noflip */
2873
- right: 48px; }
2874
- .mdc-select.mdc-select--outlined .mdc-floating-label {
2875
- /* @noflip */
2876
- left: 4px;
2877
- /* @noflip */
2878
- right: auto;
2879
- right: initial;
2880
- top: 17px; }
2881
- [dir="rtl"] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir="rtl"] {
2882
- /* @noflip */
2883
- left: auto;
2884
- left: initial;
2885
- /* @noflip */
2886
- right: 4px; }
2887
- .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
2888
- /* @noflip */
2889
- left: 36px;
2890
- /* @noflip */
2891
- right: auto;
2892
- right: initial; }
2893
- [dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
2894
- /* @noflip */
2895
- left: auto;
2896
- left: initial;
2897
- /* @noflip */
2898
- right: 36px; }
2899
- .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
2900
- /* @noflip */
2901
- left: 36px;
2902
- /* @noflip */
2903
- right: auto;
2904
- right: initial; }
2905
- [dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] {
2906
- /* @noflip */
2907
- left: auto;
2908
- left: initial;
2909
- /* @noflip */
2910
- right: 36px; }
2911
- .mdc-select__dropdown-icon {
2912
- background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
2913
- /* @noflip */
2914
- left: auto;
2915
- /* @noflip */
2916
- right: 8px;
2917
- position: absolute;
2918
- bottom: 16px;
2919
- width: 24px;
2920
- height: 24px;
2921
- transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
2922
- pointer-events: none; }
2923
- [dir="rtl"] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir="rtl"] {
2924
- /* @noflip */
2925
- left: 8px;
2926
- /* @noflip */
2927
- right: auto; }
2928
- .mdc-select--focused .mdc-select__dropdown-icon {
2929
- background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%231a73e8%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
2930
- transform: rotate(180deg) translateY(-5px);
2931
- transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); }
2932
- .mdc-select__native-control {
2933
- padding-top: 20px; }
2934
- .mdc-select.mdc-select--focused .mdc-line-ripple::after {
2935
- transform: scale(1, 2);
2936
- opacity: 1; }
2937
-
2938
- .mdc-select + .mdc-select-helper-text {
2939
- margin-right: 12px;
2940
- margin-left: 12px; }
2941
-
2942
- .mdc-select--outlined + .mdc-select-helper-text {
2943
- margin-right: 16px;
2944
- margin-left: 16px; }
2945
-
2946
- .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
2947
- opacity: 1; }
2948
-
2949
- .mdc-select__selected-text {
2950
- min-width: 200px;
2951
- padding-top: 22px; }
2952
-
2953
- .mdc-select__native-control,
2954
- .mdc-select__selected-text {
2955
- /* @noflip */
2956
- padding-left: 16px;
2957
- /* @noflip */
2958
- padding-right: 52px;
2959
- font-family: Roboto, sans-serif;
2960
- -moz-osx-font-smoothing: grayscale;
2961
- -webkit-font-smoothing: antialiased;
2962
- font-size: 1rem;
2963
- line-height: 1.75rem;
2964
- font-weight: 400;
2965
- letter-spacing: 0.00937em;
2966
- text-decoration: inherit;
2967
- text-transform: inherit;
2968
- box-sizing: border-box;
2969
- width: 100%;
2970
- height: 56px;
2971
- padding-top: 20px;
2972
- padding-bottom: 4px;
2973
- border: none;
2974
- border-bottom: 1px solid;
2975
- outline: none;
2976
- background-color: transparent;
2977
- color: inherit;
2978
- white-space: nowrap;
2979
- cursor: pointer;
2980
- -webkit-appearance: none;
2981
- -moz-appearance: none;
2982
- appearance: none; }
2983
- [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"], [dir="rtl"]
2984
- .mdc-select__selected-text,
2985
- .mdc-select__selected-text[dir="rtl"] {
2986
- /* @noflip */
2987
- padding-left: 52px;
2988
- /* @noflip */
2989
- padding-right: 16px; }
2990
- .mdc-select__native-control::-ms-expand,
2991
- .mdc-select__selected-text::-ms-expand {
2992
- display: none; }
2993
- .mdc-select__native-control::-ms-value,
2994
- .mdc-select__selected-text::-ms-value {
2995
- background-color: transparent;
2996
- color: inherit; }
2997
-
2998
- @-moz-document url-prefix("") {
2999
- .mdc-select__native-control,
3000
- .mdc-select__selected-text {
3001
- text-indent: -2px; } }
3002
-
3003
- .mdc-select--outlined {
3004
- border: none;
3005
- overflow: visible; }
3006
- .mdc-select--outlined:not(.mdc-select--disabled) {
3007
- background-color: transparent; }
3008
- .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
3009
- .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
3010
- .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
3011
- border-color: rgba(0, 0, 0, 0.24); }
3012
- .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
3013
- .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
3014
- .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
3015
- .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
3016
- .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
3017
- .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
3018
- border-color: rgba(0, 0, 0, 0.87); }
3019
- .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
3020
- .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
3021
- .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
3022
- border-width: 2px; }
3023
- .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
3024
- .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
3025
- .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
3026
- border-color: #1a73e8;
3027
- /* @alternate */
3028
- border-color: #1a73e8;
3029
- border-color: var(--mdc-theme-primary, #1a73e8); }
3030
- .mdc-select--outlined .mdc-floating-label--shake {
3031
- animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
3032
- .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
3033
- /* @noflip */
3034
- border-radius: 4px 0 0 4px; }
3035
- [dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] {
3036
- /* @noflip */
3037
- border-radius: 0 4px 4px 0; }
3038
- .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
3039
- /* @noflip */
3040
- border-radius: 0 4px 4px 0; }
3041
- [dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] {
3042
- /* @noflip */
3043
- border-radius: 4px 0 0 4px; }
3044
- .mdc-select--outlined .mdc-select__native-control {
3045
- border-radius: 4px; }
3046
- .mdc-select--outlined::before, .mdc-select--outlined::after {
3047
- content: none; }
3048
- .mdc-select--outlined:not(.mdc-select--disabled) {
3049
- background-color: transparent; }
3050
- .mdc-select--outlined .mdc-floating-label--float-above {
3051
- transform: translateY(-144%) scale(1); }
3052
- .mdc-select--outlined .mdc-floating-label--float-above {
3053
- font-size: 0.75rem; }
3054
- .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
3055
- .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
3056
- transform: translateY(-130%) scale(0.75); }
3057
- .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
3058
- .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
3059
- font-size: 1rem; }
3060
- .mdc-select--outlined .mdc-select__native-control,
3061
- .mdc-select--outlined .mdc-select__selected-text {
3062
- /* @noflip */
3063
- padding-left: 16px;
3064
- /* @noflip */
3065
- padding-right: 52px;
3066
- display: flex;
3067
- padding-top: 12px;
3068
- padding-bottom: 12px;
3069
- border: none;
3070
- background-color: transparent;
3071
- z-index: 1; }
3072
- [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"], [dir="rtl"]
3073
- .mdc-select--outlined .mdc-select__selected-text,
3074
- .mdc-select--outlined .mdc-select__selected-text[dir="rtl"] {
3075
- /* @noflip */
3076
- padding-left: 52px;
3077
- /* @noflip */
3078
- padding-right: 16px; }
3079
- .mdc-select--outlined .mdc-select__selected-text {
3080
- padding-top: 14px; }
3081
- .mdc-select--outlined .mdc-select__icon {
3082
- z-index: 2; }
3083
- .mdc-select--outlined .mdc-floating-label {
3084
- line-height: 1.15rem;
3085
- pointer-events: auto; }
3086
-
3087
- .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
3088
- color: #b00020;
3089
- /* @alternate */
3090
- color: #b00020;
3091
- color: var(--mdc-theme-error, #b00020); }
3092
-
3093
- .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
3094
- .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
3095
- border-bottom-color: #b00020;
3096
- /* @alternate */
3097
- border-bottom-color: #b00020;
3098
- border-bottom-color: var(--mdc-theme-error, #b00020); }
3099
-
3100
- .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
3101
- background-color: #b00020;
3102
- /* @alternate */
3103
- background-color: #b00020;
3104
- background-color: var(--mdc-theme-error, #b00020); }
3105
-
3106
- .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
3107
- color: #b00020; }
3108
-
3109
- .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
3110
- color: #b00020;
3111
- /* @alternate */
3112
- color: #b00020;
3113
- color: var(--mdc-theme-error, #b00020); }