Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1136)

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 1378993003: Vulcanize new Material Design downloads UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@vulcanize2
Patch Set: -crisper.html Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!--
2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!--
10 @license
11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
15 Code distributed by Google as part of the polymer project is also
16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
17 --><!--
18 @license
19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE
21 The complete set of authors may be found at http://polymer.github.io/AUTHORS
22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS
23 Code distributed by Google as part of the polymer project is also
24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS
25 -->
26 <meta charset="utf-8">
27 <title i18n-content="title"></title>
28 <style>
29 /* Copyright 2015 The Chromium Authors. All rights reserved.
30 * Use of this source code is governed by a BSD-style license that can be
31 * found in the LICENSE file. */
32
33 @font-face {
34 font-family: 'Roboto';
35 font-style: normal;
36 font-weight: 400;
37 src: local('Roboto'), local('Roboto-Regular'),
38 url("chrome://resources/roboto/roboto-regular-latin.woff2") format('woff2' );
39 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
40 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
41 }
42
43 @font-face {
44 font-family: 'Roboto';
45 font-style: normal;
46 font-weight: 500;
47 src: local('Roboto Medium'), local('Roboto-Medium'),
48 url("chrome://resources/roboto/roboto-medium-latin.woff2") format('woff2') ;
49 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
50 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
51 }
52
53 </style>
54 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
55 <script src="chrome://resources/js/load_time_data.js"></script>
56 <style>
57 /* IE 10 support for HTML5 hidden attr */
58 [hidden] {
59 display: none !important;
60 }
61 </style>
62
63 <style is="custom-style">
64 :root {
65
66 --layout: {
67 display: -ms-flexbox;
68 display: -webkit-flex;
69 display: flex;
70 };
71
72 --layout-inline: {
73 display: -ms-inline-flexbox;
74 display: -webkit-inline-flex;
75 display: inline-flex;
76 };
77
78 --layout-horizontal: {
79 /* @apply(--layout); */
80 display: -ms-flexbox;
81 display: -webkit-flex;
82 display: flex;
83
84 -ms-flex-direction: row;
85 -webkit-flex-direction: row;
86 flex-direction: row;
87 };
88
89 --layout-horizontal-reverse: {
90 -ms-flex-direction: row-reverse;
91 -webkit-flex-direction: row-reverse;
92 flex-direction: row-reverse;
93 };
94
95 --layout-vertical: {
96 /* @apply(--layout); */
97 display: -ms-flexbox;
98 display: -webkit-flex;
99 display: flex;
100
101 -ms-flex-direction: column;
102 -webkit-flex-direction: column;
103 flex-direction: column;
104 };
105
106 --layout-vertical-reverse: {
107 -ms-flex-direction: column-reverse;
108 -webkit-flex-direction: column-reverse;
109 flex-direction: column-reverse;
110 };
111
112 --layout-wrap: {
113 -ms-flex-wrap: wrap;
114 -webkit-flex-wrap: wrap;
115 flex-wrap: wrap;
116 };
117
118 --layout-wrap-reverse: {
119 -ms-flex-wrap: wrap-reverse;
120 -webkit-flex-wrap: wrap-reverse;
121 flex-wrap: wrap-reverse;
122 };
123
124 --layout-flex-auto: {
125 -ms-flex: 1 1 auto;
126 -webkit-flex: 1 1 auto;
127 flex: 1 1 auto;
128 };
129
130 --layout-flex-none: {
131 -ms-flex: none;
132 -webkit-flex: none;
133 flex: none;
134 };
135
136 --layout-flex: {
137 -ms-flex: 1 1 0.000000001px;
138 -webkit-flex: 1;
139 flex: 1;
140 -webkit-flex-basis: 0.000000001px;
141 flex-basis: 0.000000001px;
142 };
143
144 --layout-flex-2: {
145 -ms-flex: 2;
146 -webkit-flex: 2;
147 flex: 2;
148 };
149
150 --layout-flex-3: {
151 -ms-flex: 3;
152 -webkit-flex: 3;
153 flex: 3;
154 };
155
156 --layout-flex-4: {
157 -ms-flex: 4;
158 -webkit-flex: 4;
159 flex: 4;
160 };
161
162 --layout-flex-5: {
163 -ms-flex: 5;
164 -webkit-flex: 5;
165 flex: 5;
166 };
167
168 --layout-flex-6: {
169 -ms-flex: 6;
170 -webkit-flex: 6;
171 flex: 6;
172 };
173
174 --layout-flex-7: {
175 -ms-flex: 7;
176 -webkit-flex: 7;
177 flex: 7;
178 };
179
180 --layout-flex-8: {
181 -ms-flex: 8;
182 -webkit-flex: 8;
183 flex: 8;
184 };
185
186 --layout-flex-9: {
187 -ms-flex: 9;
188 -webkit-flex: 9;
189 flex: 9;
190 };
191
192 --layout-flex-10: {
193 -ms-flex: 10;
194 -webkit-flex: 10;
195 flex: 10;
196 };
197
198 --layout-flex-11: {
199 -ms-flex: 11;
200 -webkit-flex: 11;
201 flex: 11;
202 };
203
204 --layout-flex-12: {
205 -ms-flex: 12;
206 -webkit-flex: 12;
207 flex: 12;
208 };
209
210 /* alignment in cross axis */
211
212 --layout-start: {
213 -ms-flex-align: start;
214 -webkit-align-items: flex-start;
215 align-items: flex-start;
216 };
217
218 --layout-center: {
219 -ms-flex-align: center;
220 -webkit-align-items: center;
221 align-items: center;
222 };
223
224 --layout-end: {
225 -ms-flex-align: end;
226 -webkit-align-items: flex-end;
227 align-items: flex-end;
228 };
229
230 /* alignment in main axis */
231
232 --layout-start-justified: {
233 -ms-flex-pack: start;
234 -webkit-justify-content: flex-start;
235 justify-content: flex-start;
236 };
237
238 --layout-center-justified: {
239 -ms-flex-pack: center;
240 -webkit-justify-content: center;
241 justify-content: center;
242 };
243
244 --layout-end-justified: {
245 -ms-flex-pack: end;
246 -webkit-justify-content: flex-end;
247 justify-content: flex-end;
248 };
249
250 --layout-around-justified: {
251 -ms-flex-pack: around;
252 -webkit-justify-content: space-around;
253 justify-content: space-around;
254 };
255
256 --layout-justified: {
257 -ms-flex-pack: justify;
258 -webkit-justify-content: space-between;
259 justify-content: space-between;
260 };
261
262 --layout-center-center: {
263 /* @apply(--layout-center --layout-center-justified); */
264 -ms-flex-align: center;
265 -webkit-align-items: center;
266 align-items: center;
267 -ms-flex-pack: center;
268 -webkit-justify-content: center;
269 justify-content: center;
270 };
271
272 /* self alignment */
273
274 --layout-self-start: {
275 -ms-align-self: flex-start;
276 -webkit-align-self: flex-start;
277 align-self: flex-start;
278 };
279
280 --layout-self-center: {
281 -ms-align-self: center;
282 -webkit-align-self: center;
283 align-self: center;
284 };
285
286 --layout-self-end: {
287 -ms-align-self: flex-end;
288 -webkit-align-self: flex-end;
289 align-self: flex-end;
290 };
291
292 --layout-self-stretch: {
293 -ms-align-self: stretch;
294 -webkit-align-self: stretch;
295 align-self: stretch;
296 };
297
298 /*******************************
299 Other Layout
300 *******************************/
301
302 --layout-block: {
303 display: block;
304 };
305
306 --layout-invisible: {
307 visibility: hidden !important;
308 };
309
310 --layout-relative: {
311 position: relative;
312 };
313
314 --layout-fit: {
315 position: absolute;
316 top: 0;
317 right: 0;
318 bottom: 0;
319 left: 0;
320 };
321
322 --layout-scroll: {
323 -webkit-overflow-scrolling: touch;
324 overflow: auto;
325 };
326
327 /* fixed position */
328
329 --layout-fixed-top: {
330 position: fixed;
331 top: 0;
332 left: 0;
333 right: 0;
334 };
335
336 --layout-fixed-right: {
337 position: fixed;
338 top: 0;
339 right: 0;
340 bottom: 0;
341 };
342
343 --layout-fixed-bottom: {
344 position: fixed;
345 right: 0;
346 bottom: 0;
347 left: 0;
348 };
349
350 --layout-fixed-left: {
351 position: fixed;
352 top: 0;
353 bottom: 0;
354 left: 0;
355 };
356
357 }
358
359 </style>
360
361
362 <style is="custom-style">
363
364 :root {
365
366 --shadow-transition: {
367 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
368 };
369
370 --shadow-none: {
371 box-shadow: none;
372 };
373
374 /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
375
376 --shadow-elevation-2dp: {
377 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
378 0 1px 5px 0 rgba(0, 0, 0, 0.12),
379 0 3px 1px -2px rgba(0, 0, 0, 0.2);
380 };
381
382 --shadow-elevation-3dp: {
383 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
384 0 1px 8px 0 rgba(0, 0, 0, 0.12),
385 0 3px 3px -2px rgba(0, 0, 0, 0.4);
386 };
387
388 --shadow-elevation-4dp: {
389 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
390 0 1px 10px 0 rgba(0, 0, 0, 0.12),
391 0 2px 4px -1px rgba(0, 0, 0, 0.4);
392 };
393
394 --shadow-elevation-6dp: {
395 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
396 0 1px 18px 0 rgba(0, 0, 0, 0.12),
397 0 3px 5px -1px rgba(0, 0, 0, 0.4);
398 };
399
400 --shadow-elevation-8dp: {
401 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
402 0 3px 14px 2px rgba(0, 0, 0, 0.12),
403 0 5px 5px -3px rgba(0, 0, 0, 0.4);
404 };
405
406 --shadow-elevation-16dp: {
407 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
408 0 6px 30px 5px rgba(0, 0, 0, 0.12),
409 0 8px 10px -5px rgba(0, 0, 0, 0.4);
410 };
411
412 }
413
414 </style>
415
416
417
418
419
420
421 <style is="custom-style">
422
423 :root {
424
425 /* Material Design color palette for Google products */
426
427 --google-red-100: #f4c7c3;
428 --google-red-300: #e67c73;
429 --google-red-500: #db4437;
430 --google-red-700: #c53929;
431
432 --google-blue-100: #c6dafc;
433 --google-blue-300: #7baaf7;
434 --google-blue-500: #4285f4;
435 --google-blue-700: #3367d6;
436
437 --google-green-100: #b7e1cd;
438 --google-green-300: #57bb8a;
439 --google-green-500: #0f9d58;
440 --google-green-700: #0b8043;
441
442 --google-yellow-100: #fce8b2;
443 --google-yellow-300: #f7cb4d;
444 --google-yellow-500: #f4b400;
445 --google-yellow-700: #f09300;
446
447 --google-grey-100: #f5f5f5;
448 --google-grey-300: #e0e0e0;
449 --google-grey-500: #9e9e9e;
450 --google-grey-700: #616161;
451
452 /* Material Design color palette from online spec document */
453
454 --paper-red-50: #ffebee;
455 --paper-red-100: #ffcdd2;
456 --paper-red-200: #ef9a9a;
457 --paper-red-300: #e57373;
458 --paper-red-400: #ef5350;
459 --paper-red-500: #f44336;
460 --paper-red-600: #e53935;
461 --paper-red-700: #d32f2f;
462 --paper-red-800: #c62828;
463 --paper-red-900: #b71c1c;
464 --paper-red-a100: #ff8a80;
465 --paper-red-a200: #ff5252;
466 --paper-red-a400: #ff1744;
467 --paper-red-a700: #d50000;
468
469 --paper-pink-50: #fce4ec;
470 --paper-pink-100: #f8bbd0;
471 --paper-pink-200: #f48fb1;
472 --paper-pink-300: #f06292;
473 --paper-pink-400: #ec407a;
474 --paper-pink-500: #e91e63;
475 --paper-pink-600: #d81b60;
476 --paper-pink-700: #c2185b;
477 --paper-pink-800: #ad1457;
478 --paper-pink-900: #880e4f;
479 --paper-pink-a100: #ff80ab;
480 --paper-pink-a200: #ff4081;
481 --paper-pink-a400: #f50057;
482 --paper-pink-a700: #c51162;
483
484 --paper-purple-50: #f3e5f5;
485 --paper-purple-100: #e1bee7;
486 --paper-purple-200: #ce93d8;
487 --paper-purple-300: #ba68c8;
488 --paper-purple-400: #ab47bc;
489 --paper-purple-500: #9c27b0;
490 --paper-purple-600: #8e24aa;
491 --paper-purple-700: #7b1fa2;
492 --paper-purple-800: #6a1b9a;
493 --paper-purple-900: #4a148c;
494 --paper-purple-a100: #ea80fc;
495 --paper-purple-a200: #e040fb;
496 --paper-purple-a400: #d500f9;
497 --paper-purple-a700: #aa00ff;
498
499 --paper-deep-purple-50: #ede7f6;
500 --paper-deep-purple-100: #d1c4e9;
501 --paper-deep-purple-200: #b39ddb;
502 --paper-deep-purple-300: #9575cd;
503 --paper-deep-purple-400: #7e57c2;
504 --paper-deep-purple-500: #673ab7;
505 --paper-deep-purple-600: #5e35b1;
506 --paper-deep-purple-700: #512da8;
507 --paper-deep-purple-800: #4527a0;
508 --paper-deep-purple-900: #311b92;
509 --paper-deep-purple-a100: #b388ff;
510 --paper-deep-purple-a200: #7c4dff;
511 --paper-deep-purple-a400: #651fff;
512 --paper-deep-purple-a700: #6200ea;
513
514 --paper-indigo-50: #e8eaf6;
515 --paper-indigo-100: #c5cae9;
516 --paper-indigo-200: #9fa8da;
517 --paper-indigo-300: #7986cb;
518 --paper-indigo-400: #5c6bc0;
519 --paper-indigo-500: #3f51b5;
520 --paper-indigo-600: #3949ab;
521 --paper-indigo-700: #303f9f;
522 --paper-indigo-800: #283593;
523 --paper-indigo-900: #1a237e;
524 --paper-indigo-a100: #8c9eff;
525 --paper-indigo-a200: #536dfe;
526 --paper-indigo-a400: #3d5afe;
527 --paper-indigo-a700: #304ffe;
528
529 --paper-blue-50: #e3f2fd;
530 --paper-blue-100: #bbdefb;
531 --paper-blue-200: #90caf9;
532 --paper-blue-300: #64b5f6;
533 --paper-blue-400: #42a5f5;
534 --paper-blue-500: #2196f3;
535 --paper-blue-600: #1e88e5;
536 --paper-blue-700: #1976d2;
537 --paper-blue-800: #1565c0;
538 --paper-blue-900: #0d47a1;
539 --paper-blue-a100: #82b1ff;
540 --paper-blue-a200: #448aff;
541 --paper-blue-a400: #2979ff;
542 --paper-blue-a700: #2962ff;
543
544 --paper-light-blue-50: #e1f5fe;
545 --paper-light-blue-100: #b3e5fc;
546 --paper-light-blue-200: #81d4fa;
547 --paper-light-blue-300: #4fc3f7;
548 --paper-light-blue-400: #29b6f6;
549 --paper-light-blue-500: #03a9f4;
550 --paper-light-blue-600: #039be5;
551 --paper-light-blue-700: #0288d1;
552 --paper-light-blue-800: #0277bd;
553 --paper-light-blue-900: #01579b;
554 --paper-light-blue-a100: #80d8ff;
555 --paper-light-blue-a200: #40c4ff;
556 --paper-light-blue-a400: #00b0ff;
557 --paper-light-blue-a700: #0091ea;
558
559 --paper-cyan-50: #e0f7fa;
560 --paper-cyan-100: #b2ebf2;
561 --paper-cyan-200: #80deea;
562 --paper-cyan-300: #4dd0e1;
563 --paper-cyan-400: #26c6da;
564 --paper-cyan-500: #00bcd4;
565 --paper-cyan-600: #00acc1;
566 --paper-cyan-700: #0097a7;
567 --paper-cyan-800: #00838f;
568 --paper-cyan-900: #006064;
569 --paper-cyan-a100: #84ffff;
570 --paper-cyan-a200: #18ffff;
571 --paper-cyan-a400: #00e5ff;
572 --paper-cyan-a700: #00b8d4;
573
574 --paper-teal-50: #e0f2f1;
575 --paper-teal-100: #b2dfdb;
576 --paper-teal-200: #80cbc4;
577 --paper-teal-300: #4db6ac;
578 --paper-teal-400: #26a69a;
579 --paper-teal-500: #009688;
580 --paper-teal-600: #00897b;
581 --paper-teal-700: #00796b;
582 --paper-teal-800: #00695c;
583 --paper-teal-900: #004d40;
584 --paper-teal-a100: #a7ffeb;
585 --paper-teal-a200: #64ffda;
586 --paper-teal-a400: #1de9b6;
587 --paper-teal-a700: #00bfa5;
588
589 --paper-green-50: #e8f5e9;
590 --paper-green-100: #c8e6c9;
591 --paper-green-200: #a5d6a7;
592 --paper-green-300: #81c784;
593 --paper-green-400: #66bb6a;
594 --paper-green-500: #4caf50;
595 --paper-green-600: #43a047;
596 --paper-green-700: #388e3c;
597 --paper-green-800: #2e7d32;
598 --paper-green-900: #1b5e20;
599 --paper-green-a100: #b9f6ca;
600 --paper-green-a200: #69f0ae;
601 --paper-green-a400: #00e676;
602 --paper-green-a700: #00c853;
603
604 --paper-light-green-50: #f1f8e9;
605 --paper-light-green-100: #dcedc8;
606 --paper-light-green-200: #c5e1a5;
607 --paper-light-green-300: #aed581;
608 --paper-light-green-400: #9ccc65;
609 --paper-light-green-500: #8bc34a;
610 --paper-light-green-600: #7cb342;
611 --paper-light-green-700: #689f38;
612 --paper-light-green-800: #558b2f;
613 --paper-light-green-900: #33691e;
614 --paper-light-green-a100: #ccff90;
615 --paper-light-green-a200: #b2ff59;
616 --paper-light-green-a400: #76ff03;
617 --paper-light-green-a700: #64dd17;
618
619 --paper-lime-50: #f9fbe7;
620 --paper-lime-100: #f0f4c3;
621 --paper-lime-200: #e6ee9c;
622 --paper-lime-300: #dce775;
623 --paper-lime-400: #d4e157;
624 --paper-lime-500: #cddc39;
625 --paper-lime-600: #c0ca33;
626 --paper-lime-700: #afb42b;
627 --paper-lime-800: #9e9d24;
628 --paper-lime-900: #827717;
629 --paper-lime-a100: #f4ff81;
630 --paper-lime-a200: #eeff41;
631 --paper-lime-a400: #c6ff00;
632 --paper-lime-a700: #aeea00;
633
634 --paper-yellow-50: #fffde7;
635 --paper-yellow-100: #fff9c4;
636 --paper-yellow-200: #fff59d;
637 --paper-yellow-300: #fff176;
638 --paper-yellow-400: #ffee58;
639 --paper-yellow-500: #ffeb3b;
640 --paper-yellow-600: #fdd835;
641 --paper-yellow-700: #fbc02d;
642 --paper-yellow-800: #f9a825;
643 --paper-yellow-900: #f57f17;
644 --paper-yellow-a100: #ffff8d;
645 --paper-yellow-a200: #ffff00;
646 --paper-yellow-a400: #ffea00;
647 --paper-yellow-a700: #ffd600;
648
649 --paper-amber-50: #fff8e1;
650 --paper-amber-100: #ffecb3;
651 --paper-amber-200: #ffe082;
652 --paper-amber-300: #ffd54f;
653 --paper-amber-400: #ffca28;
654 --paper-amber-500: #ffc107;
655 --paper-amber-600: #ffb300;
656 --paper-amber-700: #ffa000;
657 --paper-amber-800: #ff8f00;
658 --paper-amber-900: #ff6f00;
659 --paper-amber-a100: #ffe57f;
660 --paper-amber-a200: #ffd740;
661 --paper-amber-a400: #ffc400;
662 --paper-amber-a700: #ffab00;
663
664 --paper-orange-50: #fff3e0;
665 --paper-orange-100: #ffe0b2;
666 --paper-orange-200: #ffcc80;
667 --paper-orange-300: #ffb74d;
668 --paper-orange-400: #ffa726;
669 --paper-orange-500: #ff9800;
670 --paper-orange-600: #fb8c00;
671 --paper-orange-700: #f57c00;
672 --paper-orange-800: #ef6c00;
673 --paper-orange-900: #e65100;
674 --paper-orange-a100: #ffd180;
675 --paper-orange-a200: #ffab40;
676 --paper-orange-a400: #ff9100;
677 --paper-orange-a700: #ff6500;
678
679 --paper-deep-orange-50: #fbe9e7;
680 --paper-deep-orange-100: #ffccbc;
681 --paper-deep-orange-200: #ffab91;
682 --paper-deep-orange-300: #ff8a65;
683 --paper-deep-orange-400: #ff7043;
684 --paper-deep-orange-500: #ff5722;
685 --paper-deep-orange-600: #f4511e;
686 --paper-deep-orange-700: #e64a19;
687 --paper-deep-orange-800: #d84315;
688 --paper-deep-orange-900: #bf360c;
689 --paper-deep-orange-a100: #ff9e80;
690 --paper-deep-orange-a200: #ff6e40;
691 --paper-deep-orange-a400: #ff3d00;
692 --paper-deep-orange-a700: #dd2c00;
693
694 --paper-brown-50: #efebe9;
695 --paper-brown-100: #d7ccc8;
696 --paper-brown-200: #bcaaa4;
697 --paper-brown-300: #a1887f;
698 --paper-brown-400: #8d6e63;
699 --paper-brown-500: #795548;
700 --paper-brown-600: #6d4c41;
701 --paper-brown-700: #5d4037;
702 --paper-brown-800: #4e342e;
703 --paper-brown-900: #3e2723;
704
705 --paper-grey-50: #fafafa;
706 --paper-grey-100: #f5f5f5;
707 --paper-grey-200: #eeeeee;
708 --paper-grey-300: #e0e0e0;
709 --paper-grey-400: #bdbdbd;
710 --paper-grey-500: #9e9e9e;
711 --paper-grey-600: #757575;
712 --paper-grey-700: #616161;
713 --paper-grey-800: #424242;
714 --paper-grey-900: #212121;
715
716 --paper-blue-grey-50: #eceff1;
717 --paper-blue-grey-100: #cfd8dc;
718 --paper-blue-grey-200: #b0bec5;
719 --paper-blue-grey-300: #90a4ae;
720 --paper-blue-grey-400: #78909c;
721 --paper-blue-grey-500: #607d8b;
722 --paper-blue-grey-600: #546e7a;
723 --paper-blue-grey-700: #455a64;
724 --paper-blue-grey-800: #37474f;
725 --paper-blue-grey-900: #263238;
726
727 /* opacity for dark text on a light background */
728 --dark-divider-opacity: 0.12;
729 --dark-disabled-opacity: 0.26; /* or hint text */
730 --dark-secondary-opacity: 0.54; /* or icon */
731 --dark-primary-opacity: 0.87;
732
733 /* opacity for light text on a dark background */
734 --light-divider-opacity: 0.12;
735 --light-disabled-opacity: 0.3; /* or hint text */
736 --light-secondary-opacity: 0.7; /* or icon */
737 --light-primary-opacity: 1.0;
738
739 }
740
741 </style>
742
743
744 <style>
745
746 /*******************************
747 Flex Layout
748 *******************************/
749
750 html /deep/ .layout.horizontal,
751 html /deep/ .layout.horizontal-reverse,
752 html /deep/ .layout.vertical,
753 html /deep/ .layout.vertical-reverse {
754 display: -ms-flexbox;
755 display: -webkit-flex;
756 display: flex;
757 }
758
759 html /deep/ .layout.inline {
760 display: -ms-inline-flexbox;
761 display: -webkit-inline-flex;
762 display: inline-flex;
763 }
764
765 html /deep/ .layout.horizontal {
766 -ms-flex-direction: row;
767 -webkit-flex-direction: row;
768 flex-direction: row;
769 }
770
771 html /deep/ .layout.horizontal-reverse {
772 -ms-flex-direction: row-reverse;
773 -webkit-flex-direction: row-reverse;
774 flex-direction: row-reverse;
775 }
776
777 html /deep/ .layout.vertical {
778 -ms-flex-direction: column;
779 -webkit-flex-direction: column;
780 flex-direction: column;
781 }
782
783 html /deep/ .layout.vertical-reverse {
784 -ms-flex-direction: column-reverse;
785 -webkit-flex-direction: column-reverse;
786 flex-direction: column-reverse;
787 }
788
789 html /deep/ .layout.wrap {
790 -ms-flex-wrap: wrap;
791 -webkit-flex-wrap: wrap;
792 flex-wrap: wrap;
793 }
794
795 html /deep/ .layout.wrap-reverse {
796 -ms-flex-wrap: wrap-reverse;
797 -webkit-flex-wrap: wrap-reverse;
798 flex-wrap: wrap-reverse;
799 }
800
801 html /deep/ .flex-auto {
802 -ms-flex: 1 1 auto;
803 -webkit-flex: 1 1 auto;
804 flex: 1 1 auto;
805 }
806
807 html /deep/ .flex-none {
808 -ms-flex: none;
809 -webkit-flex: none;
810 flex: none;
811 }
812
813 html /deep/ .flex,
814 html /deep/ .flex-1 {
815 -ms-flex: 1;
816 -webkit-flex: 1;
817 flex: 1;
818 }
819
820 html /deep/ .flex-2 {
821 -ms-flex: 2;
822 -webkit-flex: 2;
823 flex: 2;
824 }
825
826 html /deep/ .flex-3 {
827 -ms-flex: 3;
828 -webkit-flex: 3;
829 flex: 3;
830 }
831
832 html /deep/ .flex-4 {
833 -ms-flex: 4;
834 -webkit-flex: 4;
835 flex: 4;
836 }
837
838 html /deep/ .flex-5 {
839 -ms-flex: 5;
840 -webkit-flex: 5;
841 flex: 5;
842 }
843
844 html /deep/ .flex-6 {
845 -ms-flex: 6;
846 -webkit-flex: 6;
847 flex: 6;
848 }
849
850 html /deep/ .flex-7 {
851 -ms-flex: 7;
852 -webkit-flex: 7;
853 flex: 7;
854 }
855
856 html /deep/ .flex-8 {
857 -ms-flex: 8;
858 -webkit-flex: 8;
859 flex: 8;
860 }
861
862 html /deep/ .flex-9 {
863 -ms-flex: 9;
864 -webkit-flex: 9;
865 flex: 9;
866 }
867
868 html /deep/ .flex-10 {
869 -ms-flex: 10;
870 -webkit-flex: 10;
871 flex: 10;
872 }
873
874 html /deep/ .flex-11 {
875 -ms-flex: 11;
876 -webkit-flex: 11;
877 flex: 11;
878 }
879
880 html /deep/ .flex-12 {
881 -ms-flex: 12;
882 -webkit-flex: 12;
883 flex: 12;
884 }
885
886 /* alignment in cross axis */
887
888 html /deep/ .layout.start {
889 -ms-flex-align: start;
890 -webkit-align-items: flex-start;
891 align-items: flex-start;
892 }
893
894 html /deep/ .layout.center,
895 html /deep/ .layout.center-center {
896 -ms-flex-align: center;
897 -webkit-align-items: center;
898 align-items: center;
899 }
900
901 html /deep/ .layout.end {
902 -ms-flex-align: end;
903 -webkit-align-items: flex-end;
904 align-items: flex-end;
905 }
906
907 /* alignment in main axis */
908
909 html /deep/ .layout.start-justified {
910 -ms-flex-pack: start;
911 -webkit-justify-content: flex-start;
912 justify-content: flex-start;
913 }
914
915 html /deep/ .layout.center-justified,
916 html /deep/ .layout.center-center {
917 -ms-flex-pack: center;
918 -webkit-justify-content: center;
919 justify-content: center;
920 }
921
922 html /deep/ .layout.end-justified {
923 -ms-flex-pack: end;
924 -webkit-justify-content: flex-end;
925 justify-content: flex-end;
926 }
927
928 html /deep/ .layout.around-justified {
929 -ms-flex-pack: around;
930 -webkit-justify-content: space-around;
931 justify-content: space-around;
932 }
933
934 html /deep/ .layout.justified {
935 -ms-flex-pack: justify;
936 -webkit-justify-content: space-between;
937 justify-content: space-between;
938 }
939
940 /* self alignment */
941
942 html /deep/ .self-start {
943 -ms-align-self: flex-start;
944 -webkit-align-self: flex-start;
945 align-self: flex-start;
946 }
947
948 html /deep/ .self-center {
949 -ms-align-self: center;
950 -webkit-align-self: center;
951 align-self: center;
952 }
953
954 html /deep/ .self-end {
955 -ms-align-self: flex-end;
956 -webkit-align-self: flex-end;
957 align-self: flex-end;
958 }
959
960 html /deep/ .self-stretch {
961 -ms-align-self: stretch;
962 -webkit-align-self: stretch;
963 align-self: stretch;
964 }
965
966 /*******************************
967 Other Layout
968 *******************************/
969
970 html /deep/ .block {
971 display: block;
972 }
973
974 /* IE 10 support for HTML5 hidden attr */
975 html /deep/ [hidden] {
976 display: none !important;
977 }
978
979 html /deep/ .invisible {
980 visibility: hidden !important;
981 }
982
983 html /deep/ .relative {
984 position: relative;
985 }
986
987 html /deep/ .fit {
988 position: absolute;
989 top: 0;
990 right: 0;
991 bottom: 0;
992 left: 0;
993 }
994
995 body.fullbleed {
996 margin: 0;
997 height: 100vh;
998 }
999
1000 html /deep/ .scroll {
1001 -webkit-overflow-scrolling: touch;
1002 overflow: auto;
1003 }
1004
1005 .fixed-bottom,
1006 .fixed-left,
1007 .fixed-right,
1008 .fixed-top {
1009 position: fixed;
1010 }
1011
1012 html /deep/ .fixed-top {
1013 top: 0;
1014 left: 0;
1015 right: 0;
1016 }
1017
1018 html /deep/ .fixed-right {
1019 top: 0;
1020 right: 0;
1021 botttom: 0;
1022 }
1023
1024 html /deep/ .fixed-bottom {
1025 right: 0;
1026 bottom: 0;
1027 left: 0;
1028 }
1029
1030 html /deep/ .fixed-left {
1031 top: 0;
1032 botttom: 0;
1033 left: 0;
1034 }
1035
1036 </style>
1037 <style>
1038
1039 /*******************************
1040 Flex Layout
1041 *******************************/
1042
1043 .layout.horizontal,
1044 .layout.horizontal-reverse,
1045 .layout.vertical,
1046 .layout.vertical-reverse {
1047 display: -ms-flexbox;
1048 display: -webkit-flex;
1049 display: flex;
1050 }
1051
1052 .layout.inline {
1053 display: -ms-inline-flexbox;
1054 display: -webkit-inline-flex;
1055 display: inline-flex;
1056 }
1057
1058 .layout.horizontal {
1059 -ms-flex-direction: row;
1060 -webkit-flex-direction: row;
1061 flex-direction: row;
1062 }
1063
1064 .layout.horizontal-reverse {
1065 -ms-flex-direction: row-reverse;
1066 -webkit-flex-direction: row-reverse;
1067 flex-direction: row-reverse;
1068 }
1069
1070 .layout.vertical {
1071 -ms-flex-direction: column;
1072 -webkit-flex-direction: column;
1073 flex-direction: column;
1074 }
1075
1076 .layout.vertical-reverse {
1077 -ms-flex-direction: column-reverse;
1078 -webkit-flex-direction: column-reverse;
1079 flex-direction: column-reverse;
1080 }
1081
1082 .layout.wrap {
1083 -ms-flex-wrap: wrap;
1084 -webkit-flex-wrap: wrap;
1085 flex-wrap: wrap;
1086 }
1087
1088 .layout.wrap-reverse {
1089 -ms-flex-wrap: wrap-reverse;
1090 -webkit-flex-wrap: wrap-reverse;
1091 flex-wrap: wrap-reverse;
1092 }
1093
1094 .flex-auto {
1095 -ms-flex: 1 1 auto;
1096 -webkit-flex: 1 1 auto;
1097 flex: 1 1 auto;
1098 }
1099
1100 .flex-none {
1101 -ms-flex: none;
1102 -webkit-flex: none;
1103 flex: none;
1104 }
1105
1106 .flex,
1107 .flex-1 {
1108 -ms-flex: 1;
1109 -webkit-flex: 1;
1110 flex: 1;
1111 }
1112
1113 .flex-2 {
1114 -ms-flex: 2;
1115 -webkit-flex: 2;
1116 flex: 2;
1117 }
1118
1119 .flex-3 {
1120 -ms-flex: 3;
1121 -webkit-flex: 3;
1122 flex: 3;
1123 }
1124
1125 .flex-4 {
1126 -ms-flex: 4;
1127 -webkit-flex: 4;
1128 flex: 4;
1129 }
1130
1131 .flex-5 {
1132 -ms-flex: 5;
1133 -webkit-flex: 5;
1134 flex: 5;
1135 }
1136
1137 .flex-6 {
1138 -ms-flex: 6;
1139 -webkit-flex: 6;
1140 flex: 6;
1141 }
1142
1143 .flex-7 {
1144 -ms-flex: 7;
1145 -webkit-flex: 7;
1146 flex: 7;
1147 }
1148
1149 .flex-8 {
1150 -ms-flex: 8;
1151 -webkit-flex: 8;
1152 flex: 8;
1153 }
1154
1155 .flex-9 {
1156 -ms-flex: 9;
1157 -webkit-flex: 9;
1158 flex: 9;
1159 }
1160
1161 .flex-10 {
1162 -ms-flex: 10;
1163 -webkit-flex: 10;
1164 flex: 10;
1165 }
1166
1167 .flex-11 {
1168 -ms-flex: 11;
1169 -webkit-flex: 11;
1170 flex: 11;
1171 }
1172
1173 .flex-12 {
1174 -ms-flex: 12;
1175 -webkit-flex: 12;
1176 flex: 12;
1177 }
1178
1179 /* alignment in cross axis */
1180
1181 .layout.start {
1182 -ms-flex-align: start;
1183 -webkit-align-items: flex-start;
1184 align-items: flex-start;
1185 }
1186
1187 .layout.center,
1188 .layout.center-center {
1189 -ms-flex-align: center;
1190 -webkit-align-items: center;
1191 align-items: center;
1192 }
1193
1194 .layout.end {
1195 -ms-flex-align: end;
1196 -webkit-align-items: flex-end;
1197 align-items: flex-end;
1198 }
1199
1200 /* alignment in main axis */
1201
1202 .layout.start-justified {
1203 -ms-flex-pack: start;
1204 -webkit-justify-content: flex-start;
1205 justify-content: flex-start;
1206 }
1207
1208 .layout.center-justified,
1209 .layout.center-center {
1210 -ms-flex-pack: center;
1211 -webkit-justify-content: center;
1212 justify-content: center;
1213 }
1214
1215 .layout.end-justified {
1216 -ms-flex-pack: end;
1217 -webkit-justify-content: flex-end;
1218 justify-content: flex-end;
1219 }
1220
1221 .layout.around-justified {
1222 -ms-flex-pack: around;
1223 -webkit-justify-content: space-around;
1224 justify-content: space-around;
1225 }
1226
1227 .layout.justified {
1228 -ms-flex-pack: justify;
1229 -webkit-justify-content: space-between;
1230 justify-content: space-between;
1231 }
1232
1233 /* self alignment */
1234
1235 .self-start {
1236 -ms-align-self: flex-start;
1237 -webkit-align-self: flex-start;
1238 align-self: flex-start;
1239 }
1240
1241 .self-center {
1242 -ms-align-self: center;
1243 -webkit-align-self: center;
1244 align-self: center;
1245 }
1246
1247 .self-end {
1248 -ms-align-self: flex-end;
1249 -webkit-align-self: flex-end;
1250 align-self: flex-end;
1251 }
1252
1253 .self-stretch {
1254 -ms-align-self: stretch;
1255 -webkit-align-self: stretch;
1256 align-self: stretch;
1257 }
1258
1259 /*******************************
1260 Other Layout
1261 *******************************/
1262
1263 .block {
1264 display: block;
1265 }
1266
1267 /* IE 10 support for HTML5 hidden attr */
1268 [hidden] {
1269 display: none !important;
1270 }
1271
1272 .invisible {
1273 visibility: hidden !important;
1274 }
1275
1276 .relative {
1277 position: relative;
1278 }
1279
1280 .fit {
1281 position: absolute;
1282 top: 0;
1283 right: 0;
1284 bottom: 0;
1285 left: 0;
1286 }
1287
1288 body.fullbleed {
1289 margin: 0;
1290 height: 100vh;
1291 }
1292
1293 .scroll {
1294 -webkit-overflow-scrolling: touch;
1295 overflow: auto;
1296 }
1297
1298 /* fixed position */
1299
1300 .fixed-bottom,
1301 .fixed-left,
1302 .fixed-right,
1303 .fixed-top {
1304 position: fixed;
1305 }
1306
1307 .fixed-top {
1308 top: 0;
1309 left: 0;
1310 right: 0;
1311 }
1312
1313 .fixed-right {
1314 top: 0;
1315 right: 0;
1316 bottom: 0;
1317 }
1318
1319 .fixed-bottom {
1320 right: 0;
1321 bottom: 0;
1322 left: 0;
1323 }
1324
1325 .fixed-left {
1326 top: 0;
1327 bottom: 0;
1328 left: 0;
1329 }
1330
1331 </style>
1332 <style is="custom-style">
1333
1334 :root {
1335
1336 --dark-primary-color: #303f9f;
1337
1338 --default-primary-color: #3f51b5;
1339
1340 --light-primary-color: #c5cae9;
1341
1342 --text-primary-color: #ffffff;
1343
1344 --accent-color: #ff4081;
1345
1346 --primary-background-color: #ffffff;
1347
1348 --primary-text-color: #212121;
1349
1350 --secondary-text-color: #757575;
1351
1352 --disabled-text-color: #bdbdbd;
1353
1354 --divider-color: #e0e0e0;
1355
1356 }
1357
1358 </style>
1359 <style>
1360 /* Copyright 2015 The Chromium Authors. All rights reserved.
1361 * Use of this source code is governed by a BSD-style license that can be
1362 * found in the LICENSE file. */
1363
1364 @font-face {
1365 font-family: 'Roboto';
1366 font-style: normal;
1367 font-weight: 400;
1368 src: local('Roboto'), local('Roboto-Regular'),
1369 url("chrome://resources/roboto/roboto-regular-latin.woff2") format('woff2' );
1370 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
1371 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
1372 }
1373
1374 @font-face {
1375 font-family: 'Roboto';
1376 font-style: normal;
1377 font-weight: 500;
1378 src: local('Roboto Medium'), local('Roboto-Medium'),
1379 url("chrome://resources/roboto/roboto-medium-latin.woff2") format('woff2') ;
1380 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
1381 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
1382 }
1383
1384 </style>
1385 <style is="custom-style">
1386
1387 :root {
1388
1389 /* Shared Styles */
1390
1391 /*
1392 Unfortunately, we can't use nested rules
1393 See https://github.com/Polymer/polymer/issues/1399
1394 */
1395 --paper-font-common-base: {
1396 font-family: 'Roboto', 'Noto', sans-serif;
1397 -webkit-font-smoothing: antialiased;
1398 };
1399
1400 --paper-font-common-code: {
1401 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
1402 -webkit-font-smoothing: antialiased;
1403 };
1404
1405 --paper-font-common-expensive-kerning: {
1406 text-rendering: optimizeLegibility;
1407 };
1408
1409 --paper-font-common-nowrap: {
1410 white-space: nowrap;
1411 overflow: hidden;
1412 text-overflow: ellipsis;
1413 };
1414
1415 /* Material Font Styles */
1416
1417 --paper-font-display4: {
1418 /* @apply(--paper-font-common-base) */
1419 font-family: 'Roboto', 'Noto', sans-serif;
1420 -webkit-font-smoothing: antialiased;
1421 /* @apply(--paper-font-common-expensive-kerning); */
1422 text-rendering: optimizeLegibility;
1423 /* @apply(--paper-font-common-nowrap); */
1424 white-space: nowrap;
1425 overflow: hidden;
1426 text-overflow: ellipsis;
1427
1428 font-size: 112px;
1429 font-weight: 300;
1430 letter-spacing: -.044em;
1431 line-height: 120px;
1432 };
1433
1434 --paper-font-display3: {
1435 /* @apply(--paper-font-common-base) */
1436 font-family: 'Roboto', 'Noto', sans-serif;
1437 -webkit-font-smoothing: antialiased;
1438 /* @apply(--paper-font-common-expensive-kerning); */
1439 text-rendering: optimizeLegibility;
1440 /* @apply(--paper-font-common-nowrap); */
1441 white-space: nowrap;
1442 overflow: hidden;
1443 text-overflow: ellipsis;
1444
1445 font-size: 56px;
1446 font-weight: 400;
1447 letter-spacing: -.026em;
1448 line-height: 60px;
1449 };
1450
1451 --paper-font-display2: {
1452 /* @apply(--paper-font-common-base) */
1453 font-family: 'Roboto', 'Noto', sans-serif;
1454 -webkit-font-smoothing: antialiased;
1455 /* @apply(--paper-font-common-expensive-kerning); */
1456 text-rendering: optimizeLegibility;
1457
1458 font-size: 45px;
1459 font-weight: 400;
1460 letter-spacing: -.018em;
1461 line-height: 48px;
1462 };
1463
1464 --paper-font-display1: {
1465 /* @apply(--paper-font-common-base) */
1466 font-family: 'Roboto', 'Noto', sans-serif;
1467 -webkit-font-smoothing: antialiased;
1468 /* @apply(--paper-font-common-expensive-kerning); */
1469 text-rendering: optimizeLegibility;
1470
1471 font-size: 34px;
1472 font-weight: 400;
1473 letter-spacing: -.01em;
1474 line-height: 40px;
1475 };
1476
1477 --paper-font-headline: {
1478 /* @apply(--paper-font-common-base) */
1479 font-family: 'Roboto', 'Noto', sans-serif;
1480 -webkit-font-smoothing: antialiased;
1481 /* @apply(--paper-font-common-expensive-kerning); */
1482 text-rendering: optimizeLegibility;
1483
1484 font-size: 24px;
1485 font-weight: 400;
1486 letter-spacing: -.012em;
1487 line-height: 32px;
1488 };
1489
1490 --paper-font-title: {
1491 /* @apply(--paper-font-common-base) */
1492 font-family: 'Roboto', 'Noto', sans-serif;
1493 -webkit-font-smoothing: antialiased;
1494 /* @apply(--paper-font-common-expensive-kerning); */
1495 text-rendering: optimizeLegibility;
1496 /* @apply(--paper-font-common-nowrap); */
1497 white-space: nowrap;
1498 overflow: hidden;
1499 text-overflow: ellipsis;
1500
1501 font-size: 20px;
1502 font-weight: 500;
1503 line-height: 28px;
1504 };
1505
1506 --paper-font-subhead: {
1507 /* @apply(--paper-font-common-base) */
1508 font-family: 'Roboto', 'Noto', sans-serif;
1509 -webkit-font-smoothing: antialiased;
1510 /* @apply(--paper-font-common-expensive-kerning); */
1511 text-rendering: optimizeLegibility;
1512
1513 font-size: 16px;
1514 font-weight: 400;
1515 line-height: 24px;
1516 };
1517
1518 --paper-font-body2: {
1519 /* @apply(--paper-font-common-base) */
1520 font-family: 'Roboto', 'Noto', sans-serif;
1521 -webkit-font-smoothing: antialiased;
1522
1523 font-size: 14px;
1524 font-weight: 500;
1525 line-height: 24px;
1526 };
1527
1528 --paper-font-body1: {
1529 /* @apply(--paper-font-common-base) */
1530 font-family: 'Roboto', 'Noto', sans-serif;
1531 -webkit-font-smoothing: antialiased;
1532
1533 font-size: 14px;
1534 font-weight: 400;
1535 line-height: 20px;
1536 };
1537
1538 --paper-font-caption: {
1539 /* @apply(--paper-font-common-base) */
1540 font-family: 'Roboto', 'Noto', sans-serif;
1541 -webkit-font-smoothing: antialiased;
1542 /* @apply(--paper-font-common-nowrap); */
1543 white-space: nowrap;
1544 overflow: hidden;
1545 text-overflow: ellipsis;
1546
1547 font-size: 12px;
1548 font-weight: 400;
1549 letter-spacing: 0.011em;
1550 line-height: 20px;
1551 };
1552
1553 --paper-font-menu: {
1554 /* @apply(--paper-font-common-base) */
1555 font-family: 'Roboto', 'Noto', sans-serif;
1556 -webkit-font-smoothing: antialiased;
1557 /* @apply(--paper-font-common-expensive-kerning); */
1558 text-rendering: optimizeLegibility;
1559 /* @apply(--paper-font-common-nowrap); */
1560 white-space: nowrap;
1561 overflow: hidden;
1562 text-overflow: ellipsis;
1563
1564 font-size: 13px;
1565 font-weight: 500;
1566 line-height: 24px;
1567 };
1568
1569 --paper-font-button: {
1570 /* @apply(--paper-font-common-base) */
1571 font-family: 'Roboto', 'Noto', sans-serif;
1572 -webkit-font-smoothing: antialiased;
1573 /* @apply(--paper-font-common-expensive-kerning); */
1574 text-rendering: optimizeLegibility;
1575 /* @apply(--paper-font-common-nowrap); */
1576 white-space: nowrap;
1577 overflow: hidden;
1578 text-overflow: ellipsis;
1579
1580 font-size: 14px;
1581 font-weight: 500;
1582 letter-spacing: 0.018em;
1583 line-height: 24px;
1584 text-transform: uppercase;
1585 };
1586
1587 --paper-font-code2: {
1588 /* @apply(--paper-font-common-code); */
1589 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
1590 -webkit-font-smoothing: antialiased;
1591
1592 font-size: 14px;
1593 font-weight: 700;
1594 line-height: 20px;
1595 };
1596
1597 --paper-font-code1: {
1598 /* @apply(--paper-font-common-code); */
1599 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
1600 -webkit-font-smoothing: antialiased;
1601
1602 font-size: 14px;
1603 font-weight: 500;
1604 line-height: 20px;
1605 };
1606
1607 }
1608
1609 </style>
1610
1611
1612
1613
1614
1615
1616 <style>
1617 html {
1618 background: #f2f2f2;
1619 }
1620
1621 html,
1622 body {
1623 height: 100%;
1624 }
1625
1626 body {
1627 display: flex;
1628 font-family: Roboto;
1629 font-size: 81.25%;
1630 margin: 0;
1631 }
1632 </style>
1633 <script src="chrome://downloads/strings.js"></script>
1634 </head>
1635 <body><div hidden="" by-vulcanize=""><dom-module id="paper-header-panel" assetpa th="chrome://resources/polymer/v1_0/paper-header-panel/">
1636
1637 <style>
1638 /**
1639 @license
1640 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
1641 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE
1642 The complete set of authors may be found at http://polymer.github.io/AUTHORS
1643 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS
1644 Code distributed by Google as part of the polymer project is also
1645 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS
1646 */
1647
1648 :host {
1649 --paper-header-panel-shadow: {
1650 height: 6px;
1651 bottom: -6px;
1652 box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
1653 };
1654
1655 @apply(--layout-vertical);
1656
1657 position: relative;
1658 height: 100%;
1659 }
1660
1661 #mainContainer {
1662 @apply(--layout-flex);
1663
1664 position: relative;
1665 overflow-y: auto;
1666 overflow-x: hidden;
1667 -webkit-overflow-scrolling: touch;
1668 }
1669
1670 #mainPanel {
1671 @apply(--layout-vertical);
1672 @apply(--layout-flex);
1673
1674 position: relative;
1675 }
1676
1677 /*
1678 * mode: scroll
1679 */
1680 :host([mode=scroll]) #mainContainer {
1681 @apply(--paper-header-panel-scroll-container);
1682
1683 overflow: visible;
1684 }
1685
1686 :host([mode=scroll]) {
1687 overflow-y: auto;
1688 overflow-x: hidden;
1689 -webkit-overflow-scrolling: touch;
1690 }
1691
1692 /*
1693 * mode: cover
1694 */
1695 :host([mode=cover]) #mainContainer {
1696 @apply(--paper-header-panel-cover-container);
1697
1698 position: absolute;
1699 top: 0;
1700 right: 0;
1701 bottom: 0;
1702 left: 0;
1703 }
1704
1705 :host([mode=cover]) #mainPanel {
1706 position: static;
1707 }
1708
1709 /*
1710 * mode: standard
1711 */
1712 :host([mode=standard]) #mainContainer {
1713 @apply(--paper-header-panel-standard-container);
1714 }
1715
1716 /*
1717 * mode: seamed
1718 */
1719 :host([mode=seamed]) #mainContainer {
1720 @apply(--paper-header-panel-seamed-container);
1721 }
1722
1723
1724 /*
1725 * mode: waterfall
1726 */
1727 :host([mode=waterfall]) #mainContainer {
1728 @apply(--paper-header-panel-waterfall-container);
1729 }
1730
1731 /*
1732 * mode: waterfall-tall
1733 */
1734 :host([mode=waterfall-tall]) #mainContainer {
1735 @apply(--paper-header-panel-waterfall-tall-container);
1736 }
1737
1738 #dropShadow {
1739 @apply(--paper-header-panel-shadow);
1740
1741 position: absolute;
1742 top: 0;
1743 left: 0;
1744 right: 0;
1745 height: 6px;
1746 pointer-events: none;
1747
1748 -webkit-transition: opacity 0.5s;
1749 transition: opacity 0.5s;
1750
1751 opacity: 0;
1752 }
1753
1754 #dropShadow.has-shadow {
1755 opacity: 1;
1756 }
1757
1758 </style>
1759
1760 <template>
1761 <content id="headerContent" select="paper-toolbar, .paper-header"></content>
1762
1763 <div id="mainPanel">
1764 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">
1765 <content id="mainContent" select="*"></content>
1766 </div>
1767 <div id="dropShadow"></div>
1768 </div>
1769 </template>
1770
1771 </dom-module>
1772
1773 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
1774 <style>
1775 :host {
1776 display: block;
1777 position: relative;
1778 }
1779
1780 :host([animated]) {
1781 @apply(--shadow-transition);
1782 }
1783
1784 :host([elevation="1"]) {
1785 @apply(--shadow-elevation-2dp);
1786 }
1787
1788 :host([elevation="2"]) {
1789 @apply(--shadow-elevation-4dp);
1790 }
1791
1792 :host([elevation="3"]) {
1793 @apply(--shadow-elevation-6dp);
1794 }
1795
1796 :host([elevation="4"]) {
1797 @apply(--shadow-elevation-8dp);
1798 }
1799
1800 :host([elevation="5"]) {
1801 @apply(--shadow-elevation-16dp);
1802 }
1803 </style>
1804 <template>
1805 <content></content>
1806 </template>
1807 </dom-module>
1808 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/">
1809
1810
1811
1812 <template>
1813 <style>
1814 :host {
1815 display: block;
1816 position: absolute;
1817 border-radius: inherit;
1818 overflow: hidden;
1819 top: 0;
1820 left: 0;
1821 right: 0;
1822 bottom: 0;
1823 }
1824
1825 :host([animating]) {
1826 /* This resolves a rendering issue in Chrome (as of 40) where the
1827 ripple is not properly clipped by its parent (which may have
1828 rounded corners). See: http://jsbin.com/temexa/4
1829
1830 Note: We only apply this style conditionally. Otherwise, the browser
1831 will create a new compositing layer for every ripple element on the
1832 page, and that would be bad. */
1833 -webkit-transform: translate(0, 0);
1834 transform: translate3d(0, 0, 0);
1835 }
1836
1837 :host([noink]) {
1838 pointer-events: none;
1839 }
1840
1841 #background,
1842 #waves,
1843 .wave-container,
1844 .wave {
1845 pointer-events: none;
1846 position: absolute;
1847 top: 0;
1848 left: 0;
1849 width: 100%;
1850 height: 100%;
1851 }
1852
1853 #background,
1854 .wave {
1855 opacity: 0;
1856 }
1857
1858 #waves,
1859 .wave {
1860 overflow: hidden;
1861 }
1862
1863 .wave-container,
1864 .wave {
1865 border-radius: 50%;
1866 }
1867
1868 :host(.circle) #background,
1869 :host(.circle) #waves {
1870 border-radius: 50%;
1871 }
1872
1873 :host(.circle) .wave-container {
1874 overflow: hidden;
1875 }
1876 </style>
1877
1878 <div id="background"></div>
1879 <div id="waves"></div>
1880 </template>
1881 </dom-module>
1882 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/">
1883 <template>
1884
1885 <style>
1886 :host {
1887 display: inline-block;
1888 position: relative;
1889 box-sizing: border-box;
1890 min-width: 5.14em;
1891 margin: 0 0.29em;
1892 background: transparent;
1893 text-align: center;
1894 font: inherit;
1895 text-transform: uppercase;
1896 outline-width: 0;
1897 border-radius: 3px;
1898 -moz-user-select: none;
1899 -ms-user-select: none;
1900 -webkit-user-select: none;
1901 user-select: none;
1902 cursor: pointer;
1903 z-index: 0;
1904 padding: 0.7em 0.57em;
1905
1906 @apply(--paper-button);
1907 }
1908
1909 :host([raised]) .keyboard-focus {
1910 font-weight: bold;
1911 @apply(--paper-button-raised-keyboard-focus);
1912 }
1913
1914 :host(:not([raised])) .keyboard-focus {
1915 font-weight: bold;
1916 @apply(--paper-button-flat-keyboard-focus);
1917 }
1918
1919 :host([disabled]) {
1920 background: #eaeaea;
1921 color: #a8a8a8;
1922 cursor: auto;
1923 pointer-events: none;
1924
1925 @apply(--paper-button-disabled);
1926 }
1927
1928 :host([noink]) paper-ripple {
1929 display: none;
1930 }
1931
1932 paper-ripple {
1933 color: var(--paper-button-ink-color);
1934 }
1935
1936 paper-material {
1937 border-radius: inherit;
1938 @apply(--layout-fit);
1939 }
1940
1941 .content > ::content * {
1942 text-transform: inherit;
1943 }
1944 </style>
1945
1946 <paper-ripple></paper-ripple>
1947
1948 <paper-material elevation="[[_elevation]]" animated=""></paper-material>
1949
1950 <div class$="[[_computeContentClass(receivedFocusFromKeyboard)]]">
1951 <content></content>
1952 </div>
1953
1954 </template>
1955 </dom-module>
1956
1957 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">
1958 <style>
1959 :host {
1960 display: block;
1961 width: 200px;
1962 position: relative;
1963 overflow: hidden;
1964 }
1965
1966 #progressContainer {
1967 position: relative;
1968 }
1969
1970 #progressContainer,
1971 /* the stripe for the indeterminate animation*/
1972 .indeterminate:after {
1973 height: var(--paper-progress-height, 4px);
1974 }
1975
1976 #primaryProgress,
1977 #secondaryProgress,
1978 .indeterminate:after {
1979 @apply(--layout-fit);
1980 }
1981
1982 #progressContainer,
1983 .indeterminate:after {
1984 background-color: var(--paper-progress-container-color, --google-grey-300) ;
1985 }
1986
1987 :host(.transiting) #primaryProgress,
1988 :host(.transiting) #secondaryProgress {
1989 -webkit-transition-property: -webkit-transform;
1990 transition-property: transform;
1991
1992 /* Duration */
1993 -webkit-transition-duration: var(--paper-progress-transition-duration, 0.0 8s);
1994 transition-duration: var(--paper-progress-transition-duration, 0.08s);
1995
1996 /* Timing function */
1997 -webkit-transition-timing-function: var(--paper-progress-transition-timing -function, ease);
1998 transition-timing-function: var(--paper-progress-transition-timing-functio n, ease);
1999
2000 /* Delay */
2001 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
2002 transition-delay: var(--paper-progress-transition-delay, 0s);
2003 }
2004
2005 #primaryProgress,
2006 #secondaryProgress {
2007 @apply(--layout-fit);
2008 -webkit-transform-origin: left center;
2009 transform-origin: left center;
2010 -webkit-transform: scaleX(0);
2011 transform: scaleX(0);
2012 will-change: transform;
2013 }
2014
2015 #primaryProgress {
2016 background-color: var(--paper-progress-active-color, --google-green-500);
2017 }
2018
2019 #secondaryProgress {
2020 position: relative;
2021 background-color: var(--paper-progress-secondary-color, --google-green-100 );
2022 }
2023
2024 :host([disabled]) #primaryProgress {
2025 background-color: var(--paper-progress-disabled-active-color, --google-gre y-500);
2026 }
2027
2028 :host([disabled]) #secondaryProgress {
2029 background-color: var(--paper-progress-disabled-active-color, --google-gre y-300);
2030 }
2031
2032 :host(:not([disabled])) #primaryProgress.indeterminate {
2033 -webkit-transform-origin: right center;
2034 transform-origin: right center;
2035 -webkit-animation: indeterminate-bar 2s linear infinite;
2036 animation: indeterminate-bar 2s linear infinite;
2037 }
2038
2039 :host(:not([disabled])) #primaryProgress.indeterminate:after {
2040 content: "";
2041 -webkit-transform-origin: center center;
2042 transform-origin: center center;
2043
2044 -webkit-animation: indeterminate-splitter 2s linear infinite;
2045 animation: indeterminate-splitter 2s linear infinite;
2046 }
2047
2048 @-webkit-keyframes indeterminate-bar {
2049 0% {
2050 -webkit-transform: scaleX(1) translateX(-100%);
2051 }
2052 50% {
2053 -webkit-transform: scaleX(1) translateX(0%);
2054 }
2055 75% {
2056 -webkit-transform: scaleX(1) translateX(0%);
2057 -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);
2058 }
2059 100% {
2060 -webkit-transform: scaleX(0) translateX(0%);
2061 }
2062 }
2063
2064 @-webkit-keyframes indeterminate-splitter {
2065 0% {
2066 -webkit-transform: scaleX(.75) translateX(-125%);
2067 }
2068 30% {
2069 -webkit-transform: scaleX(.75) translateX(-125%);
2070 -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
2071 }
2072 90% {
2073 -webkit-transform: scaleX(.75) translateX(125%);
2074 }
2075 100% {
2076 -webkit-transform: scaleX(.75) translateX(125%);
2077 }
2078 }
2079
2080 @keyframes indeterminate-bar {
2081 0% {
2082 transform: scaleX(1) translateX(-100%);
2083 }
2084 50% {
2085 transform: scaleX(1) translateX(0%);
2086 }
2087 75% {
2088 transform: scaleX(1) translateX(0%);
2089 animation-timing-function: cubic-bezier(.28,.62,.37,.91);
2090 }
2091 100% {
2092 transform: scaleX(0) translateX(0%);
2093 }
2094 }
2095
2096 @keyframes indeterminate-splitter {
2097 0% {
2098 transform: scaleX(.75) translateX(-125%);
2099 }
2100 30% {
2101 transform: scaleX(.75) translateX(-125%);
2102 animation-timing-function: cubic-bezier(.42,0,.6,.8);
2103 }
2104 90% {
2105 transform: scaleX(.75) translateX(125%);
2106 }
2107 100% {
2108 transform: scaleX(.75) translateX(125%);
2109 }
2110 }
2111 </style>
2112 <template>
2113 <div id="progressContainer">
2114 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>
2115 <div id="primaryProgress"></div>
2116 </div>
2117 </template>
2118 </dom-module>
2119
2120 <dom-module id="downloads-item" assetpath="chrome://downloads/">
2121 <template>
2122 <template is="dom-if" if="[[!hideDate]]">
2123 <h3 id="date">[[computeDate_(data.since_string, data.date_string)]]</h3>
2124 </template>
2125
2126 <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActi ve_, isDangerous_, showProgress_)]]">
2127 <div id="file-icon-wrapper" class="icon-wrapper">
2128 <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
2129 <div class="icon" id="warning" hidden="[[!isDangerous_]]"></div>
2130 </div>
2131
2132 <div id="details">
2133 <div id="title-area"><a is="action-link" id="file-link" href="[[data.url ]]" on-click="onFileLinkClick_" hidden="[[!completelyOnDisk_]]">[[data.file_name ]]</a><span id="name" hidden="[[completelyOnDisk_]]">[[data.file_name]]</span>
2134 <span id="tag">[[computeTag_(data.state, data.last_reason_text, data.f ile_externally_removed)]]</span>
2135 </div>
2136
2137 <a id="url" target="_blank" href="[[data.url]]">[[data.url]]</a>
2138
2139 <div id="description">[[computeDescription_(data.state, data.danger_type , data.file_name, data.progress_status_text)]]</div>
2140
2141 <template is="dom-if" if="[[showProgress_]]">
2142 <paper-progress id="progress" indeterminate="[[isIndeterminate_(data.p ercent)]]" value="[[data.percent]]"></paper-progress>
2143 </template>
2144
2145 <div id="safe" class="controls" hidden="[[isDangerous_]]">
2146 <a is="action-link" id="show" i18n-content="controlShowInFolder" on-cl ick="onShowClick_" hidden="[[!completelyOnDisk_]]"></a>
2147 <template is="dom-if" if="[[data.retry]]">
2148 <paper-button id="retry" on-click="onRetryClick_">[[i18n_.retry]]</p aper-button>
2149 </template>
2150 <template is="dom-if" if="[[isInProgress_]]">
2151 <paper-button id="pause" on-click="onPauseClick_">[[i18n_.pause]]</p aper-button>
2152 </template>
2153 <template is="dom-if" if="[[data.resume]]">
2154 <paper-button id="resume" on-click="onResumeClick_">[[i18n_.resume]] </paper-button>
2155 </template>
2156 <template is="dom-if" if="[[showCancel_]]">
2157 <paper-button id="cancel" on-click="onCancelClick_">[[i18n_.cancel]] </paper-button>
2158 </template>
2159 <span id="controlled-by"></span>
2160 </div>
2161
2162 <template is="dom-if" if="[[isDangerous_]]">
2163 <div id="dangerous" class="controls">
2164
2165 <template is="dom-if" if="[[!isMalware_]]">
2166 <paper-button id="discard" on-click="onDiscardDangerous_" class="d iscard">[[i18n_.discard]]</paper-button>
2167 <paper-button id="save" on-click="onSaveDangerous_" class="keep">[ [i18n_.save]]</paper-button>
2168 </template>
2169
2170
2171 <template is="dom-if" if="[[isMalware_]]">
2172 <paper-button id="danger-remove" on-click="onDiscardDangerous_" cl ass="discard">[[i18n_.remove]]</paper-button>
2173 <paper-button id="restore" on-click="onSaveDangerous_" class="keep ">[[i18n_.restore]</paper-button>
2174 </template>
2175 </div>
2176 </template>
2177 </div>
2178
2179 <div id="remove-wrapper" class="icon-wrapper">
2180 <paper-icon-button id="remove" icon="clear" i18n-values="title:controlRe moveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-cli ck="onRemoveClick_"></paper-icon-button>
2181 </div>
2182
2183 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div>
2184 </div>
2185
2186 </template>
2187 <style>
2188 /* Copyright 2015 The Chromium Authors. All rights reserved.
2189 * Use of this source code is governed by a BSD-style license that can be
2190 * found in the LICENSE file. */
2191
2192 [is='action-link'] {
2193 cursor: pointer;
2194 display: inline-block;
2195 text-decoration: none;
2196 }
2197
2198 [is='action-link']:hover {
2199 text-decoration: underline;
2200 }
2201
2202 [is='action-link']:active {
2203 color: rgb(5, 37, 119);
2204 text-decoration: underline;
2205 }
2206
2207 [is='action-link'][disabled] {
2208 color: #999;
2209 cursor: default;
2210 pointer-events: none;
2211 text-decoration: none;
2212 }
2213
2214 [is='action-link'].no-outline {
2215 outline: none;
2216 }
2217
2218 </style>
2219 <style>
2220 /* Copyright 2015 The Chromium Authors. All rights reserved.
2221 * Use of this source code is governed by a BSD-style license that can be
2222 * found in the LICENSE file. */
2223
2224 * {
2225 --downloads-item-width: 622px;
2226 }
2227
2228 paper-button {
2229 font-weight: 500;
2230 margin: 0;
2231 min-width: auto;
2232 }
2233
2234 </style>
2235 <style>
2236 /* Copyright 2015 The Chromium Authors. All rights reserved.
2237 * Use of this source code is governed by a BSD-style license that can be
2238 * found in the LICENSE file. */
2239
2240 :host {
2241 display: flex;
2242 flex-direction: column;
2243 margin: 12px 0;
2244 }
2245
2246 #date {
2247 color: #7c7c7c;
2248 font-size: 100%;
2249 font-weight: 500;
2250 margin: 18px auto 16px; /* This top margin + :host top margin = 30px. */
2251 width: var(--downloads-item-width);
2252 }
2253
2254 #content {
2255 background: white;
2256 border-radius: 2px;
2257 display: flex;
2258 flex: none;
2259 margin: 0 auto;
2260 min-height: 103px;
2261 position: relative;
2262 width: var(--downloads-item-width);
2263 }
2264
2265 #content.is-active {
2266 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08),
2267 0 3px 1px -2px rgba(0, 0, 0, .2);
2268 }
2269
2270 #content:not(.is-active) {
2271 opacity: .6;
2272 }
2273
2274 #details {
2275 -webkit-border-start: 1px #d8d8d8 solid;
2276 -webkit-padding-end: 16px;
2277 -webkit-padding-start: 24px;
2278 display: flex;
2279 flex: 1;
2280 flex-direction: column;
2281 padding-bottom: 12px;
2282 padding-top: 16px;
2283 }
2284
2285 #content:not(.is-active) #details {
2286 color: #bababa;
2287 }
2288
2289 #content:not(.is-active) #name {
2290 text-decoration: line-through;
2291 }
2292
2293 .icon-wrapper {
2294 align-self: center;
2295 flex: none;
2296 justify-content: center;
2297 margin: 0 24px;
2298 }
2299
2300 .icon {
2301 height: 32px;
2302 width: 32px;
2303 }
2304
2305 #content:-webkit-any(.show-progress, .dangerous) #file-icon-wrapper {
2306 /* TODO(dbeam): animate from top-aligned to centered when items finish? */
2307 align-self: flex-start;
2308 padding-top: 16px;
2309 }
2310
2311 #content:not(.is-active) .icon {
2312 -webkit-filter: grayscale(100%);
2313 opacity: .5;
2314 }
2315
2316 #warning {
2317 -webkit-mask-image: url("chrome://resources/images/warning.svg");
2318 -webkit-mask-repeat: no-repeat;
2319 -webkit-mask-size: 100%;
2320 background: rgb(255, 193, 7);
2321 }
2322
2323 #name,
2324 #file-link,
2325 #url {
2326 max-width: 100%;
2327 }
2328
2329 #name,
2330 #file-link {
2331 font-weight: 500;
2332 word-break: break-all;
2333 }
2334
2335 #name {
2336 -webkit-margin-end: 12px; /* Only really affects #tag. */
2337 }
2338
2339 .is-active :-webkit-any(#name, #file-link, #pause, #resume, #show) {
2340 color: rgb(51, 103, 214);
2341 }
2342
2343 #tag {
2344 color: #5a5a5a;
2345 font-weight: 500;
2346 }
2347
2348 #url {
2349 color: inherit;
2350 margin-top: 6px;
2351 overflow: hidden;
2352 text-decoration: none;
2353 text-overflow: ellipsis;
2354 white-space: nowrap;
2355 }
2356
2357 .is-active #url {
2358 color: #969696;
2359 }
2360
2361 #progress,
2362 #description:not(:empty),
2363 .controls {
2364 margin-top: 16px;
2365 }
2366
2367 .is-active #description {
2368 color: #616161;
2369 }
2370
2371 .dangerous #description {
2372 color: rgb(239, 108, 0);
2373 }
2374
2375 #progress {
2376 --paper-progress-active-color: rgb(54, 126, 237);
2377 --paper-progress-container-color: rgb(223, 222, 223);
2378 width: auto;
2379 }
2380
2381 .controls {
2382 -webkit-margin-start: -.57em;
2383 }
2384
2385 #cancel,
2386 #retry,
2387 .keep,
2388 .discard {
2389 color: #5a5a5a;
2390 }
2391
2392 #show {
2393 margin: .7em .57em;
2394 }
2395
2396 #controlled-by {
2397 -webkit-margin-start: 8px;
2398 }
2399
2400 #controlled-by,
2401 #controlled-by a {
2402 color: #5a5a5a;
2403 }
2404
2405 .is-active #controlled-by {
2406 color: #333;
2407 }
2408
2409 .is-active #controlled-by a {
2410 color: rgb(51, 103, 214);
2411 }
2412
2413 #remove-wrapper {
2414 align-self: flex-start;
2415 margin: 0;
2416 }
2417
2418 #remove {
2419 --iron-icon-height: 16px;
2420 --iron-icon-width: 16px;
2421 --layout-inline: {
2422 /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */
2423 };
2424 color: #969696;
2425 height: 16px;
2426 padding: 8px;
2427 width: 16px;
2428 }
2429
2430 #incognito {
2431 bottom: 20px;
2432 content: -webkit-image-set(
2433 url("chrome://downloads/1x/incognito_marker.png") 1x,
2434 url("chrome://downloads/2x/incognito_marker.png") 2x);
2435 position: absolute;
2436 right: 10px;
2437 }
2438
2439 </style>
2440 </dom-module>
2441 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">
2442
2443 <style>
2444 :host {
2445 @apply(--layout-inline);
2446 @apply(--layout-center-center);
2447 position: relative;
2448
2449 vertical-align: middle;
2450
2451 fill: currentcolor;
2452
2453 width: var(--iron-icon-width, 24px);
2454 height: var(--iron-icon-height, 24px);
2455 }
2456 </style>
2457
2458 <template>
2459 </template>
2460
2461 </dom-module>
2462 <iron-iconset-svg name="icons" size="24">
2463 <svg><defs>
2464 <g id="3d-rotation"><path d="M7.52 21.48C4.25 19.94 1.91 16.76 1.55 13H.05C.56 1 9.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32zm.89-6.52c-.19 0-.37-.03-.52-.08- .16-.06-.29-.13-.4-.24-.11-.1-.2-.22-.26-.37-.06-.14-.09-.3-.09-.47h-1.3c0 .36.0 7.68.21.95.14.27.33.5.56.69.24.18.51.32.82.41.3.1.62.15.96.15.37 0 .72-.05 1.03- .15.32-.1.6-.25.83-.44s.42-.43.55-.72c.13-.29.2-.61.2-.97 0-.19-.02-.38-.07-.56- .05-.18-.12-.35-.23-.51-.1-.16-.24-.3-.4-.43-.17-.13-.37-.23-.61-.31.2-.09.37-.2 .52-.33.15-.13.27-.27.37-.42.1-.15.17-.3.22-.46.05-.16.07-.32.07-.48 0-.36-.06-. 68-.18-.96-.12-.28-.29-.51-.51-.69-.2-.19-.47-.33-.77-.43C9.1 8.05 8.76 8 8.39 8 c-.36 0-.69.05-1 .16-.3.11-.57.26-.79.45-.21.19-.38.41-.51.67-.12.26-.18.54-.18. 85h1.3c0-.17.03-.32.09-.45s.14-.25.25-.34c.11-.09.23-.17.38-.22.15-.05.3-.08.48- .08.4 0 .7.1.89.31.19.2.29.49.29.86 0 .18-.03.34-.08.49-.05.15-.14.27-.25.37-.11 .1-.25.18-.41.24-.16.06-.36.09-.58.09H7.5v1.03h.77c.22 0 .42.02.6.07s.33.13.45.2 3c.12.11.22.24.29.4.07.16.1.35.1.57 0 .41-.12.72-.35.93-.23.23-.55.33-.95.33zm8. 55-5.92c-.32-.33-.7-.59-1.14-.77-.43-.18-.92-.27-1.46-.27H12v8h2.3c.55 0 1.06-.0 9 1.51-.27.45-.18.84-.43 1.16-.76.32-.33.57-.73.74-1.19.17-.47.26-.99.26-1.57v-. 4c0-.58-.09-1.1-.26-1.57-.18-.47-.43-.87-.75-1.2zm-.39 3.16c0 .42-.05.79-.14 1.1 3-.1.33-.24.62-.43.85-.19.23-.43.41-.71.53-.29.12-.62.18-.99.18h-.91V9.12h.97c.7 2 0 1.27.23 1.64.69.38.46.57 1.12.57 1.99v.4zM12 0l-.66.03 3.81 3.81 1.33-1.33c3 .27 1.55 5.61 4.72 5.96 8.48h1.5C23.44 4.84 18.29 0 12 0z"></path></g>
2465 <g id="accessibility"><path d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z m9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z"></path></g>
2466 <g id="account-balance"><path d="M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h19v-3H2v3zm 14-12v7h3v-7h-3zm-4.5-9L2 6v2h19V6l-9.5-5z"></path></g>
2467 <g id="account-balance-wallet"><path d="M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2 -2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm -9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path></g>
2468 <g id="account-box"><path d="M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9 -2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z"></path></g>
2469 <g id="account-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 1 0-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14 .2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1. 94-3.5 3.22-6 3.22z"></path></g>
2470 <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g>
2471 <g id="add-alert"><path d="M10.01 21.01c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1. 99h-3.98zm8.87-4.19V11c0-3.25-2.25-5.97-5.29-6.69v-.72C13.59 2.71 12.88 2 12 2s- 1.59.71-1.59 1.59v.72C7.37 5.03 5.12 7.75 5.12 11v5.82L3 18.94V20h18v-1.06l-2.12 -2.12zM16 13.01h-3v3h-2v-3H8V11h3V8h2v3h3v2.01z"></path></g>
2472 <g id="add-box"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-. 9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g>
2473 <g id="add-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10 S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g>
2474 <g id="add-circle-outline"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></g>
2475 <g id="add-shopping-cart"><path d="M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0- 1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.9 9 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3 .86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25 -.25z"></path></g>
2476 <g id="alarm"><path d="M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L 6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3. 13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"></path></g>
2477 <g id="alarm-add"><path d="M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5. 72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7- 7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V9z"></path></g>
2478 <g id="alarm-off"><path d="M12 6c3.87 0 7 3.13 7 7 0 .84-.16 1.65-.43 2.4l1.52 1 .52c.58-1.19.91-2.51.91-3.92 0-4.97-4.03-9-9-9-1.41 0-2.73.33-3.92.91L9.6 6.43C1 0.35 6.16 11.16 6 12 6zm10-.28l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM2.92 2.29L1 .65 3.57 2.98 4.9l-1.11.93 1.42 1.42 1.11-.94.8.8C3.83 8.69 3 10.75 3 13c0 4.97 4.02 9 9 9 2.25 0 4.31-.83 5.89-2.2l2.2 2.2 1.27-1.27L3.89 3.27l-.97-.98zm13.55 16.1C15.26 19.39 13.7 20 12 20c-3.87 0-7-3.13-7-7 0-1.7.61-3.26 1.61-4.47l9.86 9 .86zM8.02 3.28L6.6 1.86l-.86.71 1.42 1.42.86-.71z"></path></g>
2479 <g id="alarm-on"><path d="M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3. 39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-1.46-5.47L8.41 12.4l-1.06 1.06 3.18 3.18 6-6-1.06-1.06-4.93 4.95z"></path>< /g>
2480 <g id="android"><path d="M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v 10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4. 33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7 c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l -1.48 1.48C13.85 1.23 12.95 1 12 1c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2- .71 0-.2.2-.2.51 0 .71l1.31 1.31C6.97 3.26 6 5.01 6 7h12c0-1.99-.97-3.75-2.47-4. 84zM10 5H9V4h1v1zm5 0h-1V4h1v1z"></path></g>
2481 <g id="announcement"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-. 9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z"></path></g>
2482 <g id="apps"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4z m6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"></p ath></g>
2483 <g id="archive"><path d="M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0 -.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81 -1h12l.94 1H5.12z"></path></g>
2484 <g id="arrow-back"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 1 3H20v-2z"></path></g>
2485 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>
2486 <g id="arrow-drop-down-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 1 0-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"></path></g>
2487 <g id="arrow-drop-up"><path d="M7 14l5-5 5 5z"></path></g>
2488 <g id="arrow-forward"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></g>
2489 <g id="aspect-ratio"><path d="M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1. 1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99 h18v14.02z"></path></g>
2490 <g id="assessment"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2- .9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"></path></ g>
2491 <g id="assignment"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c. 55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4 H7V7h10v2z"></path></g>
2492 <g id="assignment-ind"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84- 2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3 -3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path> </g>
2493 <g id="assignment-late"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84 -2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm- 6 15h-2v-2h2v2zm0-4h-2V8h2v6zm-1-9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></g>
2494 <g id="assignment-return"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4. 84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z m-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4 12h-4v3l-5-5 5-5v3h4v4z" ></path></g>
2495 <g id="assignment-returned"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2. 4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2- 2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 15l-5-5h3V9h4v4h3l-5 5 z"></path></g>
2496 <g id="assignment-turned-in"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2 .4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2 -2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path></g>
2497 <g id="attachment"><path d="M7.5 18C4.46 18 2 15.54 2 12.5S4.46 7 7.5 7H18c2.21 0 4 1.79 4 4s-1.79 4-4 4H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17v1.5H9.5c-. 55 0-1 .45-1 1s.45 1 1 1H18c1.38 0 2.5-1.12 2.5-2.5S19.38 8.5 18 8.5H7.5c-2.21 0 -4 1.79-4 4s1.79 4 4 4H17V18H7.5z"></path></g>
2498 <g id="autorenew"><path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1 .24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c .44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.4 6-3.03-1.24-4.26z"></path></g>
2499 <g id="backspace"><path d="M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53. 9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.4 1 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z "></path></g>
2500 <g id="backup"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.3 5 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05 -4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"></path></g>
2501 <g id="block"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.5 2 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"></path></g>
2502 <g id="book"><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2 V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"></path></g>
2503 <g id="bookmark"><path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2 -2-2z"></path></g>
2504 <g id="bookmark-border"><path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1 .1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z"></path></g>
2505 <g id="bug-report"><path d="M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15. 59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.0 4.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33. 09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v 2z"></path></g>
2506 <g id="build"><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1 .4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"></path></g>
2507 <g id="cached"><path d="M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1 .46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l 4 4 4-4H6z"></path></g>
2508 <g id="camera-enhance"><path d="M9 3L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h1 6c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-3.17L15 3H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5 -5 5 2.24 5 5-2.24 5-5 5zM12 17l1.25-2.75L16 13l-2.75-1.25L12 9l-1.25 2.75L8 13l 2.75 1.25z"></path></g>
2509 <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17. 53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 1 0.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g>
2510 <g id="card-giftcard"><path d="M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3 -1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c 0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2 -2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c .55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"></path></g>
2511 <g id="card-membership"><path d="M20 2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h4v 5l4-2 4 2v-5h4c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 13H4v-2h16v2zm0-5H4V4h16v6 z"></path></g>
2512 <g id="card-travel"><path d="M20 6h-3V4c0-1.11-.89-2-2-2H9c-1.11 0-2 .89-2 2v2H4 c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zM9 4h6v2H9V4zm11 15H4v-2h16v2zm0-5H4V8h3v2h2V8h6v2h2V8h3v6z"></path></g>
2513 <g id="change-history"><path d="M12 7.77L18.39 18H5.61L12 7.77M12 4L2 20h20L12 4 z"></path></g>
2514 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path ></g>
2515 <g id="check-box"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"> </path></g>
2516 <g id="check-box-outline-blank"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v1 4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></g>
2517 <g id="check-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10- 10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></g>
2518 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p ath></g>
2519 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z">< /path></g>
2520 <g id="chrome-reader-mode"><path d="M13 12h7v1.5h-7zm0-2.5h7V11h-7zm0 5h7V16h-7z M21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 1 5h-9V6h9v13z"></path></g>
2521 <g id="class"><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2- 2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"></path></g>
2522 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
2523 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
2524 <g id="cloud"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05- 4.78-4.65-4.96z"></path></g>
2525 <g id="cloud-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10- 10S17.52 2 12 2zm4.5 14H8c-1.66 0-3-1.34-3-3s1.34-3 3-3l.14.01C8.58 8.28 10.13 7 12 7c2.21 0 4 1.79 4 4h.5c1.38 0 2.5 1.12 2.5 2.5S17.88 16 16.5 16z"></path></g >
2526 <g id="cloud-done"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64- 2.05-4.78-4.65-4.96zM10 17l-3.5-3.5 1.41-1.41L10 14.17 15.18 9l1.41 1.41L10 17z" ></path></g>
2527 <g id="cloud-download"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2 .64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"></path></g>
2528 <g id="cloud-off"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4c-1.48 0-2.85.43- 4.01 1.17l1.46 1.46C10.21 6.23 11.08 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3 0 1.13-.64 2.11-1.56 2.62l1.45 1.45C23.16 18.16 24 16.68 24 15c0-2.6 4-2.05-4.78-4.65-4.96zM3 5.27l2.75 2.74C2.56 8.15 0 10.77 0 14c0 3.31 2.69 6 6 6 h11.73l2 2L21 20.73 4.27 4 3 5.27zM7.73 10l8 8H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h1 .73z"></path></g>
2529 <g id="cloud-queue"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.6 4 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64 -2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h.71C7.37 7.69 9.48 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3s-1.34 3-3 3z"></path></g>
2530 <g id="cloud-upload"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5. 64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.6 4-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"></path></g>
2531 <g id="code"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4 .6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"></path></g>
2532 <g id="content-copy"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0- 2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z">< /path></g>
2533 <g id="content-cut"><path d="M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4 S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0 -2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5. 22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z"></path></g>
2534 <g id="content-paste"><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.8 2 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c .55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path> </g>
2535 <g id="create"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7. 04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3. 75 1.83-1.83z"></path></g>
2536 <g id="credit-card"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2 h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"></path> </g>
2537 <g id="dashboard"><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6 h8V3h-8z"></path></g>
2538 <g id="delete"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l- 1-1h-5l-1 1H5v2h14V4z"></path></g>
2539 <g id="description"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2 H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"></p ath></g>
2540 <g id="dns"><path d="M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1 -1v-6c0-.55-.45-1-1-1zM7 19c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM20 3H4c- .55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></g>
2541 <g id="done"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"></path ></g>
2542 <g id="done-all"><path d="M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L1 1.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41 L1.83 12 .41 13.41z"></path></g>
2543 <g id="drafts"><path d="M21.99 8c0-.72-.37-1.35-.94-1.7L12 1 2.95 6.3C2.38 6.65 2 7.28 2 8v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2l-.01-10zM12 13L3.74 7.84 12 3l8.26 4.84L12 13z"></path></g>
2544 <g id="eject"><path d="M5 17h14v2H5zm7-12L5.33 15h13.34z"></path></g>
2545 <g id="error"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.5 2 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></g>
2546 <g id="error-outline"><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58 -8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></g>
2547 <g id="event"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L 3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z" ></path></g>
2548 <g id="event-seat"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPat h id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path d="M4 18 v3h3v-3h10v3h3v-6H4zm15-8h3v3h-3zM2 10h3v3H2zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 . 9 2 2v8z" clip-path="url(#b)"></path></g>
2549 <g id="exit-to-app"><path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2 h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14 c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></g>
2550 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"></p ath></g>
2551 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></pat h></g>
2552 <g id="explore"><path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1. 1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10 -10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z"></path></g>
2553 <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 1 0.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.2 1 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.2 1 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z" ></path></g>
2554 <g id="face"><path d="M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25- .56 1.25-1.25-.56-1.25-1.25-1.25zm6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.2 5 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 1 0-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71. 33 1.47.33 2.26 0 4.41-3.59 8-8 8z"></path></g>
2555 <g id="favorite"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4. 42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></g>
2556 <g id="favorite-border"><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.2 4 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path></g>
2557 <g id="feedback"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2- 2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z"></path></g>
2558 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path ></g>
2559 <g id="file-upload"><path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"></path></g>
2560 <g id="filter-list"><path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"></p ath></g>
2561 <g id="find-in-page"><path d="M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1 .89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5 -2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L20 19.59zM9 13c0 1.66 1 .34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z"></path></g>
2562 <g id="find-replace"><path d="M11 6c1.38 0 2.63.56 3.54 1.46L12 10h6V4l-2.05 2.0 5C14.68 4.78 12.93 4 11 4c-3.53 0-6.43 2.61-6.92 6H6.1c.46-2.28 2.48-4 4.9-4zm5. 64 9.14c.66-.9 1.12-1.97 1.28-3.14H15.9c-.46 2.28-2.48 4-4.9 4-1.38 0-2.63-.56-3 .54-1.46L10 12H4v6l2.05-2.05C7.32 17.22 9.07 18 11 18c1.55 0 2.98-.51 4.14-1.36L 20 21.49 21.49 20l-4.85-4.86z"></path></g>
2563 <g id="flag"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"></path></g>
2564 <g id="flight-land"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><defs>< path id="c" d="M0 0h24v24H0V0z"></path></defs><clipPath id="b"><use xlink:href=" #a" overflow="visible"></use></clipPath><clipPath id="d" clip-path="url(#b)"><us e xlink:href="#c" overflow="visible"></use></clipPath><path d="M2.5 19h19v2h-19z m7.18-5.73l4.35 1.16 5.31 1.42c.8.21 1.62-.26 1.84-1.06.21-.8-.26-1.62-1.06-1.84 l-5.31-1.42-2.76-9.02L10.12 2v8.28L5.15 8.95l-.93-2.32-1.45-.39v5.17l1.6.43 5.31 1.43z" clip-path="url(#d)"></path></g>
2565 <g id="flight-takeoff"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><cli pPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path d="M 2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10l-6.9-6.43-1.93. 51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 1.82 3.16.77 1.33 1.6-.43 5.31-1.42 4.3 5-1.16L21 11.49c.81-.23 1.28-1.05 1.07-1.85z" clip-path="url(#b)"></path></g>
2566 <g id="flip-to-back"><path d="M9 7H7v2h2V7zm0 4H7v2h2v-2zm0-8c-1.11 0-2 .9-2 2h2 V3zm4 12h-2v2h2v-2zm6-12v2h2c0-1.1-.9-2-2-2zm-6 0h-2v2h2V3zM9 17v-2H7c0 1.1.89 2 2 2zm10-4h2v-2h-2v2zm0-4h2V7h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zM5 7H3v12c0 1.1.89 2 2 2h12v-2H5V7zm10-2h2V3h-2v2zm0 12h2v-2h-2v2z"></path></g>
2567 <g id="flip-to-front"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10 c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z "></path></g>
2568 <g id="folder"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path></g>
2569 <g id="folder-open"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"></path></g>
2570 <g id="folder-shared"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2- 2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z"></path></g>
2571 <g id="font-download"><path d="M9.93 13.5h4.14L12 7.98zM20 2H4c-1.1 0-2 .9-2 2v1 6c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.1 2 3H5.96l5.11-13h1.86l5.11 13h-2.09z"></path></g>
2572 <g id="forward"><path d="M12 8V4l8 8-8 8v-4H4V8z"></path></g>
2573 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v- 5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>
2574 <g id="fullscreen-exit"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h 3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"></path></g>
2575 <g id="gesture"><path d="M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52 -.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07- .31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79- 3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H 21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.8 5-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25 c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z"></path></g>
2576 <g id="get-app"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path></g>
2577 <g id="gif"><defs><path id="a" d="M24 24H0V0h24v24z"></path></defs><clipPath id= "b"><use xlink:href="#a" overflow="visible"></use></clipPath><path d="M11.5 9H13 v6h-1.5zM9 9H6c-.6 0-1 .5-1 1v4c0 .5.4 1 1 1h3c.6 0 1-.5 1-1v-2H8.5v1.5h-2v-3H10 V10c0-.5-.4-1-1-1zm10 1.5V9h-4.5v6H16v-2h2v-1.5h-2v-1z" clip-path="url(#b)"></pa th></g>
2578 <g id="grade"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>
2579 <g id="group-work"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10 S17.52 2 12 2zM8 17.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5 -1.12 2.5-2.5 2.5zM9.5 8c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2 .5S9.5 9.38 9.5 8zm6.5 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2. 5 2.5-1.12 2.5-2.5 2.5z"></path></g>
2580 <g id="help"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1. 45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2 .21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path></g>
2581 <g id="help-outline"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8- 3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0- 2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"></path></g>
2582 <g id="highlight-off"><path d="M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8- 8 8 3.59 8 8-3.59 8-8 8z"></path></g>
2583 <g id="history"><path opacity=".9" d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14 L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54. 72-1.21-3.5-2.08V8H12z"></path></g>
2584 <g id="home"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></g>
2585 <g id="hourglass-empty"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5. 99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4 h8v3.5l-4 4z"></path></g>
2586 <g id="hourglass-full"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.9 9h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6z"></path></g>
2587 <g id="http"><path d="M4.5 11h-2V9H1v6h1.5v-2.5h2V15H6V9H4.5v2zm2.5-.5h1.5V15H10 v-4.5h1.5V9H7v1.5zm5.5 0H14V15h1.5v-4.5H17V9h-4.5v1.5zm9-1.5H18v6h1.5v-2h2c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5zm0 2.5h-2v-1h2v1z"></path></g>
2588 <g id="https"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9 -2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3. 1 3.1v2z"></path></g>
2589 <g id="inbox"><path d="M19 3H4.99c-1.1 0-1.98.9-1.98 2L3 19c0 1.1.89 2 1.99 2H19 c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12h-4c0 1.66-1.34 3-3 3s-3-1.34-3-3H4.99V5H1 9v10zm-3-5h-2V7h-4v3H8l4 4 4-4z"></path></g>
2590 <g id="indeterminate-check-box"><defs><path id="a" d="M0 0h24v24H0z"></path></de fs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><pa th clip-path="url(#b)" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g>
2591 <g id="info"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></g>
2592 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8- 3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>
2593 <g id="input"><path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c 0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1 v2h10v3z"></path></g>
2594 <g id="invert-colors"><path d="M17.66 7.93L12 2.27 6.34 7.93c-3.12 3.12-3.12 8.1 9 0 11.31C7.9 20.8 9.95 21.58 12 21.58c2.05 0 4.1-.78 5.66-2.34 3.12-3.12 3.12-8 .19 0-11.31zM12 19.59c-1.6 0-3.11-.62-4.24-1.76C6.62 16.69 6 15.19 6 13.59s.62-3 .11 1.76-4.24L12 5.1v14.49z"></path></g>
2595 <g id="label"><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"></p ath></g>
2596 <g id="label-outline"><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5. 01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6. 16zM16 17H5V7h11l3.55 5L16 17z"></path></g>
2597 <g id="language"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 2 2 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2. 76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32- .14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3. 37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8 .03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96z M14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.4 9 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64 .26 1.31.26 2s-.1 1.36-.26 2h-3.38z"></path></g>
2598 <g id="launch"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1 .1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></pa th></g>
2599 <g id="link"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2 .24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></pat h></g>
2600 <g id="list"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm 0 4h14v-2H7v2zM7 7v2h14V7H7z"></path></g>
2601 <g id="lock"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9- 2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path></g>
2602 <g id="lock-open"><path d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6- 9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2 zm0 12H6V10h12v10z"></path></g>
2603 <g id="lock-outline"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0 -2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6-5.1c1.71 0 3. 1 1.39 3.1 3.1v2H9V6h-.1c0-1.71 1.39-3.1 3.1-3.1zM18 20H6V10h12v10zm-6-3c1.1 0 2 -.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"></path></g>
2604 <g id="loyalty"><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9 -2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7 c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7zm11.77 8.27L13 19.54l-4.27-4.27C8.28 14.81 8 1 4.19 8 13.5c0-1.38 1.12-2.5 2.5-2.5.69 0 1.32.28 1.77.74l.73.72.73-.73c.45-.45 1 .08-.73 1.77-.73 1.38 0 2.5 1.12 2.5 2.5 0 .69-.28 1.32-.73 1.77z"></path></g>
2605 <g id="mail"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2 -.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path></g>
2606 <g id="markunread"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1 .1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path></g>
2607 <g id="markunread-mailbox"><path d="M20 6H10v6H8V4h6V0H6v6H4c-1.1 0-2 .9-2 2v12c 0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"></path></g>
2608 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></g>
2609 <g id="more-horiz"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-. 9 2-2-.9-2-2-2z"></path></g>
2610 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2 c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2 -2-.9-2-2-2z"></path></g>
2611 <g id="note-add"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18 c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"> </path></g>
2612 <g id="offline-pin"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPa th id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-pa th="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5 16H7v-2h10v2zm-6.7-4L7 10.7l1.4-1.4 1.9 1.9 5.3-5.3L17 7.3 10.3 14z"></path></g>
2613 <g id="open-in-browser"><path d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2 H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z"> </path></g>
2614 <g id="open-in-new"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2 h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" ></path></g>
2615 <g id="open-with"><path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm 14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path></g>
2616 <g id="pageview"><path d="M11.5 9C10.12 9 9 10.12 9 11.5s1.12 2.5 2.5 2.5 2.5-1. 12 2.5-2.5S12.88 9 11.5 9zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-3.21 14.21l-2.91-2.91c-.69.44-1.51.7-2.39.7C9.01 16 7 13 .99 7 11.5S9.01 7 11.5 7 16 9.01 16 11.5c0 .88-.26 1.69-.7 2.39l2.91 2.9-1.42 1. 42z"></path></g>
2617 <g id="payment"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c 1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"></path></g>
2618 <g id="perm-camera-mic"><path d="M20 5h-3.17L15 3H9L7.17 5H4c-1.1 0-2 .9-2 2v12c 0 1.1.9 2 2 2h7v-2.09c-2.83-.48-5-2.94-5-5.91h2c0 2.21 1.79 4 4 4s4-1.79 4-4h2c0 2.97-2.17 5.43-5 5.91V21h7c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-6 8c0 1.1-.9 2-2 2 s-2-.9-2-2V9c0-1.1.9-2 2-2s2 .9 2 2v4z"></path></g>
2619 <g id="perm-contact-calendar"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s- 1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1z"></pa th></g>
2620 <g id="perm-data-setting"><path d="M18.99 11.5c.34 0 .67.03 1 .07L20 0 0 20h11.5 6c-.04-.33-.07-.66-.07-1 0-4.14 3.36-7.5 7.5-7.5zm3.71 7.99c.02-.16.04-.32.04-.4 9 0-.17-.01-.33-.04-.49l1.06-.83c.09-.08.12-.21.06-.32l-1-1.73c-.06-.11-.19-.15- .31-.11l-1.24.5c-.26-.2-.54-.37-.85-.49l-.19-1.32c-.01-.12-.12-.21-.24-.21h-2c-. 12 0-.23.09-.25.21l-.19 1.32c-.3.13-.59.29-.85.49l-1.24-.5c-.11-.04-.24 0-.31.11 l-1 1.73c-.06.11-.04.24.06.32l1.06.83c-.02.16-.03.32-.03.49 0 .17.01.33.03.49l-1 .06.83c-.09.08-.12.21-.06.32l1 1.73c.06.11.19.15.31.11l1.24-.5c.26.2.54.37.85.49 l.19 1.32c.02.12.12.21.25.21h2c.12 0 .23-.09.25-.21l.19-1.32c.3-.13.59-.29.84-.4 9l1.25.5c.11.04.24 0 .31-.11l1-1.73c.06-.11.03-.24-.06-.32l-1.07-.83zm-3.71 1.01 c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path> </g>
2621 <g id="perm-device-information"><path d="M13 7h-2v2h2V7zm0 4h-2v6h2v-6zm4-9.99L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z"></path></g>
2622 <g id="perm-identity"><path d="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9. 9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2 .1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0- 8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z"></path></g>
2623 <g id="perm-media"><path d="M2 6H0v5h.01L0 20c0 1.1.9 2 2 2h18v-2H2V6zm20-2h-8l- 2-2H6c-1.1 0-1.99.9-1.99 2L4 16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2 zM7 15l4.5-6 3.5 4.51 2.5-3.01L21 15H7z"></path></g>
2624 <g id="perm-phone-msg"><path d="M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.0 3-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.0 1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 1 7 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM12 3v10l3-3h6V3h-9z"></path></g>
2625 <g id="perm-scan-wifi"><path d="M12 3C6.95 3 3.15 4.85 0 7.23L12 22 24 7.25C20.8 5 4.87 17.05 3 12 3zm1 13h-2v-6h2v6zm-2-8V6h2v2h-2z"></path></g>
2626 <g id="picture-in-picture"><path d="M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1 .1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98V5c0-1.1-.9-2-2-2zm0 16.01H3V4.98h18v14.03 z"></path></g>
2627 <g id="play-for-work"><path fill="#010101" d="M11 5v5.59H7.5l4.5 4.5 4.5-4.5H13V 5h-2zm-5 9c0 3.31 2.69 6 6 6s6-2.69 6-6h-2c0 2.21-1.79 4-4 4s-4-1.79-4-4H6z"></p ath></g>
2628 <g id="polymer"><path d="M19 4h-4L7.11 16.63 4.5 12 9 4H5L.5 12 5 20h4l7.89-12.6 3L19.5 12 15 20h4l4.5-8z"></path></g>
2629 <g id="power-settings-new"><path d="M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6 .83z"></path></g>
2630 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3 -3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6 v4h12V3z"></path></g>
2631 <g id="query-builder"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zM12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path></g>
2632 <g id="question-answer"><path d="M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.4 5-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z">< /path></g>
2633 <g id="radio-button-checked"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2 zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></g>
2634 <g id="radio-button-unchecked"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 1 0-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8- 8 8z"></path></g>
2635 <g id="receipt"><path d="M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5 -1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2 l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v 20z"></path></g>
2636 <g id="redeem"><path d="M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0 -1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.0 7.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0- 1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8 .62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"></path></g>
2637 <g id="redo"><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.9 6 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"></path></g>
2638 <g id="refresh"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.9 9 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6 -2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></g>
2639 <g id="remove"><path d="M19 13H5v-2h14v2z"></path></g>
2640 <g id="remove-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10 -10S17.52 2 12 2zm5 11H7v-2h10v2z"></path></g>
2641 <g id="remove-circle-outline"><path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4 .48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3. 59 8 8-3.59 8-8 8z"></path></g>
2642 <g id="reorder"><path d="M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V 5H3z"></path></g>
2643 <g id="reply"><path d="M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z" ></path></g>
2644 <g id="reply-all"><path d="M7 8V5l-7 7 7 7v-3l-4-4 4-4zm6 1V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z"></path></g>
2645 <g id="report"><path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15. 73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z"></path></g>
2646 <g id="report-problem"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v 4z"></path></g>
2647 <g id="restore"><path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.8 7 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19 .99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2 .08V8H12z"></path></g>
2648 <g id="room"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.8 7-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1 .12 2.5-2.5 2.5z"></path></g>
2649 <g id="save"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2 -2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h1 0v4z"></path></g>
2650 <g id="schedule"><path fill-opacity=".9" d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zM12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path></g>
2651 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5. 91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.7 9l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9. 5 11.99 14 9.5 14z"></path></g>
2652 <g id="select-all"><path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2 zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm- 2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v 2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm 2-8h6v6H9V9z"></path></g>
2653 <g id="send"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"></path></g>
2654 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2. 11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1. 08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2 .65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49 .12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.1 2.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42 .49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.4 9 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3 .5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>
2655 <g id="settings-applications"><path d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2- .9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.8 9-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09. 15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h- 2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-. 34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.6 9 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21 .43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .3 2.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.0 9.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z"></path></g>
2656 <g id="settings-backup-restore"><path d="M14 12c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-2-9c-4.97 0-9 4.03-9 9H0l4 4 4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7-3.1 3 7-7 7c-1.51 0-2.91-.49-4.06-1.3l-1.42 1.44C8.04 20.3 9.94 21 12 21c4.97 0 9-4. 03 9-9s-4.03-9-9-9z"></path></g>
2657 <g id="settings-bluetooth"><path d="M11 24h2v-2h-2v2zm-4 0h2v-2H7v2zm8 0h2v-2h-2 v2zm2.71-18.29L12 0h-1v7.59L6.41 3 5 4.41 10.59 10 5 15.59 6.41 17 11 12.41V20h1 l5.71-5.71-4.3-4.29 4.3-4.29zM13 3.83l1.88 1.88L13 7.59V3.83zm1.88 10.46L13 16.1 7v-3.76l1.88 1.88z"></path></g>
2658 <g id="settings-brightness"><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18 c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02zM8 16h2.5l1.5 1.5 1.5- 1.5H16v-2.5l1.5-1.5-1.5-1.5V8h-2.5L12 6.5 10.5 8H8v2.5L6.5 12 8 13.5V16zm4-7c1.6 6 0 3 1.34 3 3s-1.34 3-3 3V9z"></path></g>
2659 <g id="settings-cell"><path d="M7 24h2v-2H7v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zM16 .01L8 0C6.9 0 6 .9 6 2v16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V2c0-1.1-.9-1.99-2-1.99z M16 16H8V4h8v12z"></path></g>
2660 <g id="settings-ethernet"><path d="M7.77 6.76L6.23 5.48.82 12l5.41 6.52 1.54-1.2 8L3.42 12l4.35-5.24zM7 13h2v-2H7v2zm10-2h-2v2h2v-2zm-6 2h2v-2h-2v2zm6.77-7.52l-1 .54 1.28L20.58 12l-4.35 5.24 1.54 1.28L23.18 12l-5.41-6.52z"></path></g>
2661 <g id="settings-input-antenna"><path d="M12 5c-3.87 0-7 3.13-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.87-3.13-7-7-7zm1 9.29c.88-.39 1.5-1.26 1.5-2.29 0-1.38-1.1 2-2.5-2.5-2.5S9.5 10.62 9.5 12c0 1.02.62 1.9 1.5 2.29v3.3L7.59 21 9 22.41l3-3 3 3L16.41 21 13 17.59v-3.3zM12 1C5.93 1 1 5.93 1 12h2c0-4.97 4.03-9 9-9s9 4.03 9 9 h2c0-6.07-4.93-11-11-11z"></path></g>
2662 <g id="settings-input-component"><path d="M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h 6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0 c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1 -1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z"></path></g>
2663 <g id="settings-input-composite"><path d="M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h 6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0 c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1 -1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z"></path></g>
2664 <g id="settings-input-hdmi"><path d="M18 7V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v3H 5v6l3 6v3h8v-3l3-6V7h-1zM8 4h8v3h-2V5h-1v2h-2V5h-1v2H8V4z"></path></g>
2665 <g id="settings-input-svideo"><path d="M8 11.5c0-.83-.67-1.5-1.5-1.5S5 10.67 5 1 1.5 5.67 13 6.5 13 8 12.33 8 11.5zm7-5c0-.83-.67-1.5-1.5-1.5h-3C9.67 5 9 5.67 9 6.5S9.67 8 10.5 8h3c.83 0 1.5-.67 1.5-1.5zM8.5 15c-.83 0-1.5.67-1.5 1.5S7.67 18 8.5 18s1.5-.67 1.5-1.5S9.33 15 8.5 15zM12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11- 4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm5.5-11c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z m-2 5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"></ path></g>
2666 <g id="settings-overscan"><path d="M12.01 5.5L10 8h4l-1.99-2.5zM18 10v4l2.5-1.99 L18 10zM6 10l-2.5 2.01L6 14v-4zm8 6h-4l2.01 2.5L14 16zm7-13H3c-1.1 0-2 .9-2 2v14 c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"></p ath></g>
2667 <g id="settings-phone"><path d="M13 9h-2v2h2V9zm4 0h-2v2h2V9zm3 6.5c-1.25 0-2.45 -.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2 -2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 9v2h2V9h-2 z"></path></g>
2668 <g id="settings-power"><path d="M7 24h2v-2H7v2zm4 0h2v-2h-2v2zm2-22h-2v10h2V2zm3 .56 2.44l-1.45 1.45C16.84 6.94 18 8.83 18 11c0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.1 7 1.16-4.06 2.88-5.12L7.44 4.44C5.36 5.88 4 8.28 4 11c0 4.42 3.58 8 8 8s8-3.58 8 -8c0-2.72-1.36-5.12-3.44-6.56zM15 24h2v-2h-2v2z"></path></g>
2669 <g id="settings-remote"><path d="M15 9H9c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h6c.5 5 0 1-.45 1-1V10c0-.55-.45-1-1-1zm-3 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM7.05 6.05l1.41 1.41C9.37 6.56 10.62 6 12 6s2.63.56 3.54 1.46l1.41-1.41C15.68 4.78 13.93 4 12 4s-3.68.78-4.95 2.05zM12 0C8.96 0 6.21 1.23 4.22 3.22l1.41 1.41C 7.26 3.01 9.51 2 12 2s4.74 1.01 6.36 2.64l1.41-1.41C17.79 1.23 15.04 0 12 0z"></ path></g>
2670 <g id="settings-voice"><path d="M7 24h2v-2H7v2zm5-11c1.66 0 2.99-1.34 2.99-3L15 4c0-1.66-1.34-3-3-3S9 2.34 9 4v6c0 1.66 1.34 3 3 3zm-1 11h2v-2h-2v2zm4 0h2v-2h-2 v2zm4-14h-1.7c0 3-2.54 5.1-5.3 5.1S6.7 13 6.7 10H5c0 3.41 2.72 6.23 6 6.72V20h2v -3.28c3.28-.49 6-3.31 6-6.72z"></path></g>
2671 <g id="shop"><path d="M16 6V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H2v13c0 1.1 1.89 2 2 2h16c1.11 0 2-.89 2-2V6h-6zm-6-2h4v2h-4V4zM9 18V9l7.5 4L9 18z"></path>< /g>
2672 <g id="shop-two"><path d="M3 9H1v11c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2H3V9zm15- 4V3c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H5v11c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2V5h-5zm-6-2h4v2h-4V3zm0 12V8l5.5 3-5.5 4z"></path></g>
2673 <g id="shopping-basket"><path d="M17.21 9l-4.38-6.56c-.19-.28-.51-.42-.83-.42-.3 2 0-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1h-4.7 9zM9 9l3-4.4L15 9H9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></g >
2674 <g id="shopping-cart"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-. 9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7. 42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49 c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2 s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"></path></g>
2675 <g id="sort"><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"></path></g>
2676 <g id="speaker-notes"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2- .9 2-2V4c0-1.1-.9-2-2-2zM8 14H6v-2h2v2zm0-3H6V9h2v2zm0-3H6V6h2v2zm7 6h-5v-2h5v2z m3-3h-8V9h8v2zm0-3h-8V6h8v2z"></path></g>
2677 <g id="spellcheck"><path d="M12.45 16h2.09L9.43 3H7.57L2.46 16h2.09l1.12-3h5.64l 1.14 3zm-6.02-5L8.5 5.48 10.57 11H6.43zm15.16.59l-8.09 8.09L9.83 16l-1.41 1.41 5 .09 5.09L23 13l-1.41-1.41z"></path></g>
2678 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>
2679 <g id="star-border"><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L 5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.8 8 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"></path></g>
2680 <g id="star-half"><path d="M22 9.74l-7.19-.62L12 2.5 9.19 9.13 2 9.74l5.46 4.73- 1.64 7.03L12 17.77l6.18 3.73-1.63-7.03L22 9.74zM12 15.9V6.6l1.71 4.04 4.38.38-3. 32 2.88 1 4.28L12 15.9z"></path></g>
2681 <g id="stars"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 1 7.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.4 2L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z"></path></g>
2682 <g id="store"><path d="M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h 1zm-9 4H6v-4h6v4z"></path></g>
2683 <g id="subject"><path d="M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h1 6V5H4z"></path></g>
2684 <g id="supervisor-account"><path d="M16.5 12c1.38 0 2.49-1.12 2.49-2.5S17.88 7 1 6.5 7C15.12 7 14 8.12 14 9.5s1.12 2.5 2.5 2.5zM9 11c1.66 0 2.99-1.34 2.99-3S10.6 6 5 9 5C7.34 5 6 6.34 6 8s1.34 3 3 3zm7.5 3c-1.83 0-5.5.92-5.5 2.75V19h11v-2.25c 0-1.83-3.67-2.75-5.5-2.75zM9 13c-2.33 0-7 1.17-7 3.5V19h7v-2.25c0-.85.33-2.34 2. 37-3.47C10.5 13.1 9.66 13 9 13z"></path></g>
2685 <g id="swap-horiz"><path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v 3H10v2h7.01v3L21 9z"></path></g>
2686 <g id="swap-vert"><path d="M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3 V14h2V6.99h3L9 3z"></path></g>
2687 <g id="swap-vertical-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10- 4.48 10-10S17.52 2 12 2zM6.5 9L10 5.5 13.5 9H11v4H9V9H6.5zm11 6L14 18.5 10.5 15H 13v-4h2v4h2.5z"></path></g>
2688 <g id="system-update-alt"><path d="M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6 v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1 .1-.9-2-2-2z"></path></g>
2689 <g id="tab"><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V 5c0-1.1-.9-2-2-2zm0 16H3V5h10v4h8v10z"></path></g>
2690 <g id="tab-unselected"><path d="M1 9h2V7H1v2zm0 4h2v-2H1v2zm0-8h2V3c-1.1 0-2 .9- 2 2zm8 16h2v-2H9v2zm-8-4h2v-2H1v2zm2 4v-2H1c0 1.1.9 2 2 2zM21 3h-8v6h10V5c0-1.1- .9-2-2-2zm0 14h2v-2h-2v2zM9 5h2V3H9v2zM5 21h2v-2H5v2zM5 5h2V3H5v2zm16 16c1.1 0 2 -.9 2-2h-2v2zm0-8h2v-2h-2v2zm-8 8h2v-2h-2v2zm4 0h2v-2h-2v2z"></path></g>
2691 <g id="text-format"><path d="M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L 6.5 15h2.1l.9-2.2zM12 5.98L13.87 11h-3.74L12 5.98z"></path></g>
2692 <g id="theaters"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h 2v2z"></path></g>
2693 <g id="thumb-down"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-. 14.47-.14.73v1.91l.01.01L1 14c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z" ></path></g>
2694 <g id="thumb-up"><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03 -.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z"></path></g>
2695 <g id="thumbs-up-down"><path d="M12 6c0-.55-.45-1-1-1H5.82l.66-3.18.02-.23c0-.31 -.13-.59-.33-.8L5.38 0 .44 4.94C.17 5.21 0 5.59 0 6v6.5c0 .83.67 1.5 1.5 1.5h6.7 5c.62 0 1.15-.38 1.38-.91l2.26-5.29c.07-.17.11-.36.11-.55V6zm10.5 4h-6.75c-.62 0 -1.15.38-1.38.91l-2.26 5.29c-.07.17-.11.36-.11.55V18c0 .55.45 1 1 1h5.18l-.66 3. 18-.02.24c0 .31.13.59.33.8l.79.78 4.94-4.94c.27-.27.44-.65.44-1.06v-6.5c0-.83-.6 7-1.5-1.5-1.5z"></path></g>
2696 <g id="toc"><path d="M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16 0h2v-2h-2v2 zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z"></path></g>
2697 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1. 1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></pa th></g>
2698 <g id="toll"><path d="M15 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z m0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zM3 12c0-2.61 1.67-4.83 4-5.65V4.26C3.55 5.15 1 8.27 1 12s2.55 6.85 6 7.74v-2.09c-2.33-.82-4-3.04-4-5.6 5z"></path></g>
2699 <g id="track-changes"><path fill="#231F20" d="M19.07 4.93l-1.41 1.41C19.1 7.79 2 0 9.79 20 12c0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.5 7 6 9.03 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C 15.55 9.9 16 10.9 16 12c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-1.86 1.28-3.41 3-3.86v2. 14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2h-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-2.76-1.12-5.26-2.93-7.07z"></path></g>
2700 <g id="translate"><path d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3. 71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9 .19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04 zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3. 24z"></path></g>
2701 <g id="trending-down"><path d="M16 18l2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6z"></path></g>
2702 <g id="trending-flat"><path d="M22 12l-4-4v3H3v2h15v3z"></path></g>
2703 <g id="trending-up"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"></path></g>
2704 <g id="turned-in"><path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9- 2-2-2z"></path></g>
2705 <g id="turned-in-not"><path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1 -.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z"></path></g>
2706 <g id="undo"><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1. 16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12. 5 8z"></path></g>
2707 <g id="unfold-less"><path d="M7.41 18.59L8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z"></p ath></g>
2708 <g id="unfold-more"><path d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"></path></g >
2709 <g id="verified-user"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6. 45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path></g>
2710 <g id="view-agenda"><path d="M20 13H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zm0-10H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1z"></path></g>
2711 <g id="view-array"><path d="M4 18h3V5H4v13zM18 5v13h3V5h-3zM8 18h9V5H8v13z"></pa th></g>
2712 <g id="view-carousel"><path d="M7 19h10V4H7v15zm-5-2h4V6H2v11zM18 6v11h4V6h-4z"> </path></g>
2713 <g id="view-column"><path d="M10 18h5V5h-5v13zm-6 0h5V5H4v13zM16 5v13h5V5h-5z">< /path></g>
2714 <g id="view-day"><path d="M2 21h19v-3H2v3zM20 8H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zM2 3v3h19V3H2z"></path></g>
2715 <g id="view-headline"><path d="M4 15h16v-2H4v2zm0 4h16v-2H4v2zm0-8h16V9H4v2zm0-6 v2h16V5H4z"></path></g>
2716 <g id="view-list"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H 9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path></g>
2717 <g id="view-module"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v- 6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path></g>
2718 <g id="view-quilt"><path d="M10 18h5v-6h-5v6zm-6 0h5V5H4v13zm12 0h5v-6h-5v6zM10 5v6h11V5H10z"></path></g>
2719 <g id="view-stream"><path d="M4 18h17v-6H4v6zM4 5v6h17V5H4z"></path></g>
2720 <g id="view-week"><path d="M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-. 45 1-1V6c0-.55-.45-1-1-1z"></path></g>
2721 <g id="visibility"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s 9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z">< /path></g>
2722 <g id="visibility-off"><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l 2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98 .7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3. 27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .4 4-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53- 2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"></path></g>
2723 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></p ath></g>
2724 <g id="work"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm- 6 0h-4V4h4v2z"></path></g>
2725 <g id="youtube-searched-for"><path d="M17.01 14h-.8l-.27-.27c.98-1.14 1.57-2.61 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 3-6.5 6.5H2l3.84 4 4.16-4H6.51C6.51 7 8.5 3 5 11.01 5s4.5 2.01 4.5 4.5c0 2.48-2.02 4.5-4.5 4.5-.65 0-1.26-.14-1.82-.38L7.7 1 15.1c.97.57 2.09.9 3.3.9 1.61 0 3.08-.59 4.22-1.57l.27.27v.79l5.01 4.99L22 19l -4.99-5z"></path></g>
2726 <g id="zoom-in"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5 .91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v. 79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9 .5 11.99 14 9.5 14zM12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"></path></g>
2727 <g id="zoom-out"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v .79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"></path></g>
2728 </defs></svg>
2729 </iron-iconset-svg>
2730 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">
2731 <template>
2732 <style>
2733 :host {
2734 display: block;
2735 min-height: var(--paper-item-min-height, 48px);
2736 padding: 0px 16px;
2737 }
2738
2739 :host > ::content > *:not(:first-child):not(:last-child) {
2740 margin-right: 16px;
2741 }
2742 </style>
2743 </template>
2744 </dom-module>
2745 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">
2746 <template>
2747 <style include="paper-item-shared-styles"></style>
2748 <style>
2749 :host {
2750 @apply(--layout-horizontal);
2751 @apply(--layout-center);
2752 @apply(--paper-font-subhead);
2753
2754 @apply(--paper-item);
2755 }
2756 </style>
2757
2758 <content></content>
2759 </template>
2760
2761 </dom-module>
2762 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">
2763 <style>
2764 /**
2765 @license
2766 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
2767 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
2768 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
2769 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
2770 Code distributed by Google as part of the polymer project is also
2771 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
2772 */
2773
2774 /* need a wrapper element to make this higher specificity than the :host rule in paper-item */
2775 .selectable-content > ::content > .iron-selected {
2776 font-weight: bold;
2777
2778 @apply(--paper-menu-selected-item);
2779 }
2780
2781 .selectable-content > ::content > [disabled] {
2782 color: var(--paper-menu-disabled-color, --disabled-text-color);
2783 }
2784
2785 .selectable-content > ::content > *:focus {
2786 position: relative;
2787 outline: 0;
2788
2789 @apply(--paper-menu-focused-item);
2790 }
2791
2792 .selectable-content > ::content > *:focus:after {
2793 @apply(--layout-fit);
2794 background: currentColor;
2795 opacity: var(--dark-divider-opacity);
2796 content: '';
2797
2798 @apply(--paper-menu-focused-item-after);
2799 }
2800
2801 .selectable-content > ::content > *[colored]:focus:after {
2802 opacity: 0.26;
2803 }
2804
2805 </style>
2806
2807 <style>
2808 :host {
2809 display: block;
2810 padding: 8px 0;
2811
2812 background: var(--paper-menu-background-color, --primary-background-color) ;
2813 color: var(--paper-menu-color, --primary-text-color);
2814
2815 @apply(--paper-menu);
2816 }
2817 </style>
2818 <template>
2819
2820 <div class="selectable-content">
2821 <content></content>
2822 </div>
2823
2824 </template>
2825
2826 </dom-module>
2827
2828 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/">
2829
2830 <style>
2831
2832 :host {
2833 position: fixed;
2834 top: 0;
2835 left: 0;
2836 width: 100vw;
2837 height: 100vh;
2838 background-color: var(--iron-overlay-backdrop-background-color, #000);
2839 opacity: 0;
2840 transition: opacity 0.2s;
2841
2842 @apply(--iron-overlay-backdrop);
2843 }
2844
2845 :host([opened]) {
2846 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
2847
2848 @apply(--iron-overlay-backdrop-opened);
2849 }
2850
2851 </style>
2852
2853 <template>
2854 <content></content>
2855 </template>
2856
2857 </dom-module>
2858
2859 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
2860 <style>
2861 :host {
2862 position: fixed;
2863 }
2864
2865 #contentWrapper ::content > * {
2866 overflow: auto;
2867 }
2868
2869 #contentWrapper.animating ::content > * {
2870 overflow: hidden;
2871 }
2872 </style>
2873 <template>
2874 <div id="contentWrapper">
2875 <content id="content" select=".dropdown-content"></content>
2876 </div>
2877 </template>
2878
2879 </dom-module>
2880
2881 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa per-menu-button/">
2882 <style>
2883 :host {
2884 display: inline-block;
2885 position: relative;
2886 padding: 8px;
2887 outline: none;
2888
2889 @apply(--paper-menu-button);
2890 }
2891
2892 :host([disabled]) {
2893 cursor: auto;
2894 color: var(--disabled-text-color);
2895
2896 @apply(--paper-menu-button-disabled);
2897 }
2898
2899 :host([vertical-align="top"]) paper-material {
2900 margin-bottom: 20px;
2901 margin-top: -10px;
2902 top: 10px;
2903 }
2904
2905 :host([vertical-align="bottom"]) paper-material {
2906 bottom: 10px;
2907 margin-bottom: -10px;
2908 margin-top: 20px;
2909 }
2910
2911 paper-material {
2912 border-radius: 2px;
2913 background-color: var(--paper-menu-button-dropdown-background, --primary-b ackground-color);
2914
2915 @apply(--paper-menu-button-dropdown);
2916 }
2917 </style>
2918 <template>
2919 <div id="trigger" on-tap="open">
2920 <content select=".dropdown-trigger"></content>
2921 </div>
2922 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon talAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOf fset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimat ionConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[ noAnimations]]" focus-target="[[_dropdownContent]]">
2923 <paper-material class="dropdown-content">
2924 <content id="content" select=".dropdown-content"></content>
2925 </paper-material>
2926 </iron-dropdown>
2927 </template>
2928 </dom-module>
2929 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/">
2930 <style>
2931
2932 :host {
2933 display: inline-block;
2934 position: relative;
2935 padding: 8px;
2936 outline: none;
2937 -webkit-tap-highlight-color: rgba(0,0,0,0);
2938 -webkit-user-select: none;
2939 -moz-user-select: none;
2940 -ms-user-select: none;
2941 user-select: none;
2942 cursor: pointer;
2943 z-index: 0;
2944
2945 @apply(--paper-icon-button);
2946 }
2947
2948 :host #ink {
2949 color: var(--paper-icon-button-ink-color, --primary-text-color);
2950 opacity: 0.6;
2951 }
2952
2953 :host([disabled]) {
2954 color: var(--paper-icon-button-disabled-text, --disabled-text-color);
2955 pointer-events: none;
2956 cursor: auto;
2957 @apply(--paper-icon-button-disabled);
2958 }
2959 </style>
2960 <template>
2961 <paper-ripple id="ink" class="circle" center=""></paper-ripple>
2962 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>
2963 </template>
2964 </dom-module>
2965 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/">
2966 <template>
2967
2968 <style>
2969 :host {
2970 display: block;
2971 padding: 8px 0;
2972
2973 @apply(--paper-input-container);
2974 }
2975
2976 :host[inline] {
2977 display: inline-block;
2978 }
2979
2980 :host([disabled]) {
2981 pointer-events: none;
2982 opacity: 0.33;
2983
2984 @apply(--paper-input-container-disabled);
2985 }
2986
2987 .floated-label-placeholder {
2988 @apply(--paper-font-caption);
2989 }
2990
2991 .underline {
2992 position: relative;
2993 }
2994
2995 .focused-line {
2996 height: 2px;
2997
2998 -webkit-transform-origin: center center;
2999 transform-origin: center center;
3000 -webkit-transform: scale3d(0,1,1);
3001 transform: scale3d(0,1,1);
3002
3003 background: var(--paper-input-container-focus-color, --default-primary-c olor);
3004
3005 @apply(--paper-input-container-underline-focus);
3006 }
3007
3008 .underline.is-highlighted .focused-line {
3009 -webkit-transform: none;
3010 transform: none;
3011 -webkit-transition: -webkit-transform 0.25s;
3012 transition: transform 0.25s;
3013
3014 @apply(--paper-transition-easing);
3015 }
3016
3017 .underline.is-invalid .focused-line {
3018 background: var(--paper-input-container-invalid-color, --google-red-500) ;
3019
3020 -webkit-transform: none;
3021 transform: none;
3022 -webkit-transition: -webkit-transform 0.25s;
3023 transition: transform 0.25s;
3024
3025 @apply(--paper-transition-easing);
3026 }
3027
3028 .unfocused-line {
3029 height: 1px;
3030 background: var(--paper-input-container-color, --secondary-text-color);
3031
3032 @apply(--paper-input-container-underline);
3033 }
3034
3035 :host([disabled]) .unfocused-line {
3036 border-bottom: 1px dashed;
3037 border-color: var(--paper-input-container-color, --secondary-text-color) ;
3038 background: transparent;
3039
3040 @apply(--paper-input-container-underline-disabled);
3041 }
3042
3043 .label-and-input-container {
3044 @apply(--layout-flex);
3045 @apply(--layout-relative);
3046 }
3047
3048 .input-content {
3049 position: relative;
3050 @apply(--layout-horizontal);
3051 @apply(--layout-end);
3052 }
3053
3054 .input-content ::content label,
3055 .input-content ::content .paper-input-label {
3056 position: absolute;
3057 top: 0;
3058 right: 0;
3059 left: 0;
3060 font: inherit;
3061 color: var(--paper-input-container-color, --secondary-text-color);
3062
3063 @apply(--paper-font-subhead);
3064 @apply(--paper-input-container-label);
3065 }
3066
3067 .input-content.label-is-floating ::content label,
3068 .input-content.label-is-floating ::content .paper-input-label {
3069 -webkit-transform: translateY(-75%) scale(0.75);
3070 transform: translateY(-75%) scale(0.75);
3071 -webkit-transform-origin: left top;
3072 transform-origin: left top;
3073 -webkit-transition: -webkit-transform 0.25s;
3074 transition: transform 0.25s;
3075
3076 @apply(--paper-transition-easing);
3077 }
3078
3079 .input-content.label-is-highlighted ::content label,
3080 .input-content.label-is-highlighted ::content .paper-input-label {
3081 color: var(--paper-input-container-focus-color, --default-primary-color) ;
3082
3083 @apply(--paper-input-container-label-focus);
3084 }
3085
3086 .input-content.is-invalid ::content label,
3087 .input-content.is-invalid ::content .paper-input-label {
3088 color: var(--paper-input-container-invalid-color, --google-red-500);
3089 }
3090
3091 .input-content.label-is-hidden ::content label,
3092 .input-content.label-is-hidden ::content .paper-input-label {
3093 visibility: hidden;
3094 }
3095
3096 .input-content ::content input,
3097 .input-content ::content textarea,
3098 .input-content ::content iron-autogrow-textarea,
3099 .input-content ::content .paper-input-input {
3100 position: relative; /* to make a stacking context */
3101 outline: none;
3102 box-shadow: none;
3103 padding: 0;
3104 width: 100%;
3105 background: transparent;
3106 border: none;
3107 color: var(--paper-input-container-input-color, --primary-text-color);
3108 -webkit-appearance: none;
3109
3110 @apply(--paper-font-subhead);
3111 @apply(--paper-input-container-input);
3112 }
3113
3114 ::content [prefix] {
3115 @apply(--paper-font-subhead);
3116 @apply(--paper-input-prefix);
3117 }
3118
3119 ::content [suffix] {
3120 @apply(--paper-font-subhead);
3121 @apply(--paper-input-suffix);
3122 }
3123
3124 /* Firefox sets a min-width on the input, which can cause layout issues */
3125 .input-content ::content input {
3126 min-width: 0;
3127 }
3128
3129 .input-content ::content textarea {
3130 resize: none;
3131 }
3132
3133 .add-on-content.is-invalid ::content * {
3134 color: var(--paper-input-container-invalid-color, --google-red-500);
3135 }
3136
3137 .add-on-content.is-highlighted ::content * {
3138 color: var(--paper-input-container-focus-color, --default-primary-color) ;
3139 }
3140 </style>
3141
3142 <template is="dom-if" if="[[!noLabelFloat]]">
3143 <div class="floated-label-placeholder">&nbsp;</div>
3144 </template>
3145
3146 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]">
3147 <content select="[prefix]" id="prefix"></content>
3148 <div class="label-and-input-container">
3149 <content select=":not([add-on]):not([prefix]):not([suffix])"></content>
3150 </div>
3151 <content select="[suffix]"></content>
3152 </div>
3153
3154 <div class$="[[_computeUnderlineClass(focused,invalid)]]">
3155 <div class="unfocused-line fit"></div>
3156 <div class="focused-line fit"></div>
3157 </div>
3158
3159 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">
3160 <content id="addOnContent" select="[add-on]"></content>
3161 </div>
3162
3163 </template>
3164 </dom-module>
3165
3166 <dom-module id="cr-search-field" assetpath="chrome://resources/cr_elements/v1_0/ cr_search_field/">
3167 <template>
3168 <paper-icon-button icon="search" id="search-button" disabled$="[[showingSear ch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>
3169 <template is="dom-if" if="[[showingSearch_]]" id="search-container">
3170 <paper-input-container id="search-term" on-search="onSearchTermSearch_" on -keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float="">
3171 <input is="iron-input" id="search-input" type="search" placeholder="[[la bel]]" incremental="">
3172 <paper-icon-button icon="cancel" id="clear-search" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-but ton>
3173 </paper-input-container>
3174 </template>
3175 </template>
3176 <style>
3177 /* Copyright 2015 The Chromium Authors. All rights reserved.
3178 * Use of this source code is governed by a BSD-style license that can be
3179 * found in the LICENSE file. */
3180
3181 :host {
3182 -webkit-padding-end: 10px;
3183 box-sizing: border-box;
3184 display: flex;
3185 justify-content: flex-end;
3186 }
3187
3188 :host paper-input-container {
3189 margin-top: 2px;
3190 max-width: 200px;
3191 padding: 2px 0;
3192 width: 100%;
3193 }
3194
3195 #search-term {
3196 --paper-input-container-color: rgb(192, 199, 205);
3197 --paper-input-container-focus-color: rgb(192, 199, 205);
3198 --paper-input-container-input: {
3199 color: inherit;
3200 font-family: inherit;
3201 font-size: inherit;
3202 };
3203 --paper-input-container-input-color: rgb(192, 199, 205);
3204 color: rgb(192, 199, 205);
3205 z-index: 0;
3206 }
3207
3208 #search-term input[type='search']::-webkit-search-decoration,
3209 #search-term input[type='search']::-webkit-search-cancel-button,
3210 #search-term input[type='search']::-webkit-search-results-button {
3211 -webkit-appearance: none;
3212 }
3213
3214 #search-term input[type='search']::-webkit-search-cancel-button {
3215 display: block;
3216 width: 20px;
3217 }
3218
3219 paper-icon-button {
3220 --iron-icon-height: 20px;
3221 --iron-icon-width: 20px;
3222 --paper-icon-button: {
3223 height: 20px;
3224 padding: 6px;
3225 width: 20px;
3226 };
3227 }
3228
3229 #search-term paper-icon-button {
3230 --iron-icon-height: 16px;
3231 --iron-icon-width: 16px;
3232 --paper-icon-button: {
3233 -webkit-margin-end: -8px;
3234 height: 16px;
3235 padding: 8px;
3236 width: 16px;
3237 };
3238 position: absolute;
3239 right: 0;
3240 top: -4px;
3241 z-index: 1;
3242 }
3243
3244 :host-context([dir='rtl']) #search-term paper-icon-button {
3245 left: 0;
3246 right: auto;
3247 }
3248
3249 </style>
3250 </dom-module>
3251 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">
3252 <template>
3253 <div id="title">
3254 <h1 i18n-content="title"></h1>
3255 </div>
3256 <div id="actions">
3257 <paper-button class="clear-all" i18n-content="clearAll" on-click="onClearA llClick_"></paper-button>
3258 <paper-button i18n-content="openDownloadsFolder" on-click="onOpenDownloads FolderClick_"></paper-button>
3259 </div>
3260 <div id="search">
3261 <cr-search-field id="search-input" i18n-values="label:search;clear-label:c learSearch"></cr-search-field>
3262 <paper-menu-button id="more" horizontal-align="right">
3263 <paper-icon-button icon="more-vert" i18n-values="title:moreActions" clas s="dropdown-trigger"></paper-icon-button>
3264 <paper-menu class="dropdown-content">
3265 <paper-item class="clear-all" i18n-content="clearAll" on-click="onClea rAllClick_"></paper-item>
3266 <paper-item i18n-content="openDownloadsFolder" on-click="onOpenDownloa dsFolderClick_"></paper-item>
3267 </paper-menu>
3268 </paper-menu-button>
3269 </div>
3270 </template>
3271 <style>
3272 /* Copyright 2015 The Chromium Authors. All rights reserved.
3273 * Use of this source code is governed by a BSD-style license that can be
3274 * found in the LICENSE file. */
3275
3276 * {
3277 --downloads-item-width: 622px;
3278 }
3279
3280 paper-button {
3281 font-weight: 500;
3282 margin: 0;
3283 min-width: auto;
3284 }
3285
3286 </style>
3287 <style>
3288 /* Copyright 2015 The Chromium Authors. All rights reserved.
3289 * Use of this source code is governed by a BSD-style license that can be
3290 * found in the LICENSE file. */
3291
3292 :host {
3293 align-items: center;
3294 background: rgb(63, 85, 102);
3295 color: white;
3296 content-sizing: padding-box;
3297 display: flex;
3298 height: 56px;
3299 }
3300
3301 #title h1 {
3302 -webkit-margin-end: 0;
3303 -webkit-margin-start: 24px;
3304 font-size: 107.7%;
3305 font-weight: normal;
3306 margin-bottom: 0;
3307 margin-top: 0;
3308 }
3309
3310 #actions {
3311 display: flex;
3312 flex: none;
3313 width: var(--downloads-item-width);
3314 }
3315
3316 :host(:not([downloads-showing])) #actions {
3317 justify-content: center;
3318 }
3319
3320 #actions paper-button:first-of-type {
3321 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */
3322 }
3323
3324 #actions paper-button:not(:last-of-type) {
3325 -webkit-margin-end: 8px; /* Margin between items. */
3326 }
3327
3328 #actions paper-button:last-of-type {
3329 -webkit-margin-end: -0.57em; /* Matches paper-button padding. */
3330 }
3331
3332 /* TODO(dbeam): use --paper-button-flat-keyboard-focus when possible.
3333 * https://github.com/PolymerElements/paper-button/pull/54 */
3334 #actions paper-button /deep/ .keyboard-focus {
3335 color: white;
3336 }
3337
3338 #actions {
3339 color: rgb(192, 199, 205);
3340 }
3341
3342 #search {
3343 -webkit-padding-end: 10px;
3344 box-sizing: border-box;
3345 display: flex;
3346 justify-content: flex-end;
3347 }
3348
3349 #title,
3350 #search {
3351 /* (1024 total width - 622 item width) / 2 = 201 room to play. */
3352 flex: 1 0 201px;
3353 }
3354
3355 paper-icon-button {
3356 --iron-icon-height: 20px;
3357 --iron-icon-width: 20px;
3358 --paper-icon-button: {
3359 height: 20px;
3360 padding: 6px;
3361 width: 20px;
3362 };
3363 }
3364
3365 #more {
3366 --paper-menu-button: {
3367 padding: 0;
3368 };
3369 -webkit-margin-start: 16px;
3370 }
3371
3372 paper-item {
3373 -webkit-user-select: none;
3374 cursor: pointer;
3375 font: inherit;
3376 min-height: 40px;
3377 }
3378
3379 paper-item:hover {
3380 background: #eaeaea; /* TODO(dbeam): real color? */
3381 }
3382
3383 @media not all and (max-width: 1024px) {
3384 /* Hide vertical dot menu when there's enough room for #actions. */
3385 paper-menu-button {
3386 display: none;
3387 }
3388 }
3389
3390 @media all and (max-width: 1024px) {
3391 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */
3392 #actions {
3393 display: none;
3394 }
3395 }
3396
3397 </style>
3398 </dom-module>
3399 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
3400 <template>
3401 <paper-header-panel id="panel" class="loading">
3402 <downloads-toolbar class="paper-header" id="toolbar"></downloads-toolbar>
3403 <div id="downloads-list" hidden$="[[!hasDownloads_]]"></div>
3404 <div id="no-downloads" hidden$="[[hasDownloads_]]">
3405 <div>
3406 <div class="illustration"></div>
3407 <span></span>
3408 </div>
3409 </div>
3410 </paper-header-panel>
3411 </template>
3412 <style>
3413 /* Copyright 2015 The Chromium Authors. All rights reserved.
3414 * Use of this source code is governed by a BSD-style license that can be
3415 * found in the LICENSE file. */
3416
3417 * {
3418 --downloads-item-width: 622px;
3419 }
3420
3421 paper-button {
3422 font-weight: 500;
3423 margin: 0;
3424 min-width: auto;
3425 }
3426
3427 </style>
3428 <style>
3429 /* Copyright 2015 The Chromium Authors. All rights reserved.
3430 * Use of this source code is governed by a BSD-style license that can be
3431 * found in the LICENSE file. */
3432
3433 :host {
3434 display: flex;
3435 flex: 1 0;
3436 flex-direction: column;
3437 height: 100%;
3438 }
3439
3440 @media screen and (max-width: 1024px) {
3441 :host {
3442 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */
3443 }
3444 }
3445
3446 #panel {
3447 --paper-header-panel-shadow: {
3448 display: none;
3449 };
3450 --paper-header-panel-standard-container: {
3451 display: flex;
3452 overflow-y: overlay;
3453 };
3454 }
3455
3456 #no-downloads,
3457 #downloads-list {
3458 flex: 1;
3459 }
3460
3461 .loading #no-downloads,
3462 .loading #downloads-list {
3463 display: none;
3464 }
3465
3466 #no-downloads {
3467 align-items: center;
3468 color: #b4b4b4;
3469 display: flex;
3470 font-size: 123.1%;
3471 font-weight: 500;
3472 justify-content: center;
3473 }
3474
3475 #no-downloads .illustration {
3476 background: -webkit-image-set(
3477 url("chrome://downloads/1x/no_downloads.png") 1x,
3478 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center;
3479 height: 144px; /* Matches natural image height. */
3480 margin-bottom: 32px;
3481 }
3482
3483 </style>
3484 </dom-module>
3485 </div>
3486 <downloads-manager></downloads-manager>
3487 <command id="clear-all-command" shortcut="Alt-U+0043"></command>
3488 <if expr="is_macosx">
3489 <command id="undo-command" shortcut="Meta-U+005A"></command>
3490 </if>
3491 <if expr="not is_macosx">
3492 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
3493 </if>
3494 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanize_readme.md ('k') | chrome/browser/ui/webui/downloads_ui.cc » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698