PageSourceSearch

https://the-timeline.jp/create

html the-timeline.jp collected 2026-10-04 11:42:10 UTC 67,475 bytes, 2,183 lines download raw bytes

1<!DOCTYPE html><html lang="ja"><head><meta name="theme-color" content="#009688"/><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1UA-30867542-20
vendor: 11 bytes, line 1
1"></script>
1<script>
2            
vendor: 163 bytes, lines 2-5
2window.dataLayer = window.dataLayer || [];
3            function gtag(){dataLayer.push(arguments);}
4            gtag('js', new Date());
5            gtag('config', '
5UA-30867542-20
vendor: 82 bytes, lines 5-8
5', {
6              page_path: window.location.pathname,
7            });
8          
8</script>
8<script data-ad-client="ca-pub-7840479109197513" async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
8<meta charSet="utf-8"/><meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width"/><link rel="icon" href="/favicon.ico"/><meta name="description" content="THE TIMELINE(ザ・タイムライン)は、Googleスプレッドシートのデータから自動でいい感じに年表を作成してくれるサービスです"/><meta name="keywords" content="年表,作成,無料,時系列,歴史,Googleスプレッドシート,NoCode,ノーコード,ツール,サービス,フリー,ソフト,アプリ,エクセル,自分史,作り方,タイムライン,THE TIMELINE"/><meta property="og:title" content="THE TIMELINE(ザ・タイムライン) | スプレッドシートからきれいな年表を自動作成"/><meta property="og:type" content="website"/><meta property="og:url" content="https://the-timeline.jp"/><meta property="og:image" content="https://the-timeline.jp/images/top/sample.png"/><meta property="og:site_name" content="THE TIMELINE(ザ・タイムライン) | スプレッドシートからきれいな年表を自動作成"/><meta property="og:description" content="THE TIMELINE(ザ・タイムライン)は、Googleスプレッドシートのデータから自動でいい感じに年表を作成してくれるサービスです"/><meta property="og:locale" content="ja_JP"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:description" content="THE TIMELINE(ザ・タイムライン)は、Googleスプレッドシートのデータから自動でいい感じに年表を作成してくれるサービスです"/><meta name="twitter:image:src" content="https://the-timeline.jp/images/top/sample.png"/><title>Create New Timeline - THE TIMELINE</title><meta name="next-head-count" content="16"/><link rel="preload" href="/_next/static/vW82eGAZwr25trQu_LBcC/pages/_app.js" as="script"/><link rel="preload" href="/_next/static/vW82eGAZwr25trQu_LBcC/pages/create.js" as="script"/><link rel="preload" href="/_next/static/runtime/webpack-c212667a5f965e81e004.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.126679bf45d7d49475d8.js" as="script"/><link rel="preload" href="/_next/static/chunks/484bcb1e.0c5816a8962459881180.js" as="script"/><link rel="preload" href="/_next/static/chunks/ff239f9d.b6636129e35dd5ef1303.js" as="script"/><link rel="preload" href="/_next/static/chunks/commons.020a96d8a8e71e9e3362.js" as="script"/><link rel="preload" href="/_next/static/chunks/850b9b47a14d2a4977ef39823fbc376dd9361813.ce13b2c24ead95346d91.js" as="script"/><link rel="preload" href="/_next/static/chunks/66918d823d9b2ddb6799aac305afd078175f4d22.1d627cce370c26b18e05.js" as="script"/><link rel="preload" href="/_next/static/runtime/main-09dcd9b43078557c88bf.js" as="script"/><link rel="preload" href="/_next/static/chunks/61066b57d5e1d61c16e8182a12f4aa391db6d6f0.7ffc26ddecb6a1ceed31.js" as="script"/><link rel="preload" href="/_next/static/chunks/21dc0eb65da6874a228d90ab31ee2200de57c89f.970a1ecfebd703837755.js" as="script"/><link rel="preload" href="/_next/static/chunks/6021e8772235dee53863be9207d99bc3a1a15c21.5ce693320f2af0910302.js" as="script"/><style id="jss-server-side">.MuiContainer-root {
9  width: 100%;
10  display: block;
11  box-sizing: border-box;
12  margin-left: auto;
13  margin-right: auto;
14  padding-left: 16px;
15  padding-right: 16px;
16}
17@media (min-width:600px) {
18  .MuiContainer-root {
19    padding-left: 24px;
20    padding-right: 24px;
21  }
22}
23  .MuiContainer-disableGutters {
24    padding-left: 0;
25    padding-right: 0;
26  }
27@media (min-width:600px) {
28  .MuiContainer-fixed {
29    max-width: 600px;
30  }
31}
32@media (min-width:960px) {
33  .MuiContainer-fixed {
34    max-width: 960px;
35  }
36}
37@media (min-width:1280px) {
38  .MuiContainer-fixed {
39    max-width: 1280px;
40  }
41}
42@media (min-width:1920px) {
43  .MuiContainer-fixed {
44    max-width: 1920px;
45  }
46}
47@media (min-width:0px) {
48  .MuiContainer-maxWidthXs {
49    max-width: 444px;
50  }
51}
52@media (min-width:600px) {
53  .MuiContainer-maxWidthSm {
54    max-width: 600px;
55  }
56}
57@media (min-width:960px) {
58  .MuiContainer-maxWidthMd {
59    max-width: 960px;
60  }
61}
62@media (min-width:1280px) {
63  .MuiContainer-maxWidthLg {
64    max-width: 1280px;
65  }
66}
67@media (min-width:1920px) {
68  .MuiContainer-maxWidthXl {
69    max-width: 1920px;
70  }
71}
72
73  .jss14 {
74    margin-bottom: 32px;
75  }
76  .jss15 {
77    margin-top: 32px;
78    margin-bottom: 32px;
79  }
80  .jss20 {
81    margin-top: 16px;
82    margin-bottom: 16px;
83  }
84  .jss21 {
85    margin-top: 64px;
86    margin-bottom: 64px;
87  }
88  .jss22 {
89    margin-top: 16px;
90    margin-bottom: 16px;
91  }
92  .jss23 {
93    margin-bottom: 16px;
94  }
95  .jss24 {
96    margin-bottom: 16px;
97  }
98  .jss25 {
99    margin-top: 64px;
100    margin-bottom: 64px;
101  }
102  .jss32 {
103    margin-top: 48px;
104    margin-bottom: 48px;
105  }
106  .jss33 {
107    margin-top: 32px;
108  }
109  .jss34 {
110    margin-top: 32px;
111  }
112  .jss35 {
113    margin-top: 16px;
114  }
115  .jss36 {  }
116html {
117  box-sizing: border-box;
118  -webkit-font-smoothing: antialiased;
119  -moz-osx-font-smoothing: grayscale;
120}
121*, *::before, *::after {
122  box-sizing: inherit;
123}
124strong, b {
125  font-weight: 700;
126}
127body {
128  color: rgba(0, 0, 0, 0.87);
129  margin: 0;
130  font-size: 0.875rem;
131  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
132  font-weight: 400;
133  line-height: 1.43;
134  letter-spacing: 0.01071em;
135  background-color: #fff;
136}
137@media print {
138  body {
139    background-color: #fff;
140  }
141}
142body::backdrop {
143  background-color: #fff;
144}
145  .MuiPaper-root {
146    color: rgba(0, 0, 0, 0.87);
147    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
148    background-color: #fff;
149  }
150  .MuiPaper-rounded {
151    border-radius: 4px;
152  }
153  .MuiPaper-outlined {
154    border: 1px solid rgba(0, 0, 0, 0.12);
155  }
156  .MuiPaper-elevation0 {
157    box-shadow: none;
158  }
159  .MuiPaper-elevation1 {
160    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
161  }
162  .MuiPaper-elevation2 {
163    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
164  }
165  .MuiPaper-elevation3 {
166    box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
167  }
168  .MuiPaper-elevation4 {
169    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
170  }
171  .MuiPaper-elevation5 {
172    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
173  }
174  .MuiPaper-elevation6 {
175    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
176  }
177  .MuiPaper-elevation7 {
178    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
179  }
180  .MuiPaper-elevation8 {
181    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
182  }
183  .MuiPaper-elevation9 {
184    box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
185  }
186  .MuiPaper-elevation10 {
187    box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
188  }
189  .MuiPaper-elevation11 {
190    box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
191  }
192  .MuiPaper-elevation12 {
193    box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
194  }
195  .MuiPaper-elevation13 {
196    box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
197  }
198  .MuiPaper-elevation14 {
199    box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
200  }
201  .MuiPaper-elevation15 {
202    box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
203  }
204  .MuiPaper-elevation16 {
205    box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
206  }
207  .MuiPaper-elevation17 {
208    box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
209  }
210  .MuiPaper-elevation18 {
211    box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
212  }
213  .MuiPaper-elevation19 {
214    box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
215  }
216  .MuiPaper-elevation20 {
217    box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
218  }
219  .MuiPaper-elevation21 {
220    box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
221  }
222  .MuiPaper-elevation22 {
223    box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
224  }
225  .MuiPaper-elevation23 {
226    box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
227  }
228  .MuiPaper-elevation24 {
229    box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
230  }
231  .MuiAppBar-root {
232    width: 100%;
233    display: flex;
234    z-index: 1100;
235    box-sizing: border-box;
236    flex-shrink: 0;
237    flex-direction: column;
238  }
239  .MuiAppBar-positionFixed {
240    top: 0;
241    left: auto;
242    right: 0;
243    position: fixed;
244  }
245@media print {
246  .MuiAppBar-positionFixed {
247    position: absolute;
248  }
249}
250  .MuiAppBar-positionAbsolute {
251    top: 0;
252    left: auto;
253    right: 0;
254    position: absolute;
255  }
256  .MuiAppBar-positionSticky {
257    top: 0;
258    left: auto;
259    right: 0;
260    position: sticky;
261  }
262  .MuiAppBar-positionStatic {
263    position: static;
264  }
265  .MuiAppBar-positionRelative {
266    position: relative;
267  }
268  .MuiAppBar-colorDefault {
269    color: rgba(0, 0, 0, 0.87);
270    background-color: #f5f5f5;
271  }
272  .MuiAppBar-colorPrimary {
273    color: #fff;
274    background-color: #009688;
275  }
276  .MuiAppBar-colorSecondary {
277    color: #fff;
278    background-color: #f50057;
279  }
280  .MuiAppBar-colorInherit {
281    color: inherit;
282  }
283  .MuiAppBar-colorTransparent {
284    color: inherit;
285    background-color: transparent;
286  }
287  .MuiToolbar-root {
288    display: flex;
289    position: relative;
290    align-items: center;
291  }
292  .MuiToolbar-gutters {
293    padding-left: 16px;
294    padding-right: 16px;
295  }
296@media (min-width:600px) {
297  .MuiToolbar-gutters {
298    padding-left: 24px;
299    padding-right: 24px;
300  }
301}
302  .MuiToolbar-regular {
303    min-height: 56px;
304  }
305@media (min-width:0px) and (orientation: landscape) {
306  .MuiToolbar-regular {
307    min-height: 48px;
308  }
309}
310@media (min-width:600px) {
311  .MuiToolbar-regular {
312    min-height: 64px;
313  }
314}
315  .MuiToolbar-dense {
316    min-height: 48px;
317  }
318  .MuiTypography-root {
319    margin: 0;
320  }
321  .MuiTypography-body2 {
322    font-size: 0.875rem;
323    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
324    font-weight: 400;
325    line-height: 1.43;
326    letter-spacing: 0.01071em;
327  }
328  .MuiTypography-body1 {
329    font-size: 1rem;
330    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
331    font-weight: 400;
332    line-height: 1.5;
333    letter-spacing: 0.00938em;
334  }
335  .MuiTypography-caption {
336    font-size: 0.75rem;
337    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
338    font-weight: 400;
339    line-height: 1.66;
340    letter-spacing: 0.03333em;
341  }
342  .MuiTypography-button {
343    font-size: 0.875rem;
344    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
345    font-weight: 500;
346    line-height: 1.75;
347    letter-spacing: 0.02857em;
348    text-transform: uppercase;
349  }
350  .MuiTypography-h1 {
351    font-size: 6rem;
352    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
353    font-weight: 300;
354    line-height: 1.167;
355    letter-spacing: -0.01562em;
356  }
357  .MuiTypography-h2 {
358    font-size: 3.75rem;
359    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
360    font-weight: 300;
361    line-height: 1.2;
362    letter-spacing: -0.00833em;
363  }
364  .MuiTypography-h3 {
365    font-size: 3rem;
366    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
367    font-weight: 400;
368    line-height: 1.167;
369    letter-spacing: 0em;
370  }
371  .MuiTypography-h4 {
372    font-size: 2.125rem;
373    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
374    font-weight: 400;
375    line-height: 1.235;
376    letter-spacing: 0.00735em;
377  }
378  .MuiTypography-h5 {
379    font-size: 1.5rem;
380    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
381    font-weight: 400;
382    line-height: 1.334;
383    letter-spacing: 0em;
384  }
385  .MuiTypography-h6 {
386    font-size: 1.25rem;
387    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
388    font-weight: 500;
389    line-height: 1.6;
390    letter-spacing: 0.0075em;
391  }
392  .MuiTypography-subtitle1 {
393    font-size: 1rem;
394    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
395    font-weight: 400;
396    line-height: 1.75;
397    letter-spacing: 0.00938em;
398  }
399  .MuiTypography-subtitle2 {
400    font-size: 0.875rem;
401    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
402    font-weight: 500;
403    line-height: 1.57;
404    letter-spacing: 0.00714em;
405  }
406  .MuiTypography-overline {
407    font-size: 0.75rem;
408    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
409    font-weight: 400;
410    line-height: 2.66;
411    letter-spacing: 0.08333em;
412    text-transform: uppercase;
413  }
414  .MuiTypography-srOnly {
415    width: 1px;
416    height: 1px;
417    overflow: hidden;
418    position: absolute;
419  }
420  .MuiTypography-alignLeft {
421    text-align: left;
422  }
423  .MuiTypography-alignCenter {
424    text-align: center;
425  }
426  .MuiTypography-alignRight {
427    text-align: right;
428  }
429  .MuiTypography-alignJustify {
430    text-align: justify;
431  }
432  .MuiTypography-noWrap {
433    overflow: hidden;
434    white-space: nowrap;
435    text-overflow: ellipsis;
436  }
437  .MuiTypography-gutterBottom {
438    margin-bottom: 0.35em;
439  }
440  .MuiTypography-paragraph {
441    margin-bottom: 16px;
442  }
443  .MuiTypography-colorInherit {
444    color: inherit;
445  }
446  .MuiTypography-colorPrimary {
447    color: #009688;
448  }
449  .MuiTypography-colorSecondary {
450    color: #f50057;
451  }
452  .MuiTypography-colorTextPrimary {
453    color: rgba(0, 0, 0, 0.87);
454  }
455  .MuiTypography-colorTextSecondary {
456    color: rgba(0, 0, 0, 0.54);
457  }
458  .MuiTypography-colorError {
459    color: #f44336;
460  }
461  .MuiTypography-displayInline {
462    display: inline;
463  }
464  .MuiTypography-displayBlock {
465    display: block;
466  }
467  .MuiButtonBase-root {
468    color: inherit;
469    border: 0;
470    cursor: pointer;
471    margin: 0;
472    display: inline-flex;
473    outline: 0;
474    padding: 0;
475    position: relative;
476    align-items: center;
477    user-select: none;
478    border-radius: 0;
479    vertical-align: middle;
480    -moz-appearance: none;
481    justify-content: center;
482    text-decoration: none;
483    background-color: transparent;
484    -webkit-appearance: none;
485    -webkit-tap-highlight-color: transparent;
486  }
487  .MuiButtonBase-root::-moz-focus-inner {
488    border-style: none;
489  }
490  .MuiButtonBase-root.Mui-disabled {
491    cursor: default;
492    pointer-events: none;
493  }
494@media print {
495  .MuiButtonBase-root {
496    color-adjust: exact;
497  }
498}
499  .MuiButton-root {
500    color: rgba(0, 0, 0, 0.87);
501    padding: 6px 16px;
502    font-size: 0.875rem;
503    min-width: 64px;
504    box-sizing: border-box;
505    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
506    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
507    font-weight: 500;
508    line-height: 1.75;
509    border-radius: 4px;
510    letter-spacing: 0.02857em;
511    text-transform: uppercase;
512  }
513  .MuiButton-root:hover {
514    text-decoration: none;
515    background-color: rgba(0, 0, 0, 0.04);
516  }
517  .MuiButton-root.Mui-disabled {
518    color: rgba(0, 0, 0, 0.26);
519  }
520@media (hover: none) {
521  .MuiButton-root:hover {
522    background-color: transparent;
523  }
524}
525  .MuiButton-root:hover.Mui-disabled {
526    background-color: transparent;
527  }
528  .MuiButton-label {
529    width: 100%;
530    display: inherit;
531    align-items: inherit;
532    justify-content: inherit;
533  }
534  .MuiButton-text {
535    padding: 6px 8px;
536  }
537  .MuiButton-textPrimary {
538    color: #009688;
539  }
540  .MuiButton-textPrimary:hover {
541    background-color: rgba(0, 150, 136, 0.04);
542  }
543@media (hover: none) {
544  .MuiButton-textPrimary:hover {
545    background-color: transparent;
546  }
547}
548  .MuiButton-textSecondary {
549    color: #f50057;
550  }
551  .MuiButton-textSecondary:hover {
552    background-color: rgba(245, 0, 87, 0.04);
553  }
554@media (hover: none) {
555  .MuiButton-textSecondary:hover {
556    background-color: transparent;
557  }
558}
559  .MuiButton-outlined {
560    border: 1px solid rgba(0, 0, 0, 0.23);
561    padding: 5px 15px;
562  }
563  .MuiButton-outlined.Mui-disabled {
564    border: 1px solid rgba(0, 0, 0, 0.12);
565  }
566  .MuiButton-outlinedPrimary {
567    color: #009688;
568    border: 1px solid rgba(0, 150, 136, 0.5);
569  }
570  .MuiButton-outlinedPrimary:hover {
571    border: 1px solid #009688;
572    background-color: rgba(0, 150, 136, 0.04);
573  }
574@media (hover: none) {
575  .MuiButton-outlinedPrimary:hover {
576    background-color: transparent;
577  }
578}
579  .MuiButton-outlinedSecondary {
580    color: #f50057;
581    border: 1px solid rgba(245, 0, 87, 0.5);
582  }
583  .MuiButton-outlinedSecondary:hover {
584    border: 1px solid #f50057;
585    background-color: rgba(245, 0, 87, 0.04);
586  }
587  .MuiButton-outlinedSecondary.Mui-disabled {
588    border: 1px solid rgba(0, 0, 0, 0.26);
589  }
590@media (hover: none) {
591  .MuiButton-outlinedSecondary:hover {
592    background-color: transparent;
593  }
594}
595  .MuiButton-contained {
596    color: rgba(0, 0, 0, 0.87);
597    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
598    background-color: #e0e0e0;
599  }
600  .MuiButton-contained:hover {
601    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
602    background-color: #d5d5d5;
603  }
604  .MuiButton-contained.Mui-focusVisible {
605    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
606  }
607  .MuiButton-contained:active {
608    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
609  }
610  .MuiButton-contained.Mui-disabled {
611    color: rgba(0, 0, 0, 0.26);
612    box-shadow: none;
613    background-color: rgba(0, 0, 0, 0.12);
614  }
615@media (hover: none) {
616  .MuiButton-contained:hover {
617    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
618    background-color: #e0e0e0;
619  }
620}
621  .MuiButton-contained:hover.Mui-disabled {
622    background-color: rgba(0, 0, 0, 0.12);
623  }
624  .MuiButton-containedPrimary {
625    color: #fff;
626    background-color: #009688;
627  }
628  .MuiButton-containedPrimary:hover {
629    background-color: #00796b;
630  }
631@media (hover: none) {
632  .MuiButton-containedPrimary:hover {
633    background-color: #009688;
634  }
635}
636  .MuiButton-containedSecondary {
637    color: #fff;
638    background-color: #f50057;
639  }
640  .MuiButton-containedSecondary:hover {
641    background-color: #c51162;
642  }
643@media (hover: none) {
644  .MuiButton-containedSecondary:hover {
645    background-color: #f50057;
646  }
647}
648  .MuiButton-disableElevation {
649    box-shadow: none;
650  }
651  .MuiButton-disableElevation:hover {
652    box-shadow: none;
653  }
654  .MuiButton-disableElevation.Mui-focusVisible {
655    box-shadow: none;
656  }
657  .MuiButton-disableElevation:active {
658    box-shadow: none;
659  }
660  .MuiButton-disableElevation.Mui-disabled {
661    box-shadow: none;
662  }
663  .MuiButton-colorInherit {
664    color: inherit;
665    border-color: currentColor;
666  }
667  .MuiButton-textSizeSmall {
668    padding: 4px 5px;
669    font-size: 0.8125rem;
670  }
671  .MuiButton-textSizeLarge {
672    padding: 8px 11px;
673    font-size: 0.9375rem;
674  }
675  .MuiButton-outlinedSizeSmall {
676    padding: 3px 9px;
677    font-size: 0.8125rem;
678  }
679  .MuiButton-outlinedSizeLarge {
680    padding: 7px 21px;
681    font-size: 0.9375rem;
682  }
683  .MuiButton-containedSizeSmall {
684    padding: 4px 10px;
685    font-size: 0.8125rem;
686  }
687  .MuiButton-containedSizeLarge {
688    padding: 8px 22px;
689    font-size: 0.9375rem;
690  }
691  .MuiButton-fullWidth {
692    width: 100%;
693  }
694  .MuiButton-startIcon {
695    display: inherit;
696    margin-left: -4px;
697    margin-right: 8px;
698  }
699  .MuiButton-startIcon.MuiButton-iconSizeSmall {
700    margin-left: -2px;
701  }
702  .MuiButton-endIcon {
703    display: inherit;
704    margin-left: 8px;
705    margin-right: -4px;
706  }
707  .MuiButton-endIcon.MuiButton-iconSizeSmall {
708    margin-right: -2px;
709  }
710  .MuiButton-iconSizeSmall > *:first-child {
711    font-size: 18px;
712  }
713  .MuiButton-iconSizeMedium > *:first-child {
714    font-size: 20px;
715  }
716  .MuiButton-iconSizeLarge > *:first-child {
717    font-size: 22px;
718  }
719  .MuiIconButton-root {
720    flex: 0 0 auto;
721    color: rgba(0, 0, 0, 0.54);
722    padding: 12px;
723    overflow: visible;
724    font-size: 1.5rem;
725    text-align: center;
726    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
727    border-radius: 50%;
728  }
729  .MuiIconButton-root:hover {
730    background-color: rgba(0, 0, 0, 0.04);
731  }
732  .MuiIconButton-root.Mui-disabled {
733    color: rgba(0, 0, 0, 0.26);
734    background-color: transparent;
735  }
736@media (hover: none) {
737  .MuiIconButton-root:hover {
738    background-color: transparent;
739  }
740}
741  .MuiIconButton-edgeStart {
742    margin-left: -12px;
743  }
744  .MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
745    margin-left: -3px;
746  }
747  .MuiIconButton-edgeEnd {
748    margin-right: -12px;
749  }
750  .MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
751    margin-right: -3px;
752  }
753  .MuiIconButton-colorInherit {
754    color: inherit;
755  }
756  .MuiIconButton-colorPrimary {
757    color: #009688;
758  }
759  .MuiIconButton-colorPrimary:hover {
760    background-color: rgba(0, 150, 136, 0.04);
761  }
762@media (hover: none) {
763  .MuiIconButton-colorPrimary:hover {
764    background-color: transparent;
765  }
766}
767  .MuiIconButton-colorSecondary {
768    color: #f50057;
769  }
770  .MuiIconButton-colorSecondary:hover {
771    background-color: rgba(245, 0, 87, 0.04);
772  }
773@media (hover: none) {
774  .MuiIconButton-colorSecondary:hover {
775    background-color: transparent;
776  }
777}
778  .MuiIconButton-sizeSmall {
779    padding: 3px;
780    font-size: 1.125rem;
781  }
782  .MuiIconButton-label {
783    width: 100%;
784    display: flex;
785    align-items: inherit;
786    justify-content: inherit;
787  }
788  .MuiSvgIcon-root {
789    fill: currentColor;
790    width: 1em;
791    height: 1em;
792    display: inline-block;
793    font-size: 1.5rem;
794    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
795    flex-shrink: 0;
796    user-select: none;
797  }
798  .MuiSvgIcon-colorPrimary {
799    color: #009688;
800  }
801  .MuiSvgIcon-colorSecondary {
802    color: #f50057;
803  }
804  .MuiSvgIcon-colorAction {
805    color: rgba(0, 0, 0, 0.54);
806  }
807  .MuiSvgIcon-colorError {
808    color: #f44336;
809  }
810  .MuiSvgIcon-colorDisabled {
811    color: rgba(0, 0, 0, 0.26);
812  }
813  .MuiSvgIcon-fontSizeInherit {
814    font-size: inherit;
815  }
816  .MuiSvgIcon-fontSizeSmall {
817    font-size: 1.25rem;
818  }
819  .MuiSvgIcon-fontSizeLarge {
820    font-size: 2.1875rem;
821  }
822  .MuiLink-underlineNone {
823    text-decoration: none;
824  }
825  .MuiLink-underlineHover {
826    text-decoration: none;
827  }
828  .MuiLink-underlineHover:hover {
829    text-decoration: underline;
830  }
831  .MuiLink-underlineAlways {
832    text-decoration: underline;
833  }
834  .MuiLink-button {
835    border: 0;
836    cursor: pointer;
837    margin: 0;
838    outline: 0;
839    padding: 0;
840    position: relative;
841    user-select: none;
842    border-radius: 0;
843    vertical-align: middle;
844    -moz-appearance: none;
845    background-color: transparent;
846    -webkit-appearance: none;
847    -webkit-tap-highlight-color: transparent;
848  }
849  .MuiLink-button::-moz-focus-inner {
850    border-style: none;
851  }
852  .MuiLink-button.Mui-focusVisible {
853    outline: auto;
854  }
855  .MuiBackdrop-root {
856    top: 0;
857    left: 0;
858    right: 0;
859    bottom: 0;
860    display: flex;
861    z-index: -1;
862    position: fixed;
863    align-items: center;
864    justify-content: center;
865    background-color: rgba(0, 0, 0, 0.5);
866    -webkit-tap-highlight-color: transparent;
867  }
868  .MuiBackdrop-invisible {
869    background-color: transparent;
870  }
871  .MuiDrawer-docked {
872    flex: 0 0 auto;
873  }
874  .MuiDrawer-paper {
875    top: 0;
876    flex: 1 0 auto;
877    height: 100%;
878    display: flex;
879    outline: 0;
880    z-index: 1200;
881    position: fixed;
882    overflow-y: auto;
883    flex-direction: column;
884    -webkit-overflow-scrolling: touch;
885  }
886  .MuiDrawer-paperAnchorLeft {
887    left: 0;
888    right: auto;
889  }
890  .MuiDrawer-paperAnchorRight {
891    left: auto;
892    right: 0;
893  }
894  .MuiDrawer-paperAnchorTop {
895    top: 0;
896    left: 0;
897    right: 0;
898    bottom: auto;
899    height: auto;
900    max-height: 100%;
901  }
902  .MuiDrawer-paperAnchorBottom {
903    top: auto;
904    left: 0;
905    right: 0;
906    bottom: 0;
907    height: auto;
908    max-height: 100%;
909  }
910  .MuiDrawer-paperAnchorDockedLeft {
911    border-right: 1px solid rgba(0, 0, 0, 0.12);
912  }
913  .MuiDrawer-paperAnchorDockedTop {
914    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
915  }
916  .MuiDrawer-paperAnchorDockedRight {
917    border-left: 1px solid rgba(0, 0, 0, 0.12);
918  }
919  .MuiDrawer-paperAnchorDockedBottom {
920    border-top: 1px solid rgba(0, 0, 0, 0.12);
921  }
922  .MuiSnackbar-root {
923    left: 8px;
924    right: 8px;
925    display: flex;
926    z-index: 1400;
927    position: fixed;
928    align-items: center;
929    justify-content: center;
930  }
931  .MuiSnackbar-anchorOriginTopCenter {
932    top: 8px;
933  }
934@media (min-width:600px) {
935  .MuiSnackbar-anchorOriginTopCenter {
936    top: 24px;
937    left: 50%;
938    right: auto;
939    transform: translateX(-50%);
940  }
941}
942  .MuiSnackbar-anchorOriginBottomCenter {
943    bottom: 8px;
944  }
945@media (min-width:600px) {
946  .MuiSnackbar-anchorOriginBottomCenter {
947    left: 50%;
948    right: auto;
949    bottom: 24px;
950    transform: translateX(-50%);
951  }
952}
953  .MuiSnackbar-anchorOriginTopRight {
954    top: 8px;
955    justify-content: flex-end;
956  }
957@media (min-width:600px) {
958  .MuiSnackbar-anchorOriginTopRight {
959    top: 24px;
960    left: auto;
961    right: 24px;
962  }
963}
964  .MuiSnackbar-anchorOriginBottomRight {
965    bottom: 8px;
966    justify-content: flex-end;
967  }
968@media (min-width:600px) {
969  .MuiSnackbar-anchorOriginBottomRight {
970    left: auto;
971    right: 24px;
972    bottom: 24px;
973  }
974}
975  .MuiSnackbar-anchorOriginTopLeft {
976    top: 8px;
977    justify-content: flex-start;
978  }
979@media (min-width:600px) {
980  .MuiSnackbar-anchorOriginTopLeft {
981    top: 24px;
982    left: 24px;
983    right: auto;
984  }
985}
986  .MuiSnackbar-anchorOriginBottomLeft {
987    bottom: 8px;
988    justify-content: flex-start;
989  }
990@media (min-width:600px) {
991  .MuiSnackbar-anchorOriginBottomLeft {
992    left: 24px;
993    right: auto;
994    bottom: 24px;
995  }
996}
997  .MuiCircularProgress-root {
998    display: inline-block;
999  }
1000  .MuiCircularProgress-static {
1001    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1002  }
1003  .MuiCircularProgress-indeterminate {
1004    animation: MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite;
1005  }
1006  .MuiCircularProgress-colorPrimary {
1007    color: #009688;
1008  }
1009  .MuiCircularProgress-colorSecondary {
1010    color: #f50057;
1011  }
1012  .MuiCircularProgress-svg {
1013    display: block;
1014  }
1015  .MuiCircularProgress-circle {
1016    stroke: currentColor;
1017  }
1018  .MuiCircularProgress-circleStatic {
1019    transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1020  }
1021  .MuiCircularProgress-circleIndeterminate {
1022    animation: MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;
1023    stroke-dasharray: 80px, 200px;
1024    stroke-dashoffset: 0px;
1025  }
1026@keyframes MuiCircularProgress-keyframes-circular-rotate {
1027  0% {
1028    transform-origin: 50% 50%;
1029  }
1030  100% {
1031    transform: rotate(360deg);
1032  }
1033}
1034@keyframes MuiCircularProgress-keyframes-circular-dash {
1035  0% {
1036    stroke-dasharray: 1px, 200px;
1037    stroke-dashoffset: 0px;
1038  }
1039  50% {
1040    stroke-dasharray: 100px, 200px;
1041    stroke-dashoffset: -15px;
1042  }
1043  100% {
1044    stroke-dasharray: 100px, 200px;
1045    stroke-dashoffset: -125px;
1046  }
1047}
1048  .MuiCircularProgress-circleDisableShrink {
1049    animation: none;
1050  }
1051  .jss1 {
1052    flex-grow: 1;
1053  }
1054  .jss2 {
1055    background-color: #000;
1056  }
1057  .jss3 {
1058    margin-right: 8px;
1059    vertical-align: text-bottom;
1060  }
1061  .jss4 {
1062    flex-grow: 1;
1063  }
1064  .jss5 {
1065    width: 250px;
1066  }
1067  .jss6 {
1068    margin-top: 16px;
1069    margin-bottom: 16px;
1070  }
1071  .jss7 {
1072    margin-left: 8px;
1073    vertical-align: text-bottom;
1074  }
1075  .jss26 {
1076    color: #ccc;
1077    background-color: #000;
1078  }
1079  .jss27 a {
1080    color: #ccc;
1081    text-decoration: none;
1082  }
1083  .jss27 a:hover {
1084    color: #fff;
1085    text-decoration: underline;
1086  }
1087  .jss28 a {
1088    margin-right: 8px;
1089    padding-right: 8px;
1090  }
1091  .jss28 a:not(:last-child) {
1092    border-right: 1px solid #555;
1093  }
1094  .jss29 {
1095    margin-right: 8px;
1096    vertical-align: text-bottom;
1097  }
1098  .jss30 {
1099    margin-right: 8px;
1100    background-color: rgb(90, 164, 235) !important;
1101  }
1102  .jss31 {
1103    background-color: rgb(59, 89, 152) !important;
1104  }
1105  .MuiGrid-container {
1106    width: 100%;
1107    display: flex;
1108    flex-wrap: wrap;
1109    box-sizing: border-box;
1110  }
1111  .MuiGrid-item {
1112    margin: 0;
1113    box-sizing: border-box;
1114  }
1115  .MuiGrid-zeroMinWidth {
1116    min-width: 0;
1117  }
1118  .MuiGrid-direction-xs-column {
1119    flex-direction: column;
1120  }
1121  .MuiGrid-direction-xs-column-reverse {
1122    flex-direction: column-reverse;
1123  }
1124  .MuiGrid-direction-xs-row-reverse {
1125    flex-direction: row-reverse;
1126  }
1127  .MuiGrid-wrap-xs-nowrap {
1128    flex-wrap: nowrap;
1129  }
1130  .MuiGrid-wrap-xs-wrap-reverse {
1131    flex-wrap: wrap-reverse;
1132  }
1133  .MuiGrid-align-items-xs-center {
1134    align-items: center;
1135  }
1136  .MuiGrid-align-items-xs-flex-start {
1137    align-items: flex-start;
1138  }
1139  .MuiGrid-align-items-xs-flex-end {
1140    align-items: flex-end;
1141  }
1142  .MuiGrid-align-items-xs-baseline {
1143    align-items: baseline;
1144  }
1145  .MuiGrid-align-content-xs-center {
1146    align-content: center;
1147  }
1148  .MuiGrid-align-content-xs-flex-start {
1149    align-content: flex-start;
1150  }
1151  .MuiGrid-align-content-xs-flex-end {
1152    align-content: flex-end;
1153  }
1154  .MuiGrid-align-content-xs-space-between {
1155    align-content: space-between;
1156  }
1157  .MuiGrid-align-content-xs-space-around {
1158    align-content: space-around;
1159  }
1160  .MuiGrid-justify-xs-center {
1161    justify-content: center;
1162  }
1163  .MuiGrid-justify-xs-flex-end {
1164    justify-content: flex-end;
1165  }
1166  .MuiGrid-justify-xs-space-between {
1167    justify-content: space-between;
1168  }
1169  .MuiGrid-justify-xs-space-around {
1170    justify-content: space-around;
1171  }
1172  .MuiGrid-justify-xs-space-evenly {
1173    justify-content: space-evenly;
1174  }
1175  .MuiGrid-spacing-xs-1 {
1176    width: calc(100% + 8px);
1177    margin: -4px;
1178  }
1179  .MuiGrid-spacing-xs-1 > .MuiGrid-item {
1180    padding: 4px;
1181  }
1182  .MuiGrid-spacing-xs-2 {
1183    width: calc(100% + 16px);
1184    margin: -8px;
1185  }
1186  .MuiGrid-spacing-xs-2 > .MuiGrid-item {
1187    padding: 8px;
1188  }
1189  .MuiGrid-spacing-xs-3 {
1190    width: calc(100% + 24px);
1191    margin: -12px;
1192  }
1193  .MuiGrid-spacing-xs-3 > .MuiGrid-item {
1194    padding: 12px;
1195  }
1196  .MuiGrid-spacing-xs-4 {
1197    width: calc(100% + 32px);
1198    margin: -16px;
1199  }
1200  .MuiGrid-spacing-xs-4 > .MuiGrid-item {
1201    padding: 16px;
1202  }
1203  .MuiGrid-spacing-xs-5 {
1204    width: calc(100% + 40px);
1205    margin: -20px;
1206  }
1207  .MuiGrid-spacing-xs-5 > .MuiGrid-item {
1208    padding: 20px;
1209  }
1210  .MuiGrid-spacing-xs-6 {
1211    width: calc(100% + 48px);
1212    margin: -24px;
1213  }
1214  .MuiGrid-spacing-xs-6 > .MuiGrid-item {
1215    padding: 24px;
1216  }
1217  .MuiGrid-spacing-xs-7 {
1218    width: calc(100% + 56px);
1219    margin: -28px;
1220  }
1221  .MuiGrid-spacing-xs-7 > .MuiGrid-item {
1222    padding: 28px;
1223  }
1224  .MuiGrid-spacing-xs-8 {
1225    width: calc(100% + 64px);
1226    margin: -32px;
1227  }
1228  .MuiGrid-spacing-xs-8 > .MuiGrid-item {
1229    padding: 32px;
1230  }
1231  .MuiGrid-spacing-xs-9 {
1232    width: calc(100% + 72px);
1233    margin: -36px;
1234  }
1235  .MuiGrid-spacing-xs-9 > .MuiGrid-item {
1236    padding: 36px;
1237  }
1238  .MuiGrid-spacing-xs-10 {
1239    width: calc(100% + 80px);
1240    margin: -40px;
1241  }
1242  .MuiGrid-spacing-xs-10 > .MuiGrid-item {
1243    padding: 40px;
1244  }
1245  .MuiGrid-grid-xs-auto {
1246    flex-grow: 0;
1247    max-width: none;
1248    flex-basis: auto;
1249  }
1250  .MuiGrid-grid-xs-true {
1251    flex-grow: 1;
1252    max-width: 100%;
1253    flex-basis: 0;
1254  }
1255  .MuiGrid-grid-xs-1 {
1256    flex-grow: 0;
1257    max-width: 8.333333%;
1258    flex-basis: 8.333333%;
1259  }
1260  .MuiGrid-grid-xs-2 {
1261    flex-grow: 0;
1262    max-width: 16.666667%;
1263    flex-basis: 16.666667%;
1264  }
1265  .MuiGrid-grid-xs-3 {
1266    flex-grow: 0;
1267    max-width: 25%;
1268    flex-basis: 25%;
1269  }
1270  .MuiGrid-grid-xs-4 {
1271    flex-grow: 0;
1272    max-width: 33.333333%;
1273    flex-basis: 33.333333%;
1274  }
1275  .MuiGrid-grid-xs-5 {
1276    flex-grow: 0;
1277    max-width: 41.666667%;
1278    flex-basis: 41.666667%;
1279  }
1280  .MuiGrid-grid-xs-6 {
1281    flex-grow: 0;
1282    max-width: 50%;
1283    flex-basis: 50%;
1284  }
1285  .MuiGrid-grid-xs-7 {
1286    flex-grow: 0;
1287    max-width: 58.333333%;
1288    flex-basis: 58.333333%;
1289  }
1290  .MuiGrid-grid-xs-8 {
1291    flex-grow: 0;
1292    max-width: 66.666667%;
1293    flex-basis: 66.666667%;
1294  }
1295  .MuiGrid-grid-xs-9 {
1296    flex-grow: 0;
1297    max-width: 75%;
1298    flex-basis: 75%;
1299  }
1300  .MuiGrid-grid-xs-10 {
1301    flex-grow: 0;
1302    max-width: 83.333333%;
1303    flex-basis: 83.333333%;
1304  }
1305  .MuiGrid-grid-xs-11 {
1306    flex-grow: 0;
1307    max-width: 91.666667%;
1308    flex-basis: 91.666667%;
1309  }
1310  .MuiGrid-grid-xs-12 {
1311    flex-grow: 0;
1312    max-width: 100%;
1313    flex-basis: 100%;
1314  }
1315@media (min-width:600px) {
1316  .MuiGrid-grid-sm-auto {
1317    flex-grow: 0;
1318    max-width: none;
1319    flex-basis: auto;
1320  }
1321  .MuiGrid-grid-sm-true {
1322    flex-grow: 1;
1323    max-width: 100%;
1324    flex-basis: 0;
1325  }
1326  .MuiGrid-grid-sm-1 {
1327    flex-grow: 0;
1328    max-width: 8.333333%;
1329    flex-basis: 8.333333%;
1330  }
1331  .MuiGrid-grid-sm-2 {
1332    flex-grow: 0;
1333    max-width: 16.666667%;
1334    flex-basis: 16.666667%;
1335  }
1336  .MuiGrid-grid-sm-3 {
1337    flex-grow: 0;
1338    max-width: 25%;
1339    flex-basis: 25%;
1340  }
1341  .MuiGrid-grid-sm-4 {
1342    flex-grow: 0;
1343    max-width: 33.333333%;
1344    flex-basis: 33.333333%;
1345  }
1346  .MuiGrid-grid-sm-5 {
1347    flex-grow: 0;
1348    max-width: 41.666667%;
1349    flex-basis: 41.666667%;
1350  }
1351  .MuiGrid-grid-sm-6 {
1352    flex-grow: 0;
1353    max-width: 50%;
1354    flex-basis: 50%;
1355  }
1356  .MuiGrid-grid-sm-7 {
1357    flex-grow: 0;
1358    max-width: 58.333333%;
1359    flex-basis: 58.333333%;
1360  }
1361  .MuiGrid-grid-sm-8 {
1362    flex-grow: 0;
1363    max-width: 66.666667%;
1364    flex-basis: 66.666667%;
1365  }
1366  .MuiGrid-grid-sm-9 {
1367    flex-grow: 0;
1368    max-width: 75%;
1369    flex-basis: 75%;
1370  }
1371  .MuiGrid-grid-sm-10 {
1372    flex-grow: 0;
1373    max-width: 83.333333%;
1374    flex-basis: 83.333333%;
1375  }
1376  .MuiGrid-grid-sm-11 {
1377    flex-grow: 0;
1378    max-width: 91.666667%;
1379    flex-basis: 91.666667%;
1380  }
1381  .MuiGrid-grid-sm-12 {
1382    flex-grow: 0;
1383    max-width: 100%;
1384    flex-basis: 100%;
1385  }
1386}
1387@media (min-width:960px) {
1388  .MuiGrid-grid-md-auto {
1389    flex-grow: 0;
1390    max-width: none;
1391    flex-basis: auto;
1392  }
1393  .MuiGrid-grid-md-true {
1394    flex-grow: 1;
1395    max-width: 100%;
1396    flex-basis: 0;
1397  }
1398  .MuiGrid-grid-md-1 {
1399    flex-grow: 0;
1400    max-width: 8.333333%;
1401    flex-basis: 8.333333%;
1402  }
1403  .MuiGrid-grid-md-2 {
1404    flex-grow: 0;
1405    max-width: 16.666667%;
1406    flex-basis: 16.666667%;
1407  }
1408  .MuiGrid-grid-md-3 {
1409    flex-grow: 0;
1410    max-width: 25%;
1411    flex-basis: 25%;
1412  }
1413  .MuiGrid-grid-md-4 {
1414    flex-grow: 0;
1415    max-width: 33.333333%;
1416    flex-basis: 33.333333%;
1417  }
1418  .MuiGrid-grid-md-5 {
1419    flex-grow: 0;
1420    max-width: 41.666667%;
1421    flex-basis: 41.666667%;
1422  }
1423  .MuiGrid-grid-md-6 {
1424    flex-grow: 0;
1425    max-width: 50%;
1426    flex-basis: 50%;
1427  }
1428  .MuiGrid-grid-md-7 {
1429    flex-grow: 0;
1430    max-width: 58.333333%;
1431    flex-basis: 58.333333%;
1432  }
1433  .MuiGrid-grid-md-8 {
1434    flex-grow: 0;
1435    max-width: 66.666667%;
1436    flex-basis: 66.666667%;
1437  }
1438  .MuiGrid-grid-md-9 {
1439    flex-grow: 0;
1440    max-width: 75%;
1441    flex-basis: 75%;
1442  }
1443  .MuiGrid-grid-md-10 {
1444    flex-grow: 0;
1445    max-width: 83.333333%;
1446    flex-basis: 83.333333%;
1447  }
1448  .MuiGrid-grid-md-11 {
1449    flex-grow: 0;
1450    max-width: 91.666667%;
1451    flex-basis: 91.666667%;
1452  }
1453  .MuiGrid-grid-md-12 {
1454    flex-grow: 0;
1455    max-width: 100%;
1456    flex-basis: 100%;
1457  }
1458}
1459@media (min-width:1280px) {
1460  .MuiGrid-grid-lg-auto {
1461    flex-grow: 0;
1462    max-width: none;
1463    flex-basis: auto;
1464  }
1465  .MuiGrid-grid-lg-true {
1466    flex-grow: 1;
1467    max-width: 100%;
1468    flex-basis: 0;
1469  }
1470  .MuiGrid-grid-lg-1 {
1471    flex-grow: 0;
1472    max-width: 8.333333%;
1473    flex-basis: 8.333333%;
1474  }
1475  .MuiGrid-grid-lg-2 {
1476    flex-grow: 0;
1477    max-width: 16.666667%;
1478    flex-basis: 16.666667%;
1479  }
1480  .MuiGrid-grid-lg-3 {
1481    flex-grow: 0;
1482    max-width: 25%;
1483    flex-basis: 25%;
1484  }
1485  .MuiGrid-grid-lg-4 {
1486    flex-grow: 0;
1487    max-width: 33.333333%;
1488    flex-basis: 33.333333%;
1489  }
1490  .MuiGrid-grid-lg-5 {
1491    flex-grow: 0;
1492    max-width: 41.666667%;
1493    flex-basis: 41.666667%;
1494  }
1495  .MuiGrid-grid-lg-6 {
1496    flex-grow: 0;
1497    max-width: 50%;
1498    flex-basis: 50%;
1499  }
1500  .MuiGrid-grid-lg-7 {
1501    flex-grow: 0;
1502    max-width: 58.333333%;
1503    flex-basis: 58.333333%;
1504  }
1505  .MuiGrid-grid-lg-8 {
1506    flex-grow: 0;
1507    max-width: 66.666667%;
1508    flex-basis: 66.666667%;
1509  }
1510  .MuiGrid-grid-lg-9 {
1511    flex-grow: 0;
1512    max-width: 75%;
1513    flex-basis: 75%;
1514  }
1515  .MuiGrid-grid-lg-10 {
1516    flex-grow: 0;
1517    max-width: 83.333333%;
1518    flex-basis: 83.333333%;
1519  }
1520  .MuiGrid-grid-lg-11 {
1521    flex-grow: 0;
1522    max-width: 91.666667%;
1523    flex-basis: 91.666667%;
1524  }
1525  .MuiGrid-grid-lg-12 {
1526    flex-grow: 0;
1527    max-width: 100%;
1528    flex-basis: 100%;
1529  }
1530}
1531@media (min-width:1920px) {
1532  .MuiGrid-grid-xl-auto {
1533    flex-grow: 0;
1534    max-width: none;
1535    flex-basis: auto;
1536  }
1537  .MuiGrid-grid-xl-true {
1538    flex-grow: 1;
1539    max-width: 100%;
1540    flex-basis: 0;
1541  }
1542  .MuiGrid-grid-xl-1 {
1543    flex-grow: 0;
1544    max-width: 8.333333%;
1545    flex-basis: 8.333333%;
1546  }
1547  .MuiGrid-grid-xl-2 {
1548    flex-grow: 0;
1549    max-width: 16.666667%;
1550    flex-basis: 16.666667%;
1551  }
1552  .MuiGrid-grid-xl-3 {
1553    flex-grow: 0;
1554    max-width: 25%;
1555    flex-basis: 25%;
1556  }
1557  .MuiGrid-grid-xl-4 {
1558    flex-grow: 0;
1559    max-width: 33.333333%;
1560    flex-basis: 33.333333%;
1561  }
1562  .MuiGrid-grid-xl-5 {
1563    flex-grow: 0;
1564    max-width: 41.666667%;
1565    flex-basis: 41.666667%;
1566  }
1567  .MuiGrid-grid-xl-6 {
1568    flex-grow: 0;
1569    max-width: 50%;
1570    flex-basis: 50%;
1571  }
1572  .MuiGrid-grid-xl-7 {
1573    flex-grow: 0;
1574    max-width: 58.333333%;
1575    flex-basis: 58.333333%;
1576  }
1577  .MuiGrid-grid-xl-8 {
1578    flex-grow: 0;
1579    max-width: 66.666667%;
1580    flex-basis: 66.666667%;
1581  }
1582  .MuiGrid-grid-xl-9 {
1583    flex-grow: 0;
1584    max-width: 75%;
1585    flex-basis: 75%;
1586  }
1587  .MuiGrid-grid-xl-10 {
1588    flex-grow: 0;
1589    max-width: 83.333333%;
1590    flex-basis: 83.333333%;
1591  }
1592  .MuiGrid-grid-xl-11 {
1593    flex-grow: 0;
1594    max-width: 91.666667%;
1595    flex-basis: 91.666667%;
1596  }
1597  .MuiGrid-grid-xl-12 {
1598    flex-grow: 0;
1599    max-width: 100%;
1600    flex-basis: 100%;
1601  }
1602}
1603@keyframes mui-auto-fill {}
1604@keyframes mui-auto-fill-cancel {}
1605  .MuiInputBase-root {
1606    color: rgba(0, 0, 0, 0.87);
1607    cursor: text;
1608    display: inline-flex;
1609    position: relative;
1610    font-size: 1rem;
1611    box-sizing: border-box;
1612    align-items: center;
1613    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1614    font-weight: 400;
1615    line-height: 1.1876em;
1616    letter-spacing: 0.00938em;
1617  }
1618  .MuiInputBase-root.Mui-disabled {
1619    color: rgba(0, 0, 0, 0.38);
1620    cursor: default;
1621  }
1622  .MuiInputBase-multiline {
1623    padding: 6px 0 7px;
1624  }
1625  .MuiInputBase-multiline.MuiInputBase-marginDense {
1626    padding-top: 3px;
1627  }
1628  .MuiInputBase-fullWidth {
1629    width: 100%;
1630  }
1631  .MuiInputBase-input {
1632    font: inherit;
1633    color: currentColor;
1634    width: 100%;
1635    border: 0;
1636    height: 1.1876em;
1637    margin: 0;
1638    display: block;
1639    padding: 6px 0 7px;
1640    min-width: 0;
1641    background: none;
1642    box-sizing: content-box;
1643    animation-name: mui-auto-fill-cancel;
1644    letter-spacing: inherit;
1645    animation-duration: 10ms;
1646    -webkit-tap-highlight-color: transparent;
1647  }
1648  .MuiInputBase-input::-webkit-input-placeholder {
1649    color: currentColor;
1650    opacity: 0.42;
1651    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1652  }
1653  .MuiInputBase-input::-moz-placeholder {
1654    color: currentColor;
1655    opacity: 0.42;
1656    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1657  }
1658  .MuiInputBase-input:-ms-input-placeholder {
1659    color: currentColor;
1660    opacity: 0.42;
1661    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1662  }
1663  .MuiInputBase-input::-ms-input-placeholder {
1664    color: currentColor;
1665    opacity: 0.42;
1666    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1667  }
1668  .MuiInputBase-input:focus {
1669    outline: 0;
1670  }
1671  .MuiInputBase-input:invalid {
1672    box-shadow: none;
1673  }
1674  .MuiInputBase-input::-webkit-search-decoration {
1675    -webkit-appearance: none;
1676  }
1677  .MuiInputBase-input.Mui-disabled {
1678    opacity: 1;
1679  }
1680  .MuiInputBase-input:-webkit-autofill {
1681    animation-name: mui-auto-fill;
1682    animation-duration: 5000s;
1683  }
1684  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
1685    opacity: 0 !important;
1686  }
1687  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
1688    opacity: 0 !important;
1689  }
1690  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
1691    opacity: 0 !important;
1692  }
1693  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
1694    opacity: 0 !important;
1695  }
1696  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
1697    opacity: 0.42;
1698  }
1699  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
1700    opacity: 0.42;
1701  }
1702  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
1703    opacity: 0.42;
1704  }
1705  label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
1706    opacity: 0.42;
1707  }
1708  .MuiInputBase-inputMarginDense {
1709    padding-top: 3px;
1710  }
1711  .MuiInputBase-inputMultiline {
1712    height: auto;
1713    resize: none;
1714    padding: 0;
1715  }
1716  .MuiInputBase-inputTypeSearch {
1717    -moz-appearance: textfield;
1718    -webkit-appearance: textfield;
1719  }
1720  .jss16 {
1721    top: -5px;
1722    left: 0;
1723    right: 0;
1724    bottom: 0;
1725    margin: 0;
1726    padding: 0 8px;
1727    overflow: hidden;
1728    position: absolute;
1729    border-style: solid;
1730    border-width: 1px;
1731    border-radius: inherit;
1732    pointer-events: none;
1733  }
1734  .jss17 {
1735    padding: 0;
1736    text-align: left;
1737    transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
1738    line-height: 11px;
1739  }
1740  .jss18 {
1741    width: auto;
1742    height: 11px;
1743    display: block;
1744    padding: 0;
1745    font-size: 0.75em;
1746    max-width: 0.01px;
1747    text-align: left;
1748    transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
1749    visibility: hidden;
1750  }
1751  .jss18 > span {
1752    display: inline-block;
1753    padding-left: 5px;
1754    padding-right: 5px;
1755  }
1756  .jss19 {
1757    max-width: 1000px;
1758    transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
1759  }
1760  .MuiOutlinedInput-root {
1761    position: relative;
1762    border-radius: 4px;
1763  }
1764  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
1765    border-color: rgba(0, 0, 0, 0.87);
1766  }
1767@media (hover: none) {
1768  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
1769    border-color: rgba(0, 0, 0, 0.23);
1770  }
1771}
1772  .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
1773    border-color: #009688;
1774    border-width: 2px;
1775  }
1776  .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
1777    border-color: #f44336;
1778  }
1779  .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
1780    border-color: rgba(0, 0, 0, 0.26);
1781  }
1782  .MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline {
1783    border-color: #f50057;
1784  }
1785  .MuiOutlinedInput-adornedStart {
1786    padding-left: 14px;
1787  }
1788  .MuiOutlinedInput-adornedEnd {
1789    padding-right: 14px;
1790  }
1791  .MuiOutlinedInput-multiline {
1792    padding: 18.5px 14px;
1793  }
1794  .MuiOutlinedInput-multiline.MuiOutlinedInput-marginDense {
1795    padding-top: 10.5px;
1796    padding-bottom: 10.5px;
1797  }
1798  .MuiOutlinedInput-notchedOutline {
1799    border-color: rgba(0, 0, 0, 0.23);
1800  }
1801  .MuiOutlinedInput-input {
1802    padding: 18.5px 14px;
1803  }
1804  .MuiOutlinedInput-input:-webkit-autofill {
1805    border-radius: inherit;
1806  }
1807  .MuiOutlinedInput-inputMarginDense {
1808    padding-top: 10.5px;
1809    padding-bottom: 10.5px;
1810  }
1811  .MuiOutlinedInput-inputMultiline {
1812    padding: 0;
1813  }
1814  .MuiOutlinedInput-inputAdornedStart {
1815    padding-left: 0;
1816  }
1817  .MuiOutlinedInput-inputAdornedEnd {
1818    padding-right: 0;
1819  }
1820  .MuiFormLabel-root {
1821    color: rgba(0, 0, 0, 0.54);
1822    padding: 0;
1823    font-size: 1rem;
1824    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1825    font-weight: 400;
1826    line-height: 1;
1827    letter-spacing: 0.00938em;
1828  }
1829  .MuiFormLabel-root.Mui-focused {
1830    color: #009688;
1831  }
1832  .MuiFormLabel-root.Mui-disabled {
1833    color: rgba(0, 0, 0, 0.38);
1834  }
1835  .MuiFormLabel-root.Mui-error {
1836    color: #f44336;
1837  }
1838  .MuiFormLabel-colorSecondary.Mui-focused {
1839    color: #f50057;
1840  }
1841  .MuiFormLabel-asterisk.Mui-error {
1842    color: #f44336;
1843  }
1844  .MuiInputLabel-root {
1845    display: block;
1846    transform-origin: top left;
1847  }
1848  .MuiInputLabel-formControl {
1849    top: 0;
1850    left: 0;
1851    position: absolute;
1852    transform: translate(0, 24px) scale(1);
1853  }
1854  .MuiInputLabel-marginDense {
1855    transform: translate(0, 21px) scale(1);
1856  }
1857  .MuiInputLabel-shrink {
1858    transform: translate(0, 1.5px) scale(0.75);
1859    transform-origin: top left;
1860  }
1861  .MuiInputLabel-animated {
1862    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
1863  }
1864  .MuiInputLabel-filled {
1865    z-index: 1;
1866    transform: translate(12px, 20px) scale(1);
1867    pointer-events: none;
1868  }
1869  .MuiInputLabel-filled.MuiInputLabel-marginDense {
1870    transform: translate(12px, 17px) scale(1);
1871  }
1872  .MuiInputLabel-filled.MuiInputLabel-shrink {
1873    transform: translate(12px, 10px) scale(0.75);
1874  }
1875  .MuiInputLabel-filled.MuiInputLabel-shrink.MuiInputLabel-marginDense {
1876    transform: translate(12px, 7px) scale(0.75);
1877  }
1878  .MuiInputLabel-outlined {
1879    z-index: 1;
1880    transform: translate(14px, 20px) scale(1);
1881    pointer-events: none;
1882  }
1883  .MuiInputLabel-outlined.MuiInputLabel-marginDense {
1884    transform: translate(14px, 12px) scale(1);
1885  }
1886  .MuiInputLabel-outlined.MuiInputLabel-shrink {
1887    transform: translate(14px, -6px) scale(0.75);
1888  }
1889  .MuiFormControl-root {
1890    border: 0;
1891    margin: 0;
1892    display: inline-flex;
1893    padding: 0;
1894    position: relative;
1895    min-width: 0;
1896    flex-direction: column;
1897    vertical-align: top;
1898  }
1899  .MuiFormControl-marginNormal {
1900    margin-top: 16px;
1901    margin-bottom: 8px;
1902  }
1903  .MuiFormControl-marginDense {
1904    margin-top: 8px;
1905    margin-bottom: 4px;
1906  }
1907  .MuiFormControl-fullWidth {
1908    width: 100%;
1909  }
1910
1911  .MuiStepConnector-root {
1912    flex: 1 1 auto;
1913  }
1914  .MuiStepConnector-vertical {
1915    padding: 0 0 8px;
1916    margin-left: 12px;
1917  }
1918  .MuiStepConnector-alternativeLabel {
1919    top: 12px;
1920    left: calc(-50% + 20px);
1921    right: calc(50% + 20px);
1922    position: absolute;
1923  }
1924  .MuiStepConnector-line {
1925    display: block;
1926    border-color: #bdbdbd;
1927  }
1928  .MuiStepConnector-lineHorizontal {
1929    border-top-style: solid;
1930    border-top-width: 1px;
1931  }
1932  .MuiStepConnector-lineVertical {
1933    min-height: 24px;
1934    border-left-style: solid;
1935    border-left-width: 1px;
1936  }
1937  .MuiStepper-root {
1938    display: flex;
1939    padding: 24px;
1940  }
1941  .MuiStepper-horizontal {
1942    align-items: center;
1943    flex-direction: row;
1944  }
1945  .MuiStepper-vertical {
1946    flex-direction: column;
1947  }
1948  .MuiStepper-alternativeLabel {
1949    align-items: flex-start;
1950  }
1951  .MuiStep-horizontal {
1952    padding-left: 8px;
1953    padding-right: 8px;
1954  }
1955  .MuiStep-alternativeLabel {
1956    flex: 1;
1957    position: relative;
1958  }
1959  .MuiStepIcon-root {
1960    color: rgba(0, 0, 0, 0.38);
1961    display: block;
1962  }
1963  .MuiStepIcon-root.MuiStepIcon-completed {
1964    color: #009688;
1965  }
1966  .MuiStepIcon-root.MuiStepIcon-active {
1967    color: #009688;
1968  }
1969  .MuiStepIcon-root.Mui-error {
1970    color: #f44336;
1971  }
1972  .MuiStepIcon-text {
1973    fill: #fff;
1974    font-size: 0.75rem;
1975    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1976  }
1977  .MuiStepLabel-root {
1978    display: flex;
1979    align-items: center;
1980  }
1981  .MuiStepLabel-root.MuiStepLabel-alternativeLabel {
1982    flex-direction: column;
1983  }
1984  .MuiStepLabel-root.Mui-disabled {
1985    cursor: default;
1986  }
1987  .MuiStepLabel-label {
1988    color: rgba(0, 0, 0, 0.54);
1989  }
1990  .MuiStepLabel-label.MuiStepLabel-active {
1991    color: rgba(0, 0, 0, 0.87);
1992    font-weight: 500;
1993  }
1994  .MuiStepLabel-label.MuiStepLabel-completed {
1995    color: rgba(0, 0, 0, 0.87);
1996    font-weight: 500;
1997  }
1998  .MuiStepLabel-label.MuiStepLabel-alternativeLabel {
1999    margin-top: 16px;
2000    text-align: center;
2001  }
2002  .MuiStepLabel-label.Mui-error {
2003    color: #f44336;
2004  }
2005  .MuiStepLabel-iconContainer {
2006    display: flex;
2007    flex-shrink: 0;
2008    padding-right: 8px;
2009  }
2010  .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel {
2011    padding-right: 0;
2012  }
2013  .MuiStepLabel-labelContainer {
2014    width: 100%;
2015  }
2016  .MuiCollapse-container {
2017    height: 0;
2018    overflow: hidden;
2019    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2020  }
2021  .MuiCollapse-entered {
2022    height: auto;
2023    overflow: visible;
2024  }
2025  .MuiCollapse-hidden {
2026    visibility: hidden;
2027  }
2028  .MuiCollapse-wrapper {
2029    display: flex;
2030  }
2031  .MuiCollapse-wrapperInner {
2032    width: 100%;
2033  }
2034  .MuiStepContent-root {
2035    margin-top: 8px;
2036    border-left: 1px solid #bdbdbd;
2037    margin-left: 12px;
2038    padding-left: 20px;
2039    padding-right: 8px;
2040  }
2041  .MuiStepContent-last {
2042    border-left: none;
2043  }
2044  .MuiAlert-root {
2045    display: flex;
2046    padding: 6px 16px;
2047    font-size: 0.875rem;
2048    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
2049    font-weight: 400;
2050    line-height: 1.43;
2051    border-radius: 4px;
2052    letter-spacing: 0.01071em;
2053    background-color: transparent;
2054  }
2055  .MuiAlert-standardSuccess {
2056    color: rgb(30, 70, 32);
2057    background-color: rgb(237, 247, 237);
2058  }
2059  .MuiAlert-standardSuccess .MuiAlert-icon {
2060    color: #4caf50;
2061  }
2062  .MuiAlert-standardInfo {
2063    color: rgb(13, 60, 97);
2064    background-color: rgb(232, 244, 253);
2065  }
2066  .MuiAlert-standardInfo .MuiAlert-icon {
2067    color: #2196f3;
2068  }
2069  .MuiAlert-standardWarning {
2070    color: rgb(102, 60, 0);
2071    background-color: rgb(255, 244, 229);
2072  }
2073  .MuiAlert-standardWarning .MuiAlert-icon {
2074    color: #ff9800;
2075  }
2076  .MuiAlert-standardError {
2077    color: rgb(97, 26, 21);
2078    background-color: rgb(253, 236, 234);
2079  }
2080  .MuiAlert-standardError .MuiAlert-icon {
2081    color: #f44336;
2082  }
2083  .MuiAlert-outlinedSuccess {
2084    color: rgb(30, 70, 32);
2085    border: 1px solid #4caf50;
2086  }
2087  .MuiAlert-outlinedSuccess .MuiAlert-icon {
2088    color: #4caf50;
2089  }
2090  .MuiAlert-outlinedInfo {
2091    color: rgb(13, 60, 97);
2092    border: 1px solid #2196f3;
2093  }
2094  .MuiAlert-outlinedInfo .MuiAlert-icon {
2095    color: #2196f3;
2096  }
2097  .MuiAlert-outlinedWarning {
2098    color: rgb(102, 60, 0);
2099    border: 1px solid #ff9800;
2100  }
2101  .MuiAlert-outlinedWarning .MuiAlert-icon {
2102    color: #ff9800;
2103  }
2104  .MuiAlert-outlinedError {
2105    color: rgb(97, 26, 21);
2106    border: 1px solid #f44336;
2107  }
2108  .MuiAlert-outlinedError .MuiAlert-icon {
2109    color: #f44336;
2110  }
2111  .MuiAlert-filledSuccess {
2112    color: #fff;
2113    font-weight: 500;
2114    background-color: #4caf50;
2115  }
2116  .MuiAlert-filledInfo {
2117    color: #fff;
2118    font-weight: 500;
2119    background-color: #2196f3;
2120  }
2121  .MuiAlert-filledWarning {
2122    color: #fff;
2123    font-weight: 500;
2124    background-color: #ff9800;
2125  }
2126  .MuiAlert-filledError {
2127    color: #fff;
2128    font-weight: 500;
2129    background-color: #f44336;
2130  }
2131  .MuiAlert-icon {
2132    display: flex;
2133    opacity: 0.9;
2134    padding: 7px 0;
2135    font-size: 22px;
2136    margin-right: 12px;
2137  }
2138  .MuiAlert-message {
2139    padding: 8px 0;
2140  }
2141  .MuiAlert-action {
2142    display: flex;
2143    align-items: center;
2144    margin-left: auto;
2145    margin-right: -8px;
2146    padding-left: 16px;
2147  }
2148  .jss8 {
2149    font-weight: bold;
2150  }
2151  .jss8 svg {
2152    margin-right: 8px;
2153    vertical-align: text-bottom;
2154  }
2155  .jss9 {
2156    margin-bottom: 16px;
2157  }
2158  .jss10 {
2159    max-width: 100%;
2160  }
2161  .jss11 {
2162    font-weight: bold;
2163  }
2164  .jss12 {
2165    z-index: 999;
2166  }
2167  .jss13 {
2168    display: flex;
2169    text-align: center;
2170    align-items: center;
2171    font-weight: bold;
2172  }
2173  .jss13::before, .jss13::after {
2174    content: "";
2175    flex-grow: 1;
2176    border-top: 1px solid #ddd;
2177  }
2178  .jss13::before {
2179    margin-right: 16px;
2180  }
2181  .jss13::after {
2182    margin-left: 16px;
2183  }</style></head><body><div id="__next"><div class="jss1"><header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionStatic MuiAppBar-colorPrimary jss2 MuiPaper-elevation4"><div class="MuiToolbar-root MuiToolbar-dense MuiToolbar-gutters"><h1 class="MuiTypography-root jss4 MuiTypography-h6"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" href="/"><svg class="MuiSvgIcon-root jss3 MuiSvgIcon-colorPrimary" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"></path></svg>THE TIMELINE</a></h1><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-edgeEnd" tabindex="0" type="button" aria-label="menu"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-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></svg></span></button></div></header></div><div class="MuiContainer-root MuiContainer-maxWidthMd" style="min-height:500px;padding-top:32px"><div><div class="MuiBox-root jss14"><h1 class="MuiTypography-root jss8 MuiTypography-h5 MuiTypography-gutterBottom"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></svg>年表を作る</h1></div><div class="MuiBox-root jss15"><form><div class="MuiFormControl-root MuiTextField-root jss9 MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required" data-shrink="false" for="urlField" id="urlField-label">スプレッドシートの公開URL<span aria-hidden="true" class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> <!-- -->*</span></label><div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiOutlinedInput-adornedEnd"><input type="url" aria-invalid="false" id="urlField" required="" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd MuiOutlinedInput-inputAdornedEnd"/><button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary" tabindex="0" type="submit"><span class="MuiButton-label">Save</span></button><fieldset aria-hidden="true" class="jss16 MuiOutlinedInput-notchedOutline"><legend class="jss18"><span>スプレッドシートの公開URL<!-- --> *</span></legend></fieldset></div></div></form><div class="MuiBox-root jss20"><div class="MuiPaper-root MuiAlert-root MuiAlert-standardWarning MuiPaper-elevation0" role="alert"><div class="MuiAlert-icon"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"></path></svg></div><div class="MuiAlert-message"><p class="MuiTypography-root jss11 MuiTypography-body1">旧バージョンと使用するURLが異なります</p>旧バージョンではウェブに公開後、共有用URLを別途取得して登録する必要がありました。新バージョンでは「ウェブに公開」で発行されたURLをそのまま使用しますので、ご注意ください。</div></div></div><div class="MuiBackdrop-root jss12" aria-hidden="true" style="opacity:0;visibility:hidden"><div class="MuiCircularProgress-root MuiCircularProgress-indeterminate" style="width:40px;height:40px" role="progressbar"><svg class="MuiCircularProgress-svg" viewBox="22 22 44 44"><circle class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate" cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle></svg></div></div></div><div class="MuiBox-root jss21"><h6 class="MuiTypography-root jss13 MuiTypography-h6 MuiTypography-gutterBottom">▼ 作成手順 ▼</h6><div class="MuiPaper-root MuiStepper-root MuiStepper-vertical MuiPaper-elevation0"><div class="MuiStep-root MuiStep-vertical"><span class="MuiStepLabel-root MuiStepLabel-vertical"><span class="MuiStepLabel-iconContainer"><svg class="MuiSvgIcon-root MuiStepIcon-root MuiStepIcon-active" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="12"></circle><text class="MuiStepIcon-text" x="12" y="16" text-anchor="middle">1</text></svg></span><span class="MuiStepLabel-labelContainer"><span class="MuiTypography-root MuiStepLabel-label MuiStepLabel-active MuiTypography-body2 MuiTypography-displayBlock"><h6 class="MuiTypography-root jss11 MuiTypography-h6">テンプレートからシートをコピー</h6></span></span></span><div class="MuiStepContent-root" icon="1"><div class="MuiCollapse-container MuiStepContent-transition MuiCollapse-entered" style="min-height:0px"><div class="MuiCollapse-wrapper"><div class="MuiCollapse-wrapperInner">以下のリンクから公式テンプレートをコピーして、自分用のシートを作成します。<div class="MuiBox-root jss22"><a class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary" tabindex="0" aria-disabled="false" href="https://docs.google.com/spreadsheets/d/1ZzL0aWBK7F9TtKOuapX5PceJ2CUT_x2MCh7xmJ_C_nI/copy" target="_blank"><span class="MuiButton-label">公式テンプレート<span class="MuiButton-endIcon MuiButton-iconSizeMedium"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><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"></path></svg></span></span></a></div></div></div></div></div></div><div class="MuiStepConnector-root MuiStepConnector-vertical MuiStepConnector-active Mui-disabled"><span class="MuiStepConnector-line MuiStepConnector-lineVertical"></span></div><div class="MuiStep-root MuiStep-vertical"><span class="MuiStepLabel-root MuiStepLabel-vertical Mui-disabled"><span class="MuiStepLabel-iconContainer"><svg class="MuiSvgIcon-root MuiStepIcon-root MuiStepIcon-active" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="12"></circle><text class="MuiStepIcon-text" x="12" y="16" text-anchor="middle">2</text></svg></span><span class="MuiStepLabel-labelContainer"><span class="MuiTypography-root MuiStepLabel-label MuiStepLabel-active MuiTypography-body2 MuiTypography-displayBlock"><h6 class="MuiTypography-root jss11 MuiTypography-h6">シートにデータを登録</h6></span></span></span><div class="MuiStepContent-root" disabled="" icon="2"><div class="MuiCollapse-container MuiStepContent-transition MuiCollapse-entered" style="min-height:0px"><div class="MuiCollapse-wrapper"><div class="MuiCollapse-wrapperInner">作成したシートで、テンプレートの形式に沿ってデータを登録します。 データ登録方法のオプションについては、サンプルの元データを参考にしてください。</div></div></div></div></div><div class="MuiStepConnector-root MuiStepConnector-vertical MuiStepConnector-active Mui-disabled"><span class="MuiStepConnector-line MuiStepConnector-lineVertical"></span></div><div class="MuiStep-root MuiStep-vertical"><span class="MuiStepLabel-root MuiStepLabel-vertical Mui-disabled"><span class="MuiStepLabel-iconContainer"><svg class="MuiSvgIcon-root MuiStepIcon-root MuiStepIcon-active" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="12"></circle><text class="MuiStepIcon-text" x="12" y="16" text-anchor="middle">3</text></svg></span><span class="MuiStepLabel-labelContainer"><span class="MuiTypography-root MuiStepLabel-label MuiStepLabel-active MuiTypography-body2 MuiTypography-displayBlock"><h6 class="MuiTypography-root jss11 MuiTypography-h6">シートをWebに公開する</h6></span></span></span><div class="MuiStepContent-root MuiStepContent-last" disabled="" icon="3"><div class="MuiCollapse-container MuiStepContent-transition MuiCollapse-entered" style="min-height:0px"><div class="MuiCollapse-wrapper"><div class="MuiCollapse-wrapperInner"><div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-3"><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6"><img src="/images/create/3.png" alt="シートを公開する" class="jss10"/></div><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6"><div class="MuiBox-root jss23">登録が完了したら、メニューの「ファイル」→「ウェブに公開」を選択してシートを公開します。</div><div class="MuiBox-root jss24">公開後に発行されるURLをコピーし、この画面上部のフォームに入力してください。</div></div></div></div></div></div></div></div></div></div></div><div class="MuiBox-root jss25"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7840479109197513" data-ad-slot="3362221472" data-ad-format="auto" data-full-width-responsive="true"></ins></div></div><footer class="MuiPaper-root MuiAppBar-root MuiAppBar-positionStatic Mu
2183iAppBar-colorPrimary jss26 MuiPaper-elevation4"><div class="MuiBox-root jss32" align="center"><h1 class="MuiTypography-root MuiTypography-h6"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorPrimary" style="color:#fff" href="/"><svg class="MuiSvgIcon-root jss29 MuiSvgIcon-colorPrimary" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"></path></svg>THE TIMELINE</a></h1><div class="MuiBox-root jss33"><a class="MuiButtonBase-root MuiButton-root MuiButton-contained jss30 MuiButton-containedPrimary MuiButton-containedSizeSmall MuiButton-sizeSmall" tabindex="0" aria-disabled="false" href="https://twitter.com/intent/tweet?hashtags=the_timeline&amp;text=%E5%B9%B4%E8%A1%A8%E4%BD%9C%E6%88%90%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%80%8CTHE%20TIMELINE%EF%BC%88%E3%82%B6%E3%83%BB%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3%EF%BC%89%E3%80%8D&amp;url=https%3A%2F%2Fthe-timeline.jp" target="_blank"><span class="MuiButton-label"><span class="MuiButton-startIcon MuiButton-iconSizeSmall"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"></path></svg></span>ツイートする</span></a><a class="MuiButtonBase-root MuiButton-root MuiButton-contained jss31 MuiButton-containedPrimary MuiButton-containedSizeSmall MuiButton-sizeSmall" tabindex="0" aria-disabled="false" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fthe-timeline.jp" target="_blank"><span class="MuiButton-label"><span class="MuiButton-startIcon MuiButton-iconSizeSmall"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m13 2h-2.5A3.5 3.5 0 0 0 12 8.5V11h-2v3h2v7h3v-7h3v-3h-3V9a1 1 0 0 1 1-1h2V5z"></path></svg></span>シェアする</span></a></div><div class="MuiBox-root jss34 jss27 jss28"><a href="https://app.the-tournament.jp/pages/terms.html" target="_blank" rel="noopener" color="inherit">利用規約</a><a href="https://app.the-tournament.jp/pages/privacy.html" target="_blank" rel="noopener" color="inherit">プライバシーポリシー</a><a href="https://notsobad.jp" target="_blank" rel="noopener" color="inherit">運営会社</a></div><div class="MuiBox-root jss35 jss27">Copyright © THE TIMELINE 2016-<!-- -->2025<!-- --> All Rights Reserved.</div><div class="MuiBox-root jss36 jss27"><a href="https://visjs.github.io/vis-timeline/" target="_blank" rel="noopener">&quot;vis.js and vis-timeline&quot;</a>  by  <a href="https://visjs.org/" target="_blank" rel="noopener">vis.js community</a>  is licensed under  <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a>.</div></div></footer></div>
2183<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/create","query":{},"buildId":"vW82eGAZwr25trQu_LBcC","runtimeConfig":{},"nextExport":true,"autoExport":true,"isFallback":false}</script>
2183<script nomodule="" src="/_next/static/runtime/polyfills-788a592a52ba46c11fcc.js"></script>
2183<script async="" data-next-page="/_app" src="/_next/static/vW82eGAZwr25trQu_LBcC/pages/_app.js"></script>
2183<script async="" data-next-page="/create" src="/_next/static/vW82eGAZwr25trQu_LBcC/pages/create.js"></script>
2183<script src="/_next/static/runtime/webpack-c212667a5f965e81e004.js" async=""></script>
2183<script src="/_next/static/chunks/framework.126679bf45d7d49475d8.js" async=""></script>
2183<script src="/_next/static/chunks/484bcb1e.0c5816a8962459881180.js" async=""></script>
2183<script src="/_next/static/chunks/ff239f9d.b6636129e35dd5ef1303.js" async=""></script>
2183<script src="/_next/static/chunks/commons.020a96d8a8e71e9e3362.js" async=""></script>
2183<script src="/_next/static/chunks/850b9b47a14d2a4977ef39823fbc376dd9361813.ce13b2c24ead95346d91.js" async=""></script>
2183<script src="/_next/static/chunks/66918d823d9b2ddb6799aac305afd078175f4d22.1d627cce370c26b18e05.js" async=""></script>
2183<script src="/_next/static/runtime/main-09dcd9b43078557c88bf.js" async=""></script>
2183<script src="/_next/static/chunks/61066b57d5e1d61c16e8182a12f4aa391db6d6f0.7ffc26ddecb6a1ceed31.js" async=""></script>
2183<script src="/_next/static/chunks/21dc0eb65da6874a228d90ab31ee2200de57c89f.970a1ecfebd703837755.js" async=""></script>
2183<script src="/_next/static/chunks/6021e8772235dee53863be9207d99bc3a1a15c21.5ce693320f2af0910302.js" async=""></script>
2183<script src="/_next/static/vW82eGAZwr25trQu_LBcC/_buildManifest.js" async=""></script>
2183<script src="/_next/static/vW82eGAZwr25trQu_LBcC/_ssgManifest.js" async=""></script>
2183</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.