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&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&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&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">"vis.js and vis-timeline"</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.