framework7/css/framework7.rtl.md.css

   1 /**
   2  * Framework7 3.6.6
   3  * Full featured mobile HTML framework for building iOS & Android apps
   4  * http://framework7.io/
   5  *
   6  * Copyright 2014-2019 Vladimir Kharlampidi
   7  *
   8  * Released under the MIT License
   9  *
  10  * Released on: February 5, 2019
  11  */
  12 html {
  13   direction: rtl;
  14 }
  15 html,
  16 body,
  17 .framework7-root {
  18   position: relative;
  19   height: 100%;
  20   width: 100%;
  21   overflow-x: hidden;
  22 }
  23 body {
  24   margin: 0;
  25   padding: 0;
  26   font-size: 14px;
  27   width: 100%;
  28   background: #fff;
  29   overflow: hidden;
  30   -webkit-text-size-adjust: 100%;
  31   -webkit-font-smoothing: antialiased;
  32 }
  33 .framework7-root {
  34   overflow: hidden;
  35   -webkit-box-sizing: border-box;
  36   box-sizing: border-box;
  37 }
  38 .framework7-initializing *,
  39 .framework7-initializing *:before,
  40 .framework7-initializing *:after {
  41   -webkit-transition-duration: 0ms !important;
  42   transition-duration: 0ms !important;
  43 }
  44 /*
  45 a, button, input, textarea, .link, .button, label, .sortable-handler {
  46   touch-action: manipulation;
  47   -ms-touch-action: manipulation;
  48 }
  49 */
  50 @media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  51   html,
  52   body,
  53   .framework7-root {
  54     height: 671px;
  55   }
  56 }
  57 @media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  58   html,
  59   body,
  60   .framework7-root {
  61     height: 672px;
  62   }
  63 }
  64 * {
  65   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  66   -webkit-touch-callout: none;
  67 }
  68 a,
  69 input,
  70 textarea,
  71 select {
  72   outline: 0;
  73 }
  74 a {
  75   cursor: pointer;
  76   text-decoration: none;
  77 }
  78 p {
  79   margin: 1em 0;
  80 }
  81 .disabled {
  82   opacity: 0.55 !important;
  83   pointer-events: none !important;
  84 }
  85 .md body {
  86   font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
  87   color: #212121;
  88   line-height: 1.5;
  89 }
  90 .md .ios-only,
  91 .md .if-ios {
  92   display: none !important;
  93 }
  94 .md a {
  95   color: #2196f3;
  96 }
  97 .md .theme-dark {
  98   color: rgba(255, 255, 255, 0.87);
  99 }
 100 .md .color-theme-red a {
 101   color: #f44336;
 102 }
 103 .md .color-theme-green a {
 104   color: #4caf50;
 105 }
 106 .md .color-theme-blue a {
 107   color: #2196f3;
 108 }
 109 .md .color-theme-pink a {
 110   color: #e91e63;
 111 }
 112 .md .color-theme-yellow a {
 113   color: #ffeb3b;
 114 }
 115 .md .color-theme-orange a {
 116   color: #ff9800;
 117 }
 118 .md .color-theme-gray a {
 119   color: #9e9e9e;
 120 }
 121 .md .color-theme-white a {
 122   color: #ffffff;
 123 }
 124 .md .color-theme-black a {
 125   color: #000000;
 126 }
 127 .md a.color-red {
 128   color: #f44336;
 129 }
 130 .md a.color-green {
 131   color: #4caf50;
 132 }
 133 .md a.color-blue {
 134   color: #2196f3;
 135 }
 136 .md a.color-pink {
 137   color: #e91e63;
 138 }
 139 .md a.color-yellow {
 140   color: #ffeb3b;
 141 }
 142 .md a.color-orange {
 143   color: #ff9800;
 144 }
 145 .md a.color-gray {
 146   color: #9e9e9e;
 147 }
 148 .md a.color-white {
 149   color: #ffffff;
 150 }
 151 .md a.color-black {
 152   color: #000000;
 153 }
 154 /* === Statusbar === */
 155 .statusbar {
 156   position: absolute;
 157   left: 0;
 158   top: 0;
 159   width: 100%;
 160   z-index: 10000;
 161   -webkit-box-sizing: border-box;
 162   box-sizing: border-box;
 163   display: none;
 164 }
 165 html.device-ios .statusbar,
 166 html.ios:not(.device-ios):not(.device-android) .statusbar {
 167   height: 20px;
 168 }
 169 html.device-android .statusbar,
 170 html.md:not(.device-ios):not(.device-android) .statusbar {
 171   height: 24px;
 172 }
 173 html.device-ios.device-iphone-x .statusbar {
 174   height: constant(safe-area-inset-top);
 175   height: env(safe-area-inset-top);
 176 }
 177 html.with-statusbar .statusbar {
 178   display: block;
 179 }
 180 html.with-statusbar.device-ios .framework7-root,
 181 html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root {
 182   padding-top: 20px;
 183 }
 184 html.with-statusbar.device-android .framework7-root,
 185 html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root {
 186   padding-top: 24px;
 187 }
 188 html.with-statusbar.device-iphone-x .framework7-root {
 189   padding-top: constant(safe-area-inset-top);
 190   padding-top: env(safe-area-inset-top);
 191 }
 192 .md .statusbar {
 193   background: #0a6ebd;
 194 }
 195 .md .color-theme-red .statusbar {
 196   background: #d2190b;
 197 }
 198 .md .color-theme-green .statusbar {
 199   background: #357a38;
 200 }
 201 .md .color-theme-blue .statusbar {
 202   background: #0a6ebd;
 203 }
 204 .md .color-theme-pink .statusbar {
 205   background: #aa1145;
 206 }
 207 .md .color-theme-yellow .statusbar {
 208   background: #eed500;
 209 }
 210 .md .color-theme-orange .statusbar {
 211   background: #b36a00;
 212 }
 213 .md .color-theme-gray .statusbar {
 214   background: #787878;
 215 }
 216 .md .color-theme-white .statusbar {
 217   background: #d9d9d9;
 218 }
 219 .md .color-theme-black .statusbar {
 220   background: #000000;
 221 }
 222 /* === Views === */
 223 .views,
 224 .view {
 225   position: relative;
 226   height: 100%;
 227   z-index: 5000;
 228   overflow: hidden;
 229   -webkit-box-sizing: border-box;
 230   box-sizing: border-box;
 231 }
 232 /* === Pages === */
 233 .pages {
 234   position: relative;
 235   width: 100%;
 236   height: 100%;
 237   overflow: hidden;
 238 }
 239 .page {
 240   -webkit-box-sizing: border-box;
 241   box-sizing: border-box;
 242   position: absolute;
 243   left: 0;
 244   top: 0;
 245   width: 100%;
 246   height: 100%;
 247   -webkit-transform: translate3d(0, 0, 0);
 248   transform: translate3d(0, 0, 0);
 249 }
 250 .page.stacked {
 251   display: none;
 252 }
 253 .page-previous {
 254   pointer-events: none;
 255 }
 256 .page-content {
 257   overflow: auto;
 258   -webkit-overflow-scrolling: touch;
 259   -webkit-box-sizing: border-box;
 260   box-sizing: border-box;
 261   height: 100%;
 262   position: relative;
 263   z-index: 1;
 264 }
 265 .md .page-shadow-effect {
 266   position: absolute;
 267   top: 0;
 268   width: 16px;
 269   bottom: 0;
 270   z-index: -1;
 271   content: '';
 272   opacity: 0;
 273   left: 100%;
 274   background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
 275   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 276   background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 277 }
 278 .md .page-opacity-effect {
 279   position: absolute;
 280   left: 0;
 281   top: 0;
 282   background: rgba(0, 0, 0, 0.1);
 283   width: 100%;
 284   bottom: 0;
 285   content: '';
 286   opacity: 0;
 287   z-index: 10000;
 288 }
 289 .md .page {
 290   background: #fff;
 291 }
 292 .md .page-next {
 293   -webkit-transform: translate3d(0, 56px, 0);
 294   transform: translate3d(0, 56px, 0);
 295   opacity: 0;
 296   pointer-events: none;
 297 }
 298 .md .page-next.page-next-on-right {
 299   -webkit-transform: translate3d(-100%, 0, 0);
 300   transform: translate3d(-100%, 0, 0);
 301 }
 302 .md .page-transitioning,
 303 .md .page-transitioning .page-shadow-effect,
 304 .md .page-transitioning .page-opacity-effect {
 305   -webkit-transition-duration: 250ms;
 306   transition-duration: 250ms;
 307 }
 308 .md .page-transitioning-swipeback,
 309 .md .page-transitioning-swipeback .page-shadow-effect,
 310 .md .page-transitioning-swipeback .page-opacity-effect {
 311   -webkit-transition-duration: 400ms;
 312   transition-duration: 400ms;
 313 }
 314 .md .router-transition-forward .page,
 315 .md .router-transition-backward .page {
 316   pointer-events: none;
 317 }
 318 .md .router-transition-css-forward .page-next {
 319   -webkit-animation: md-page-next-to-current 250ms forwards;
 320   animation: md-page-next-to-current 250ms forwards;
 321 }
 322 .md .router-transition-css-forward .page-current {
 323   -webkit-animation: none;
 324   animation: none;
 325 }
 326 .md .router-transition-css-backward .page-current {
 327   -webkit-animation: md-page-current-to-next 250ms forwards;
 328   animation: md-page-current-to-next 250ms forwards;
 329 }
 330 .md .router-transition-css-backward .page-previous {
 331   -webkit-animation: none;
 332   animation: none;
 333 }
 334 .md .theme-dark .page,
 335 .page.md .theme-dark {
 336   background: #171717;
 337 }
 338 @-webkit-keyframes md-page-next-to-current {
 339   from {
 340     -webkit-transform: translate3d(0, 56px, 0);
 341     transform: translate3d(0, 56px, 0);
 342     opacity: 0;
 343   }
 344   to {
 345     -webkit-transform: translate3d(0, 0px, 0);
 346     transform: translate3d(0, 0px, 0);
 347     opacity: 1;
 348   }
 349 }
 350 @keyframes md-page-next-to-current {
 351   from {
 352     -webkit-transform: translate3d(0, 56px, 0);
 353     transform: translate3d(0, 56px, 0);
 354     opacity: 0;
 355   }
 356   to {
 357     -webkit-transform: translate3d(0, 0px, 0);
 358     transform: translate3d(0, 0px, 0);
 359     opacity: 1;
 360   }
 361 }
 362 @-webkit-keyframes md-page-current-to-next {
 363   from {
 364     -webkit-transform: translate3d(0, 0, 0);
 365     transform: translate3d(0, 0, 0);
 366     opacity: 1;
 367   }
 368   to {
 369     -webkit-transform: translate3d(0, 56px, 0);
 370     transform: translate3d(0, 56px, 0);
 371     opacity: 0;
 372   }
 373 }
 374 @keyframes md-page-current-to-next {
 375   from {
 376     -webkit-transform: translate3d(0, 0, 0);
 377     transform: translate3d(0, 0, 0);
 378     opacity: 1;
 379   }
 380   to {
 381     -webkit-transform: translate3d(0, 56px, 0);
 382     transform: translate3d(0, 56px, 0);
 383     opacity: 0;
 384   }
 385 }
 386 /* === Link === */
 387 .link,
 388 .tab-link {
 389   display: -webkit-inline-box;
 390   display: -webkit-inline-flex;
 391   display: -ms-inline-flexbox;
 392   display: inline-flex;
 393   -webkit-box-align: center;
 394   -webkit-align-items: center;
 395   -ms-flex-align: center;
 396   align-items: center;
 397   -webkit-align-content: center;
 398   -ms-flex-line-pack: center;
 399   align-content: center;
 400   -webkit-box-pack: center;
 401   -webkit-justify-content: center;
 402   -ms-flex-pack: center;
 403   justify-content: center;
 404   position: relative;
 405   -webkit-box-sizing: border-box;
 406   box-sizing: border-box;
 407   -webkit-transform: translate3d(0, 0, 0);
 408   transform: translate3d(0, 0, 0);
 409   z-index: 1;
 410 }
 411 .md .link i + span,
 412 .md .link i + i,
 413 .md .link span + i,
 414 .md .link span + span {
 415   margin-right: 8px;
 416 }
 417 /* === Navbar === */
 418 .navbar {
 419   position: relative;
 420   left: 0;
 421   top: 0;
 422   width: 100%;
 423   z-index: 500;
 424   -webkit-backface-visibility: hidden;
 425   backface-visibility: hidden;
 426   -webkit-box-sizing: border-box;
 427   box-sizing: border-box;
 428   margin: 0;
 429   -webkit-transform: translate3d(0, 0, 0);
 430   transform: translate3d(0, 0, 0);
 431 }
 432 .navbar b {
 433   font-weight: 500;
 434 }
 435 .navbar a.link {
 436   display: -webkit-box;
 437   display: -webkit-flex;
 438   display: -ms-flexbox;
 439   display: flex;
 440 }
 441 .navbar .title,
 442 .navbar .left,
 443 .navbar .right {
 444   position: relative;
 445   z-index: 1;
 446 }
 447 .navbar .title {
 448   text-align: center;
 449   position: relative;
 450   overflow: hidden;
 451   text-overflow: ellipsis;
 452   white-space: nowrap;
 453   -webkit-flex-shrink: 10;
 454   -ms-flex-negative: 10;
 455   flex-shrink: 10;
 456   font-weight: 500;
 457   display: inline-block;
 458 }
 459 .navbar .subtitle {
 460   display: block;
 461 }
 462 .navbar .left,
 463 .navbar .right {
 464   -webkit-flex-shrink: 0;
 465   -ms-flex-negative: 0;
 466   flex-shrink: 0;
 467   display: -webkit-box;
 468   display: -webkit-flex;
 469   display: -ms-flexbox;
 470   display: flex;
 471   -webkit-box-pack: start;
 472   -webkit-justify-content: flex-start;
 473   -ms-flex-pack: start;
 474   justify-content: flex-start;
 475   -webkit-box-align: center;
 476   -webkit-align-items: center;
 477   -ms-flex-align: center;
 478   align-items: center;
 479   -webkit-transform: translate3d(0, 0, 0);
 480   transform: translate3d(0, 0, 0);
 481 }
 482 .navbar .right:first-child {
 483   position: absolute;
 484   height: 100%;
 485 }
 486 .navbar-inner {
 487   position: absolute;
 488   left: 0;
 489   top: 0;
 490   width: 100%;
 491   height: 100%;
 492   display: -webkit-box;
 493   display: -webkit-flex;
 494   display: -ms-flexbox;
 495   display: flex;
 496   -webkit-box-align: center;
 497   -webkit-align-items: center;
 498   -ms-flex-align: center;
 499   align-items: center;
 500   -webkit-box-sizing: border-box;
 501   box-sizing: border-box;
 502 }
 503 .navbar-inner.stacked {
 504   display: none;
 505 }
 506 .views > .navbar,
 507 .view > .navbar,
 508 .page > .navbar {
 509   position: absolute;
 510 }
 511 .md .navbar {
 512   height: 56px;
 513   background: #2196f3;
 514   color: #fff;
 515   font-size: 20px;
 516 }
 517 .md .navbar:after {
 518   content: '';
 519   position: absolute;
 520   right: 0;
 521   width: 100%;
 522   top: 100%;
 523   bottom: auto;
 524   height: 10px;
 525   pointer-events: none;
 526   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
 527   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
 528   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
 529 }
 530 .md .navbar.no-shadow:after {
 531   display: none;
 532 }
 533 .md .navbar a {
 534   color: inherit;
 535 }
 536 .md .navbar a.link {
 537   -webkit-box-pack: center;
 538   -webkit-justify-content: center;
 539   -ms-flex-pack: center;
 540   justify-content: center;
 541   padding: 0 16px;
 542   min-width: 48px;
 543   height: 56px;
 544   line-height: 56px;
 545 }
 546 .md .navbar a.link:before {
 547   content: '';
 548   width: 152%;
 549   height: 152%;
 550   position: absolute;
 551   left: -26%;
 552   top: -26%;
 553   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
 554   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
 555   background-repeat: no-repeat;
 556   background-position: center;
 557   background-size: 100% 100%;
 558   opacity: 0;
 559   pointer-events: none;
 560   -webkit-transition-duration: 600ms;
 561   transition-duration: 600ms;
 562 }
 563 .md .navbar a.link.active-state:before {
 564   opacity: 1;
 565   -webkit-transition-duration: 150ms;
 566   transition-duration: 150ms;
 567 }
 568 .md .navbar a.icon-only {
 569   min-width: 0;
 570   -webkit-flex-shrink: 0;
 571   -ms-flex-negative: 0;
 572   flex-shrink: 0;
 573 }
 574 .md .navbar .title {
 575   margin: 0 16px;
 576   line-height: 1.2;
 577   text-align: left;
 578 }
 579 .md .navbar .subtitle {
 580   line-height: 1.2;
 581   font-size: 14px;
 582   font-weight: normal;
 583   color: rgba(255, 255, 255, 0.85);
 584 }
 585 .md .navbar .right {
 586   margin-right: auto;
 587 }
 588 .md .navbar .right:first-child {
 589   left: 16px;
 590 }
 591 .md .navbar-inner {
 592   -webkit-box-pack: start;
 593   -webkit-justify-content: flex-start;
 594   -ms-flex-pack: start;
 595   justify-content: flex-start;
 596   overflow: hidden;
 597 }
 598 .md .page-with-subnavbar .navbar-inner {
 599   overflow: visible;
 600 }
 601 .md .navbar ~ * .page-content,
 602 .md .navbar ~ .page-content {
 603   padding-top: 56px;
 604 }
 605 @media (min-width: 768px) {
 606   .md .navbar {
 607     height: 64px;
 608   }
 609   .md .navbar a.link {
 610     height: 64px;
 611     line-height: 64px;
 612   }
 613   .md .navbar ~ * .page-content,
 614   .md .navbar ~ .page-content {
 615     padding-top: 64px;
 616   }
 617 }
 618 .md .navbar-transitioning {
 619   -webkit-transition-duration: 400ms;
 620   transition-duration: 400ms;
 621 }
 622 .md .navbar-hidden {
 623   -webkit-transform: translate3d(0, -100%, 0);
 624   transform: translate3d(0, -100%, 0);
 625 }
 626 .md .navbar-hidden:after {
 627   display: none;
 628 }
 629 .md .color-theme-red .navbar,
 630 .md .color-theme-red.navbar {
 631   background: #f44336;
 632 }
 633 .md .color-theme-green .navbar,
 634 .md .color-theme-green.navbar {
 635   background: #4caf50;
 636 }
 637 .md .color-theme-blue .navbar,
 638 .md .color-theme-blue.navbar {
 639   background: #2196f3;
 640 }
 641 .md .color-theme-pink .navbar,
 642 .md .color-theme-pink.navbar {
 643   background: #e91e63;
 644 }
 645 .md .color-theme-yellow .navbar,
 646 .md .color-theme-yellow.navbar {
 647   background: #ffeb3b;
 648 }
 649 .md .color-theme-orange .navbar,
 650 .md .color-theme-orange.navbar {
 651   background: #ff9800;
 652 }
 653 .md .color-theme-gray .navbar,
 654 .md .color-theme-gray.navbar {
 655   background: #9e9e9e;
 656 }
 657 .md .color-theme-white .navbar,
 658 .md .color-theme-white.navbar {
 659   background: #ffffff;
 660 }
 661 .md .color-theme-black .navbar,
 662 .md .color-theme-black.navbar {
 663   background: #000000;
 664 }
 665 .md .navbar.color-red {
 666   background: #f44336;
 667 }
 668 .md .navbar.color-green {
 669   background: #4caf50;
 670 }
 671 .md .navbar.color-blue {
 672   background: #2196f3;
 673 }
 674 .md .navbar.color-pink {
 675   background: #e91e63;
 676 }
 677 .md .navbar.color-yellow {
 678   background: #ffeb3b;
 679 }
 680 .md .navbar.color-orange {
 681   background: #ff9800;
 682 }
 683 .md .navbar.color-gray {
 684   background: #9e9e9e;
 685 }
 686 .md .navbar.color-white {
 687   background: #ffffff;
 688 }
 689 .md .navbar.color-black {
 690   background: #000000;
 691 }
 692 @media (orientation: landscape) {
 693   .md.device-iphone-x .ios-left-edge .navbar-inner,
 694   .md.device-iphone-x .ios-edges .navbar-inner,
 695   .md.device-iphone-x .popup .navbar-inner,
 696   .md.device-iphone-x .sheet-modal .navbar-inner,
 697   .md.device-iphone-x .panel-left .navbar-inner {
 698     padding-left: constant(safe-area-inset-left);
 699     padding-left: env(safe-area-inset-left);
 700   }
 701   .md.device-iphone-x .ios-right-edge .navbar-inner,
 702   .md.device-iphone-x .ios-edges .navbar-inner,
 703   .md.device-iphone-x .popup .navbar-inner,
 704   .md.device-iphone-x .sheet-modal .navbar-inner,
 705   .md.device-iphone-x .panel-right .navbar-inner {
 706     padding-right: constant(safe-area-inset-right);
 707     padding-right: env(safe-area-inset-right);
 708   }
 709 }
 710 /* === Toolbar === */
 711 .toolbar {
 712   width: 100%;
 713   position: relative;
 714   margin: 0;
 715   -webkit-transform: translate3d(0, 0, 0);
 716   transform: translate3d(0, 0, 0);
 717   -webkit-backface-visibility: hidden;
 718   backface-visibility: hidden;
 719   z-index: 500;
 720   -webkit-box-sizing: border-box;
 721   box-sizing: border-box;
 722   left: 0;
 723 }
 724 .toolbar b {
 725   font-weight: 500;
 726 }
 727 .toolbar a {
 728   -webkit-box-sizing: border-box;
 729   box-sizing: border-box;
 730   -webkit-flex-shrink: 1;
 731   -ms-flex-negative: 1;
 732   flex-shrink: 1;
 733   position: relative;
 734   white-space: nowrap;
 735   text-overflow: ellipsis;
 736 }
 737 .toolbar a.link {
 738   display: -webkit-box;
 739   display: -webkit-flex;
 740   display: -ms-flexbox;
 741   display: flex;
 742 }
 743 .toolbar i.icon {
 744   display: block;
 745 }
 746 .toolbar-inner {
 747   position: absolute;
 748   left: 0;
 749   top: 0;
 750   width: 100%;
 751   height: 100%;
 752   display: -webkit-box;
 753   display: -webkit-flex;
 754   display: -ms-flexbox;
 755   display: flex;
 756   -webkit-box-pack: justify;
 757   -webkit-justify-content: space-between;
 758   -ms-flex-pack: justify;
 759   justify-content: space-between;
 760   -webkit-box-sizing: border-box;
 761   box-sizing: border-box;
 762   -webkit-box-align: center;
 763   -webkit-align-items: center;
 764   -ms-flex-align: center;
 765   align-items: center;
 766   -webkit-align-content: center;
 767   -ms-flex-line-pack: center;
 768   align-content: center;
 769 }
 770 .views > .tabbar,
 771 .views > .tabbar-labels {
 772   z-index: 5001;
 773 }
 774 .tabbar a.link,
 775 .tabbar-labels a.link {
 776   line-height: 1.4;
 777 }
 778 .tabbar a.tab-link,
 779 .tabbar-labels a.tab-link,
 780 .tabbar a.link,
 781 .tabbar-labels a.link {
 782   height: 100%;
 783   width: 100%;
 784   -webkit-box-sizing: border-box;
 785   box-sizing: border-box;
 786   display: -webkit-box;
 787   display: -webkit-flex;
 788   display: -ms-flexbox;
 789   display: flex;
 790   -webkit-box-pack: center;
 791   -webkit-justify-content: center;
 792   -ms-flex-pack: center;
 793   justify-content: center;
 794   -webkit-box-align: center;
 795   -webkit-align-items: center;
 796   -ms-flex-align: center;
 797   align-items: center;
 798   -webkit-box-orient: vertical;
 799   -webkit-box-direction: normal;
 800   -webkit-flex-direction: column;
 801   -ms-flex-direction: column;
 802   flex-direction: column;
 803 }
 804 .tabbar-labels a.tab-link,
 805 .tabbar-labels a.link {
 806   height: 100%;
 807   -webkit-box-pack: justify;
 808   -webkit-justify-content: space-between;
 809   -ms-flex-pack: justify;
 810   justify-content: space-between;
 811   -webkit-box-align: center;
 812   -webkit-align-items: center;
 813   -ms-flex-align: center;
 814   align-items: center;
 815 }
 816 .tabbar-labels a.tab-link .tabbar-label,
 817 .tabbar-labels a.link .tabbar-label {
 818   display: block;
 819   line-height: 1;
 820   margin: 0;
 821   position: relative;
 822   text-overflow: ellipsis;
 823   white-space: nowrap;
 824 }
 825 .tabbar-scrollable .toolbar-inner {
 826   overflow: auto;
 827   -webkit-overflow-scrolling: touch;
 828 }
 829 .tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
 830   display: none !important;
 831   width: 0 !important;
 832   height: 0 !important;
 833   -webkit-appearance: none;
 834   opacity: 0 !important;
 835 }
 836 .tabbar-scrollable a.tab-link,
 837 .tabbar-scrollable a.link {
 838   width: auto;
 839   -webkit-flex-shrink: 0;
 840   -ms-flex-negative: 0;
 841   flex-shrink: 0;
 842 }
 843 .views > .toolbar,
 844 .view > .toolbar,
 845 .page > .toolbar {
 846   position: absolute;
 847 }
 848 .md .toolbar {
 849   background: #2196f3;
 850   height: 48px;
 851   color: #fff;
 852   font-size: 14px;
 853   top: 0;
 854 }
 855 .md .toolbar:after {
 856   content: '';
 857   position: absolute;
 858   right: 0;
 859   width: 100%;
 860   top: 100%;
 861   bottom: auto;
 862   height: 10px;
 863   pointer-events: none;
 864   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
 865   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
 866   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
 867 }
 868 .md .toolbar.no-shadow:after {
 869   display: none;
 870 }
 871 .md .toolbar a {
 872   color: #fff;
 873 }
 874 .md .toolbar a.link {
 875   -webkit-box-pack: center;
 876   -webkit-justify-content: center;
 877   -ms-flex-pack: center;
 878   justify-content: center;
 879   padding: 0 16px;
 880   min-width: 48px;
 881   line-height: 48px;
 882   height: 48px;
 883 }
 884 .md .toolbar a.link:before {
 885   content: '';
 886   width: 152%;
 887   height: 152%;
 888   position: absolute;
 889   left: -26%;
 890   top: -26%;
 891   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
 892   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
 893   background-repeat: no-repeat;
 894   background-position: center;
 895   background-size: 100% 100%;
 896   opacity: 0;
 897   pointer-events: none;
 898   -webkit-transition-duration: 600ms;
 899   transition-duration: 600ms;
 900 }
 901 .md .toolbar a.link.active-state:before {
 902   opacity: 1;
 903   -webkit-transition-duration: 150ms;
 904   transition-duration: 150ms;
 905 }
 906 .md .toolbar a.link i + span,
 907 .md .toolbar a.link i + i,
 908 .md .toolbar a.link span + i,
 909 .md .toolbar a.link span + span {
 910   margin-right: 8px;
 911 }
 912 .md .toolbar a.icon-only {
 913   min-width: 0;
 914   -webkit-flex-shrink: 0;
 915   -ms-flex-negative: 0;
 916   flex-shrink: 0;
 917 }
 918 .md .toolbar-inner {
 919   overflow: hidden;
 920 }
 921 .md .tabbar a.link,
 922 .md .tabbar-labels a.link,
 923 .md .tabbar a.tab-link,
 924 .md .tabbar-labels a.tab-link {
 925   padding-left: 0;
 926   padding-right: 0;
 927   font-size: 14px;
 928   text-transform: uppercase;
 929   font-weight: 500;
 930   letter-spacing: 0.03em;
 931 }
 932 .md .tabbar i.icon,
 933 .md .tabbar-labels i.icon {
 934   height: 24px;
 935 }
 936 .md .tabbar a.tab-link,
 937 .md .tabbar-labels a.tab-link {
 938   -webkit-transition-duration: 300ms;
 939   transition-duration: 300ms;
 940   overflow: hidden;
 941   color: rgba(255, 255, 255, 0.7);
 942   position: relative;
 943 }
 944 .md .tabbar a.tab-link.tab-link-active,
 945 .md .tabbar-labels a.tab-link.tab-link-active,
 946 .md .tabbar a.tab-link.active-state,
 947 .md .tabbar-labels a.tab-link.active-state {
 948   color: #ffffff;
 949 }
 950 .md .tabbar .tab-link-highlight,
 951 .md .tabbar-labels .tab-link-highlight {
 952   position: absolute;
 953   left: 0;
 954   bottom: 0;
 955   height: 2px;
 956   background: #fff;
 957   -webkit-transition-duration: 300ms;
 958   transition-duration: 300ms;
 959   right: 0;
 960 }
 961 .md .toolbar-bottom-md,
 962 .md .messagebar {
 963   top: auto !important;
 964   bottom: 0 !important;
 965 }
 966 .md .toolbar-bottom-md:after,
 967 .md .messagebar:after {
 968   content: '';
 969   position: absolute;
 970   right: 0;
 971   width: 100%;
 972   bottom: 100%;
 973   height: 10px;
 974   top: auto;
 975   pointer-events: none;
 976   background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
 977   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
 978   background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
 979 }
 980 .md .toolbar-bottom-md .tab-link-highlight,
 981 .md .messagebar .tab-link-highlight {
 982   bottom: auto;
 983   top: 0;
 984 }
 985 .md .tabbar-labels {
 986   height: 72px;
 987 }
 988 .md .tabbar-labels a.tab-link,
 989 .md .tabbar-labels a.link {
 990   padding-top: 12px;
 991   padding-bottom: 12px;
 992 }
 993 .md .tabbar-labels .tabbar-label {
 994   margin-top: 10px;
 995   max-width: 100%;
 996   overflow: hidden;
 997 }
 998 .md .tabbar-labels.toolbar-bottom-md {
 999   height: 56px;
1000 }
1001 .md .tabbar-labels.toolbar-bottom-md a.tab-link,
1002 .md .tabbar-labels.toolbar-bottom-md a.link {
1003   padding-top: 7px;
1004   padding-bottom: 7px;
1005 }
1006 .md .tabbar-labels.toolbar-bottom-md .tabbar-label {
1007   text-transform: none;
1008   line-height: 1.2;
1009   font-weight: normal;
1010   letter-spacing: 0;
1011 }
1012 .md .tabbar-scrollable .toolbar-inner {
1013   overflow: auto;
1014   -webkit-box-pack: start;
1015   -webkit-justify-content: flex-start;
1016   -ms-flex-pack: start;
1017   justify-content: flex-start;
1018 }
1019 .md .tabbar-scrollable a.tab-link,
1020 .md .tabbar-scrollable a.link {
1021   padding: 0 16px;
1022 }
1023 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
1024 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
1025   padding-top: 48px;
1026 }
1027 .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
1028 .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
1029   padding-top: 72px;
1030 }
1031 .md .toolbar-hidden {
1032   -webkit-transform: translate3d(0, -100%, 0);
1033   transform: translate3d(0, -100%, 0);
1034 }
1035 .md .toolbar-hidden:after {
1036   display: none;
1037 }
1038 .md .toolbar-hidden.toolbar-bottom-md,
1039 .md .toolbar-hidden.messagebar {
1040   -webkit-transform: translate3d(0, 100%, 0);
1041   transform: translate3d(0, 100%, 0);
1042 }
1043 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
1044   top: 56px;
1045 }
1046 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
1047 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
1048   padding-top: 104px;
1049 }
1050 .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
1051 .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
1052   padding-top: 128px;
1053 }
1054 .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
1055   -webkit-transform: translate3d(0, -104px, 0);
1056   transform: translate3d(0, -104px, 0);
1057 }
1058 .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) {
1059   -webkit-transform: translate3d(0, -128px, 0);
1060   transform: translate3d(0, -128px, 0);
1061 }
1062 .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
1063   -webkit-transform: translate3d(0, -56px, 0);
1064   transform: translate3d(0, -56px, 0);
1065 }
1066 @media (min-width: 768px) {
1067   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
1068     top: 64px;
1069   }
1070   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
1071   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
1072     padding-top: 112px;
1073   }
1074   .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
1075   .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
1076     padding-top: 136px;
1077   }
1078   .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
1079     -webkit-transform: translate3d(0, -64px, 0);
1080     transform: translate3d(0, -64px, 0);
1081   }
1082   .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
1083     -webkit-transform: translate3d(0, -112px, 0);
1084     transform: translate3d(0, -112px, 0);
1085   }
1086   .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) {
1087     -webkit-transform: translate3d(0, -136px, 0);
1088     transform: translate3d(0, -136px, 0);
1089   }
1090 }
1091 .md .toolbar-bottom-md ~ * .page-content,
1092 .md .toolbar-bottom-md ~ .page-content,
1093 .md .messagebar ~ * .page-content,
1094 .md .messagebar ~ .page-content {
1095   padding-bottom: 48px;
1096 }
1097 .md .toolbar-bottom-md.tabbar-labels ~ * .page-content,
1098 .md .toolbar-bottom-md.tabbar-labels ~ .page-content {
1099   padding-bottom: 56px;
1100 }
1101 .md .toolbar-transitioning,
1102 .md .navbar-transitioning + .toolbar {
1103   -webkit-transition-duration: 400ms;
1104   transition-duration: 400ms;
1105 }
1106 .md .color-theme-red .toolbar:not(.messagebar),
1107 .md .color-theme-red.toolbar:not(.messagebar) {
1108   background: #f44336;
1109 }
1110 .md .color-theme-green .toolbar:not(.messagebar),
1111 .md .color-theme-green.toolbar:not(.messagebar) {
1112   background: #4caf50;
1113 }
1114 .md .color-theme-blue .toolbar:not(.messagebar),
1115 .md .color-theme-blue.toolbar:not(.messagebar) {
1116   background: #2196f3;
1117 }
1118 .md .color-theme-pink .toolbar:not(.messagebar),
1119 .md .color-theme-pink.toolbar:not(.messagebar) {
1120   background: #e91e63;
1121 }
1122 .md .color-theme-yellow .toolbar:not(.messagebar),
1123 .md .color-theme-yellow.toolbar:not(.messagebar) {
1124   background: #ffeb3b;
1125 }
1126 .md .color-theme-orange .toolbar:not(.messagebar),
1127 .md .color-theme-orange.toolbar:not(.messagebar) {
1128   background: #ff9800;
1129 }
1130 .md .color-theme-gray .toolbar:not(.messagebar),
1131 .md .color-theme-gray.toolbar:not(.messagebar) {
1132   background: #9e9e9e;
1133 }
1134 .md .color-theme-white .toolbar:not(.messagebar),
1135 .md .color-theme-white.toolbar:not(.messagebar) {
1136   background: #ffffff;
1137 }
1138 .md .color-theme-black .toolbar:not(.messagebar),
1139 .md .color-theme-black.toolbar:not(.messagebar) {
1140   background: #000000;
1141 }
1142 .md .toolbar:not(.messagebar).color-red {
1143   background: #f44336;
1144 }
1145 .md .toolbar:not(.messagebar).color-green {
1146   background: #4caf50;
1147 }
1148 .md .toolbar:not(.messagebar).color-blue {
1149   background: #2196f3;
1150 }
1151 .md .toolbar:not(.messagebar).color-pink {
1152   background: #e91e63;
1153 }
1154 .md .toolbar:not(.messagebar).color-yellow {
1155   background: #ffeb3b;
1156 }
1157 .md .toolbar:not(.messagebar).color-orange {
1158   background: #ff9800;
1159 }
1160 .md .toolbar:not(.messagebar).color-gray {
1161   background: #9e9e9e;
1162 }
1163 .md .toolbar:not(.messagebar).color-white {
1164   background: #ffffff;
1165 }
1166 .md .toolbar:not(.messagebar).color-black {
1167   background: #000000;
1168 }
1169 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md),
1170 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md),
1171 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md),
1172 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md),
1173 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md),
1174 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) {
1175   height: calc(48px + constant(safe-area-inset-top));
1176   height: calc(48px + env(safe-area-inset-top));
1177 }
1178 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1179 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1180 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1181 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1182 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1183 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
1184   height: auto;
1185 }
1186 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1187 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1188 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1189 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1190 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
1191 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
1192   bottom: 0;
1193   top: constant(safe-area-inset-top);
1194   top: env(safe-area-inset-top);
1195 }
1196 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
1197 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
1198 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
1199 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
1200 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
1201 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels {
1202   height: calc(72px + constant(safe-area-inset-top));
1203   height: calc(72px + env(safe-area-inset-top));
1204 }
1205 .md.device-iphone-x .views > .toolbar-bottom-md,
1206 .md.device-iphone-x .view > .toolbar-bottom-md,
1207 .md.device-iphone-x .page > .toolbar-bottom-md,
1208 .md.device-iphone-x .popup > .toolbar-bottom-md,
1209 .md.device-iphone-x .panel > .toolbar-bottom-md,
1210 .md.device-iphone-x .login-screen > .toolbar-bottom-md {
1211   height: calc(48px + constant(safe-area-inset-bottom));
1212   height: calc(48px + env(safe-area-inset-bottom));
1213 }
1214 .md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner,
1215 .md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner,
1216 .md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner,
1217 .md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner,
1218 .md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner,
1219 .md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner {
1220   height: auto;
1221   top: 0;
1222   bottom: constant(safe-area-inset-bottom);
1223   bottom: env(safe-area-inset-bottom);
1224 }
1225 .md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels,
1226 .md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels,
1227 .md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels,
1228 .md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels,
1229 .md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels,
1230 .md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels {
1231   height: calc(56px + constant(safe-area-inset-bottom));
1232   height: calc(56px + env(safe-area-inset-bottom));
1233 }
1234 .md.device-iphone-x .toolbar-bottom-md ~ * .page-content,
1235 .md.device-iphone-x .toolbar-bottom-md ~ .page-content,
1236 .md.device-iphone-x .messagebar ~ * .page-content,
1237 .md.device-iphone-x .messagebar ~ .page-content {
1238   padding-bottom: calc(48px + constant(safe-area-inset-bottom));
1239   padding-bottom: calc(48px + env(safe-area-inset-bottom));
1240 }
1241 .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content,
1242 .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content {
1243   padding-bottom: calc(56px + constant(safe-area-inset-bottom));
1244   padding-bottom: calc(56px + env(safe-area-inset-bottom));
1245 }
1246 @media (orientation: landscape) {
1247   .md.device-iphone-x .ios-left-edge .toolbar-inner,
1248   .md.device-iphone-x .ios-edges .toolbar-inner,
1249   .md.device-iphone-x .popup .toolbar-inner,
1250   .md.device-iphone-x .sheet-modal .toolbar-inner,
1251   .md.device-iphone-x .panel-left .toolbar-inner {
1252     padding-left: constant(safe-area-inset-left);
1253     padding-left: env(safe-area-inset-left);
1254   }
1255   .md.device-iphone-x .ios-right-edge .toolbar-inner,
1256   .md.device-iphone-x .ios-edges .toolbar-inner,
1257   .md.device-iphone-x .popup .toolbar-inner,
1258   .md.device-iphone-x .sheet-modal .toolbar-inner,
1259   .md.device-iphone-x .panel-right .toolbar-inner {
1260     padding-right: constant(safe-area-inset-right);
1261     padding-right: env(safe-area-inset-right);
1262   }
1263 }
1264 /* === Subnavbar === */
1265 .subnavbar {
1266   width: 100%;
1267   position: absolute;
1268   left: 0;
1269   top: 0;
1270   z-index: 500;
1271   -webkit-box-sizing: border-box;
1272   box-sizing: border-box;
1273   display: -webkit-box;
1274   display: -webkit-flex;
1275   display: -ms-flexbox;
1276   display: flex;
1277   -webkit-box-pack: justify;
1278   -webkit-justify-content: space-between;
1279   -ms-flex-pack: justify;
1280   justify-content: space-between;
1281   -webkit-box-align: center;
1282   -webkit-align-items: center;
1283   -ms-flex-align: center;
1284   align-items: center;
1285 }
1286 .subnavbar .title {
1287   position: relative;
1288   overflow: hidden;
1289   text-overflow: ellpsis;
1290   white-space: nowrap;
1291 }
1292 .subnavbar .left,
1293 .subnavbar .right {
1294   -webkit-flex-shrink: 0;
1295   -ms-flex-negative: 0;
1296   flex-shrink: 0;
1297   display: -webkit-box;
1298   display: -webkit-flex;
1299   display: -ms-flexbox;
1300   display: flex;
1301   -webkit-box-pack: start;
1302   -webkit-justify-content: flex-start;
1303   -ms-flex-pack: start;
1304   justify-content: flex-start;
1305   -webkit-box-align: center;
1306   -webkit-align-items: center;
1307   -ms-flex-align: center;
1308   align-items: center;
1309 }
1310 .subnavbar .right:first-child {
1311   position: absolute;
1312   height: 100%;
1313 }
1314 .subnavbar-inner {
1315   width: 100%;
1316   height: 100%;
1317   display: -webkit-box;
1318   display: -webkit-flex;
1319   display: -ms-flexbox;
1320   display: flex;
1321   -webkit-box-align: center;
1322   -webkit-align-items: center;
1323   -ms-flex-align: center;
1324   align-items: center;
1325   -webkit-box-sizing: border-box;
1326   box-sizing: border-box;
1327   -webkit-box-pack: justify;
1328   -webkit-justify-content: space-between;
1329   -ms-flex-pack: justify;
1330   justify-content: space-between;
1331   overflow: hidden;
1332 }
1333 .subnavbar-inner.stacked {
1334   display: none;
1335 }
1336 .navbar .subnavbar {
1337   top: 100%;
1338 }
1339 .views > .navbar,
1340 .view > .navbar,
1341 .page > .navbar {
1342   position: absolute;
1343 }
1344 .md .subnavbar {
1345   height: 48px;
1346   background: #2196f3;
1347   color: #fff;
1348 }
1349 .md .subnavbar:after {
1350   content: '';
1351   position: absolute;
1352   right: 0;
1353   width: 100%;
1354   top: 100%;
1355   bottom: auto;
1356   height: 10px;
1357   pointer-events: none;
1358   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
1359   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
1360   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
1361 }
1362 .md .subnavbar.no-shadow:after {
1363   display: none;
1364 }
1365 .md .subnavbar .title {
1366   margin: 0 16px;
1367   font-size: 20px;
1368   line-height: 48px;
1369   display: inline-block;
1370   text-align: left;
1371   font-weight: 500;
1372 }
1373 .md .subnavbar .title:first-child {
1374   margin-right: 56px;
1375 }
1376 .md .subnavbar .right {
1377   margin-right: auto;
1378 }
1379 .md .subnavbar .right:first-child {
1380   left: 16px;
1381 }
1382 .md .subnavbar a {
1383   color: inherit;
1384 }
1385 .md .subnavbar a.link {
1386   line-height: 48px;
1387   height: 48px;
1388   min-width: 48px;
1389   -webkit-box-pack: center;
1390   -webkit-justify-content: center;
1391   -ms-flex-pack: center;
1392   justify-content: center;
1393   padding: 0 16px;
1394 }
1395 .md .subnavbar a.link:before {
1396   content: '';
1397   width: 152%;
1398   height: 152%;
1399   position: absolute;
1400   left: -26%;
1401   top: -26%;
1402   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1403   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1404   background-repeat: no-repeat;
1405   background-position: center;
1406   background-size: 100% 100%;
1407   opacity: 0;
1408   pointer-events: none;
1409   -webkit-transition-duration: 600ms;
1410   transition-duration: 600ms;
1411 }
1412 .md .subnavbar a.link.active-state:before {
1413   opacity: 1;
1414   -webkit-transition-duration: 150ms;
1415   transition-duration: 150ms;
1416 }
1417 .md .subnavbar a.icon-only {
1418   -webkit-flex-shrink: 0;
1419   -ms-flex-negative: 0;
1420   flex-shrink: 0;
1421   min-width: 0;
1422 }
1423 .md .subnavbar-inner {
1424   padding: 0 16px;
1425 }
1426 .md .subnavbar-inner > a.link:first-child {
1427   margin-right: -16px;
1428 }
1429 .md .subnavbar-inner > a.link:last-child {
1430   margin-left: -16px;
1431 }
1432 .md .subnavbar ~ * .page-content,
1433 .md .subnavbar ~ .page-content,
1434 .md .page-with-subnavbar .page-content {
1435   padding-top: 48px;
1436 }
1437 .md .navbar ~ .subnavbar ~ .page-content,
1438 .md .navbar ~ .subnavbar ~ * .page-content,
1439 .md .page-with-subnavbar .navbar ~ * .page-content,
1440 .md .page-with-subnavbar .navbar ~ .page-content {
1441   padding-top: 104px;
1442 }
1443 @media (min-width: 768px) {
1444   .md .navbar ~ .subnavbar ~ .page-content,
1445   .md .navbar ~ .subnavbar ~ * .page-content,
1446   .md .page-with-subnavbar .navbar ~ * .page-content,
1447   .md .page-with-subnavbar .navbar ~ .page-content {
1448     padding-top: 112px;
1449   }
1450 }
1451 .md .navbar ~ .subnavbar,
1452 .md .navbar ~ * .subnavbar,
1453 .md .page-with-subnavbar .navbar ~ .subnavbar,
1454 .md .page-with-subnavbar .navbar ~ * .subnavbar {
1455   top: 56px;
1456 }
1457 @media (min-width: 768px) {
1458   .md .navbar ~ .subnavbar,
1459   .md .navbar ~ * .subnavbar,
1460   .md .page-with-subnavbar .navbar ~ .subnavbar,
1461   .md .page-with-subnavbar .navbar ~ * .subnavbar {
1462     top: 64px;
1463   }
1464 }
1465 .md .color-theme-red .subnavbar,
1466 .md .color-theme-red.subnavbar {
1467   background: #f44336;
1468 }
1469 .md .color-theme-green .subnavbar,
1470 .md .color-theme-green.subnavbar {
1471   background: #4caf50;
1472 }
1473 .md .color-theme-blue .subnavbar,
1474 .md .color-theme-blue.subnavbar {
1475   background: #2196f3;
1476 }
1477 .md .color-theme-pink .subnavbar,
1478 .md .color-theme-pink.subnavbar {
1479   background: #e91e63;
1480 }
1481 .md .color-theme-yellow .subnavbar,
1482 .md .color-theme-yellow.subnavbar {
1483   background: #ffeb3b;
1484 }
1485 .md .color-theme-orange .subnavbar,
1486 .md .color-theme-orange.subnavbar {
1487   background: #ff9800;
1488 }
1489 .md .color-theme-gray .subnavbar,
1490 .md .color-theme-gray.subnavbar {
1491   background: #9e9e9e;
1492 }
1493 .md .color-theme-white .subnavbar,
1494 .md .color-theme-white.subnavbar {
1495   background: #ffffff;
1496 }
1497 .md .color-theme-black .subnavbar,
1498 .md .color-theme-black.subnavbar {
1499   background: #000000;
1500 }
1501 .md .subnavbar.color-red {
1502   background: #f44336;
1503 }
1504 .md .subnavbar.color-green {
1505   background: #4caf50;
1506 }
1507 .md .subnavbar.color-blue {
1508   background: #2196f3;
1509 }
1510 .md .subnavbar.color-pink {
1511   background: #e91e63;
1512 }
1513 .md .subnavbar.color-yellow {
1514   background: #ffeb3b;
1515 }
1516 .md .subnavbar.color-orange {
1517   background: #ff9800;
1518 }
1519 .md .subnavbar.color-gray {
1520   background: #9e9e9e;
1521 }
1522 .md .subnavbar.color-white {
1523   background: #ffffff;
1524 }
1525 .md .subnavbar.color-black {
1526   background: #000000;
1527 }
1528 @media (orientation: landscape) {
1529   .md.device-iphone-x .ios-left-edge .subnavbar-inner,
1530   .md.device-iphone-x .ios-edges .subnavbar-inner,
1531   .md.device-iphone-x .popup .subnavbar-inner,
1532   .md.device-iphone-x .sheet-modal .subnavbar-inner,
1533   .md.device-iphone-x .panel-left .subnavbar-inner {
1534     padding-left: calc(16px + constant(safe-area-inset-left));
1535     padding-left: calc(16px + env(safe-area-inset-left));
1536   }
1537   .md.device-iphone-x .ios-right-edge .subnavbar-inner,
1538   .md.device-iphone-x .ios-edges .subnavbar-inner,
1539   .md.device-iphone-x .popup .subnavbar-inner,
1540   .md.device-iphone-x .sheet-modal .subnavbar-inner,
1541   .md.device-iphone-x .panel-right .subnavbar-inner {
1542     padding-right: calc(16px + constant(safe-area-inset-right));
1543     padding-right: calc(16px + env(safe-area-inset-right));
1544   }
1545 }
1546 /* === Content Block === */
1547 .block {
1548   -webkit-box-sizing: border-box;
1549   box-sizing: border-box;
1550   position: relative;
1551   z-index: 1;
1552 }
1553 .block.no-hairlines:before,
1554 .block.no-hairlines ul:before,
1555 .md .block.no-hairlines-md:before,
1556 .md .block.no-hairlines-md ul:before,
1557 .ios .block.no-hairlines-ios:before,
1558 .ios .block.no-hairlines-ios ul:before {
1559   display: none !important;
1560 }
1561 .block.no-hairlines:after,
1562 .block.no-hairlines ul:after,
1563 .md .block.no-hairlines-md:after,
1564 .md .block.no-hairlines-md ul:after,
1565 .ios .block.no-hairlines-ios:after,
1566 .ios .block.no-hairlines-ios ul:after {
1567   display: none !important;
1568 }
1569 .block.no-hairline-top:before,
1570 .block.no-hairline-top ul:before,
1571 .md .block.no-hairline-top-md:before,
1572 .md .block.no-hairline-top-md ul:before,
1573 .ios .block.no-hairline-top-ios:before,
1574 .ios .block.no-hairline-top-ios ul:before {
1575   display: none !important;
1576 }
1577 .block.no-hairline-bottom:after,
1578 .block.no-hairline-bottom ul:after,
1579 .md .block.no-hairline-bottom-md:after,
1580 .md .block.no-hairline-bottom-md ul:after,
1581 .ios .block.no-hairline-bottom-ios:after,
1582 .ios .block.no-hairline-bottom-ios ul:after {
1583   display: none !important;
1584 }
1585 .block > h1:first-child,
1586 .block > h2:first-child,
1587 .block > h3:first-child,
1588 .block > h4:first-child,
1589 .block > p:first-child {
1590   margin-top: 0;
1591 }
1592 .block > h1:last-child,
1593 .block > h2:last-child,
1594 .block > h3:last-child,
1595 .block > h4:last-child,
1596 .block > p:last-child {
1597   margin-bottom: 0;
1598 }
1599 .block-title {
1600   position: relative;
1601   overflow: hidden;
1602   margin: 0;
1603   white-space: nowrap;
1604   text-overflow: ellipsis;
1605   font-size: 14px;
1606   line-height: 1;
1607 }
1608 .block-strong.inset {
1609   border-radius: 7px;
1610 }
1611 .block-strong.inset:before {
1612   display: none !important;
1613 }
1614 .block-strong.inset:after {
1615   display: none !important;
1616 }
1617 .block-footer,
1618 .block-header {
1619   font-size: 14px;
1620 }
1621 .block-footer ul:first-child,
1622 .block-header ul:first-child,
1623 .block-footer p:first-child,
1624 .block-header p:first-child,
1625 .block-footer h1:first-child,
1626 .block-header h1:first-child,
1627 .block-footer h2:first-child,
1628 .block-header h2:first-child,
1629 .block-footer h3:first-child,
1630 .block-header h3:first-child,
1631 .block-footer h4:first-child,
1632 .block-header h4:first-child {
1633   margin-top: 0;
1634 }
1635 .block-footer ul:last-child,
1636 .block-header ul:last-child,
1637 .block-footer p:last-child,
1638 .block-header p:last-child,
1639 .block-footer h1:last-child,
1640 .block-header h1:last-child,
1641 .block-footer h2:last-child,
1642 .block-header h2:last-child,
1643 .block-footer h3:last-child,
1644 .block-header h3:last-child,
1645 .block-footer h4:last-child,
1646 .block-header h4:last-child {
1647   margin-bottom: 0;
1648 }
1649 .block-footer ul:first-child:last-child,
1650 .block-header ul:first-child:last-child,
1651 .block-footer p:first-child:last-child,
1652 .block-header p:first-child:last-child,
1653 .block-footer h1:first-child:last-child,
1654 .block-header h1:first-child:last-child,
1655 .block-footer h2:first-child:last-child,
1656 .block-header h2:first-child:last-child,
1657 .block-footer h3:first-child:last-child,
1658 .block-header h3:first-child:last-child,
1659 .block-footer h4:first-child:last-child,
1660 .block-header h4:first-child:last-child {
1661   margin-top: 0;
1662   margin-bottom: 0;
1663 }
1664 .block-header {
1665   margin-bottom: 10px;
1666 }
1667 .block-footer {
1668   margin-top: 10px;
1669 }
1670 @media (min-width: 768px) {
1671   .block-strong.tablet-inset:before {
1672     display: none !important;
1673   }
1674   .block-strong.tablet-inset:after {
1675     display: none !important;
1676   }
1677 }
1678 .md .block {
1679   margin: 32px 0;
1680   padding: 0 16px;
1681 }
1682 .md .block-title {
1683   color: rgba(0, 0, 0, 0.54);
1684   margin: 32px 16px 16px;
1685   line-height: 16px;
1686   font-weight: 500;
1687 }
1688 .md .block-title + .list,
1689 .md .block-title + .block,
1690 .md .block-title + .card,
1691 .md .block-title + .timeline,
1692 .md .block-title + .block-header {
1693   margin-top: 0px;
1694 }
1695 .md .block-strong {
1696   padding: 16px;
1697 }
1698 .md .block-strong:before {
1699   content: '';
1700   position: absolute;
1701   background-color: rgba(0, 0, 0, 0.12);
1702   display: block;
1703   z-index: 15;
1704   top: 0;
1705   right: auto;
1706   bottom: auto;
1707   left: 0;
1708   height: 1px;
1709   width: 100%;
1710   -webkit-transform-origin: 50% 0%;
1711   transform-origin: 50% 0%;
1712 }
1713 .md.device-pixel-ratio-2 .block-strong:before {
1714   -webkit-transform: scaleY(0.5);
1715   transform: scaleY(0.5);
1716 }
1717 .md.device-pixel-ratio-3 .block-strong:before {
1718   -webkit-transform: scaleY(0.33);
1719   transform: scaleY(0.33);
1720 }
1721 .md .block-strong:after {
1722   content: '';
1723   position: absolute;
1724   background-color: rgba(0, 0, 0, 0.12);
1725   display: block;
1726   z-index: 15;
1727   top: auto;
1728   right: auto;
1729   bottom: 0;
1730   left: 0;
1731   height: 1px;
1732   width: 100%;
1733   -webkit-transform-origin: 50% 100%;
1734   transform-origin: 50% 100%;
1735 }
1736 .md.device-pixel-ratio-2 .block-strong:after {
1737   -webkit-transform: scaleY(0.5);
1738   transform: scaleY(0.5);
1739 }
1740 .md.device-pixel-ratio-3 .block-strong:after {
1741   -webkit-transform: scaleY(0.33);
1742   transform: scaleY(0.33);
1743 }
1744 .md .block.inset {
1745   margin-left: 16px;
1746   margin-right: 16px;
1747 }
1748 .md .block-strong.inset {
1749   border-radius: 4px;
1750 }
1751 .md .block-header,
1752 .md .block-footer {
1753   padding: 0 16px;
1754   color: rgba(0, 0, 0, 0.54);
1755 }
1756 .md .block .block-header,
1757 .md .block .block-footer {
1758   padding: 0;
1759 }
1760 .md .block-header {
1761   margin-top: 32px;
1762 }
1763 .md .block-header + .list,
1764 .md .block-header + .block,
1765 .md .block-header + .card,
1766 .md .block-header + .timeline {
1767   margin-top: 10px;
1768 }
1769 .md .block-footer {
1770   margin-bottom: 32px;
1771 }
1772 .md .list .block-header,
1773 .md .block .block-header,
1774 .md .card .block-header,
1775 .md .timeline .block-header {
1776   margin-top: 0;
1777 }
1778 .md .list .block-footer,
1779 .md .block .block-footer,
1780 .md .card .block-footer,
1781 .md .timeline .block-footer {
1782   margin-bottom: 0;
1783 }
1784 .md .list + .block-footer,
1785 .md .block + .block-footer,
1786 .md .card + .block-footer,
1787 .md .timeline + .block-footer {
1788   margin-top: -22px;
1789 }
1790 .md .block + .block-footer {
1791   margin-top: -22px;
1792   margin-bottom: 32px;
1793 }
1794 @media (min-width: 768px) {
1795   .md .block.tablet-inset {
1796     margin-left: 16px;
1797     margin-right: 16px;
1798     border-radius: 4px;
1799   }
1800   .md .block-strong.tablet-inset {
1801     border-radius: 4px;
1802   }
1803 }
1804 .md .theme-dark .block-title {
1805   color: #fff;
1806 }
1807 .md .theme-dark .block-header,
1808 .md .theme-dark .block-footer {
1809   color: rgba(255, 255, 255, 0.54);
1810 }
1811 @media (orientation: landscape) {
1812   .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1813   .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1814   .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1815   .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1816   .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1817   .md.device-iphone-x .ios-left-edge .block-header,
1818   .md.device-iphone-x .ios-edges .block-header,
1819   .md.device-iphone-x .popup .block-header,
1820   .md.device-iphone-x .sheet-modal .block-header,
1821   .md.device-iphone-x .panel-left .block-header,
1822   .md.device-iphone-x .ios-left-edge .block-footer,
1823   .md.device-iphone-x .ios-edges .block-footer,
1824   .md.device-iphone-x .popup .block-footer,
1825   .md.device-iphone-x .sheet-modal .block-footer,
1826   .md.device-iphone-x .panel-left .block-footer {
1827     padding-left: calc(16px + constant(safe-area-inset-left));
1828     padding-left: calc(16px + env(safe-area-inset-left));
1829   }
1830   .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1831   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1832   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1833   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1834   .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1835   .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1836   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1837   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1838   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1839   .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
1840     padding-left: 0;
1841   }
1842   .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1843   .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1844   .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1845   .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1846   .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1847   .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1848   .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1849   .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1850   .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1851   .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
1852     margin-left: calc(16px + constant(safe-area-inset-left));
1853     margin-left: calc(16px + env(safe-area-inset-left));
1854   }
1855   .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1856   .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1857   .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1858   .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1859   .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1860   .md.device-iphone-x .ios-right-edge .block-header,
1861   .md.device-iphone-x .ios-edges .block-header,
1862   .md.device-iphone-x .popup .block-header,
1863   .md.device-iphone-x .sheet-modal .block-header,
1864   .md.device-iphone-x .panel-right .block-header,
1865   .md.device-iphone-x .ios-right-edge .block-footer,
1866   .md.device-iphone-x .ios-edges .block-footer,
1867   .md.device-iphone-x .popup .block-footer,
1868   .md.device-iphone-x .sheet-modal .block-footer,
1869   .md.device-iphone-x .panel-right .block-footer {
1870     padding-right: calc(16px + constant(safe-area-inset-right));
1871     padding-right: calc(16px + env(safe-area-inset-right));
1872   }
1873   .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1874   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1875   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1876   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1877   .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1878   .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1879   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1880   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1881   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1882   .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
1883     padding-right: 0;
1884   }
1885   .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1886   .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1887   .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1888   .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1889   .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1890   .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
1891   .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
1892   .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
1893   .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
1894   .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
1895     margin-right: calc(16px + constant(safe-area-inset-right));
1896     margin-right: calc(16px + env(safe-area-inset-right));
1897   }
1898 }
1899 @media (orientation: landscape) and (min-width: 768px) {
1900   .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
1901   .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
1902   .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
1903   .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
1904   .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
1905     margin-left: calc(16px + constant(safe-area-inset-left));
1906     margin-left: calc(16px + env(safe-area-inset-left));
1907   }
1908 }
1909 @media (orientation: landscape) and (min-width: 768px) {
1910   .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
1911   .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
1912   .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
1913   .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
1914   .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
1915     margin-right: calc(16px + constant(safe-area-inset-right));
1916     margin-right: calc(16px + env(safe-area-inset-right));
1917   }
1918 }
1919 /* === List View === */
1920 .list {
1921   position: relative;
1922   z-index: 1;
1923 }
1924 .list ul {
1925   list-style: none;
1926   margin: 0;
1927   padding: 0;
1928   position: relative;
1929 }
1930 .list ul ul:before {
1931   display: none !important;
1932 }
1933 .list ul ul:after {
1934   display: none !important;
1935 }
1936 .list li {
1937   position: relative;
1938   -webkit-box-sizing: border-box;
1939   box-sizing: border-box;
1940 }
1941 .list .item-media {
1942   display: -webkit-box;
1943   display: -webkit-flex;
1944   display: -ms-flexbox;
1945   display: flex;
1946   -webkit-flex-shrink: 0;
1947   -ms-flex-negative: 0;
1948   flex-shrink: 0;
1949   -webkit-flex-wrap: nowrap;
1950   -ms-flex-wrap: nowrap;
1951   flex-wrap: nowrap;
1952   -webkit-box-align: center;
1953   -webkit-align-items: center;
1954   -ms-flex-align: center;
1955   align-items: center;
1956   -webkit-box-sizing: border-box;
1957   box-sizing: border-box;
1958   padding-bottom: 8px;
1959 }
1960 .list .item-inner {
1961   position: relative;
1962   width: 100%;
1963   padding-top: 8px;
1964   padding-bottom: 8px;
1965   min-width: 0;
1966   display: -webkit-box;
1967   display: -webkit-flex;
1968   display: -ms-flexbox;
1969   display: flex;
1970   -webkit-box-pack: justify;
1971   -webkit-justify-content: space-between;
1972   -ms-flex-pack: justify;
1973   justify-content: space-between;
1974   -webkit-box-sizing: border-box;
1975   box-sizing: border-box;
1976   -webkit-box-align: center;
1977   -webkit-align-items: center;
1978   -ms-flex-align: center;
1979   align-items: center;
1980   -webkit-align-self: stretch;
1981   -ms-flex-item-align: stretch;
1982   align-self: stretch;
1983 }
1984 .list .item-title {
1985   min-width: 0;
1986   -webkit-flex-shrink: 1;
1987   -ms-flex-negative: 1;
1988   flex-shrink: 1;
1989   white-space: nowrap;
1990   position: relative;
1991   overflow: hidden;
1992   text-overflow: ellipsis;
1993   max-width: 100%;
1994 }
1995 .list .item-after {
1996   white-space: nowrap;
1997   -webkit-flex-shrink: 0;
1998   -ms-flex-negative: 0;
1999   flex-shrink: 0;
2000   display: -webkit-box;
2001   display: -webkit-flex;
2002   display: -ms-flexbox;
2003   display: flex;
2004   margin-right: auto;
2005 }
2006 .list .item-link,
2007 .list .list-button {
2008   -webkit-transition-duration: 300ms;
2009   transition-duration: 300ms;
2010   -webkit-transition-property: background-color;
2011   transition-property: background-color;
2012   display: block;
2013   position: relative;
2014   overflow: hidden;
2015   z-index: 0;
2016 }
2017 .list .item-content {
2018   display: -webkit-box;
2019   display: -webkit-flex;
2020   display: -ms-flexbox;
2021   display: flex;
2022   -webkit-box-pack: justify;
2023   -webkit-justify-content: space-between;
2024   -ms-flex-pack: justify;
2025   justify-content: space-between;
2026   -webkit-box-sizing: border-box;
2027   box-sizing: border-box;
2028   -webkit-box-align: center;
2029   -webkit-align-items: center;
2030   -ms-flex-align: center;
2031   align-items: center;
2032 }
2033 .list .item-subtitle {
2034   position: relative;
2035   overflow: hidden;
2036   white-space: nowrap;
2037   max-width: 100%;
2038   text-overflow: ellipsis;
2039 }
2040 .list .item-text {
2041   position: relative;
2042   overflow: hidden;
2043   text-overflow: hidden;
2044   -webkit-line-clamp: 2;
2045   -webkit-box-orient: vertical;
2046   display: -webkit-box;
2047 }
2048 .list .item-title-row {
2049   display: -webkit-box;
2050   display: -webkit-flex;
2051   display: -ms-flexbox;
2052   display: flex;
2053   -webkit-box-pack: justify;
2054   -webkit-justify-content: space-between;
2055   -ms-flex-pack: justify;
2056   justify-content: space-between;
2057   -webkit-box-sizing: border-box;
2058   box-sizing: border-box;
2059 }
2060 .list .item-title-row .item-after {
2061   -webkit-align-self: center;
2062   -ms-flex-item-align: center;
2063   align-self: center;
2064 }
2065 .list .item-row {
2066   display: -webkit-box;
2067   display: -webkit-flex;
2068   display: -ms-flexbox;
2069   display: flex;
2070   -webkit-box-pack: justify;
2071   -webkit-justify-content: space-between;
2072   -ms-flex-pack: justify;
2073   justify-content: space-between;
2074   -webkit-box-sizing: border-box;
2075   box-sizing: border-box;
2076 }
2077 .list .item-cell {
2078   display: block;
2079   -webkit-align-self: center;
2080   -ms-flex-item-align: center;
2081   align-self: center;
2082   -webkit-box-sizing: border-box;
2083   box-sizing: border-box;
2084   -webkit-flex-shrink: 1;
2085   -ms-flex-negative: 1;
2086   flex-shrink: 1;
2087 }
2088 .list li:last-child .list-button:after {
2089   display: none !important;
2090 }
2091 .list li:last-child > .item-inner:after,
2092 .list li:last-child li:last-child > .item-inner:after,
2093 .list li:last-child > .item-content > .item-inner:after,
2094 .list li:last-child li:last-child > .item-content > .item-inner:after,
2095 .list li:last-child > .swipeout-content > .item-content > .item-inner:after,
2096 .list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
2097 .list li:last-child > .item-link > .item-content > .item-inner:after,
2098 .list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
2099   display: none !important;
2100 }
2101 .list.no-hairlines:before,
2102 .list.no-hairlines ul:before,
2103 .md .list.no-hairlines-md:before,
2104 .md .list.no-hairlines-md ul:before,
2105 .ios .list.no-hairlines-ios:before,
2106 .ios .list.no-hairlines-ios ul:before {
2107   display: none !important;
2108 }
2109 .list.no-hairlines:after,
2110 .list.no-hairlines ul:after,
2111 .md .list.no-hairlines-md:after,
2112 .md .list.no-hairlines-md ul:after,
2113 .ios .list.no-hairlines-ios:after,
2114 .ios .list.no-hairlines-ios ul:after {
2115   display: none !important;
2116 }
2117 .list.no-hairline-top:before,
2118 .list.no-hairline-top ul:before,
2119 .md .list.no-hairline-top-md:before,
2120 .md .list.no-hairline-top-md ul:before,
2121 .ios .list.no-hairline-top-ios:before,
2122 .ios .list.no-hairline-top-ios ul:before {
2123   display: none !important;
2124 }
2125 .list.no-hairline-bottom:after,
2126 .list.no-hairline-bottom ul:after,
2127 .md .list.no-hairline-bottom-md:after,
2128 .md .list.no-hairline-bottom-md ul:after,
2129 .ios .list.no-hairline-bottom-ios:after,
2130 .ios .list.no-hairline-bottom-ios ul:after {
2131   display: none !important;
2132 }
2133 .list.no-hairlines-between .item-inner:after,
2134 .md .list.no-hairlines-between-md .item-inner:after,
2135 .ios .list.no-hairlines-between-ios .item-inner:after,
2136 .list.no-hairlines-between .list-button:after,
2137 .md .list.no-hairlines-between-md .list-button:after,
2138 .ios .list.no-hairlines-between-ios .list-button:after,
2139 .list.no-hairlines-between .item-divider:after,
2140 .md .list.no-hairlines-between-md .item-divider:after,
2141 .ios .list.no-hairlines-between-ios .item-divider:after,
2142 .list.no-hairlines-between .list-group-title:after,
2143 .md .list.no-hairlines-between-md .list-group-title:after,
2144 .ios .list.no-hairlines-between-ios .list-group-title:after,
2145 .list.no-hairlines-between .list-group-title:after,
2146 .md .list.no-hairlines-between-md .list-group-title:after,
2147 .ios .list.no-hairlines-between-ios .list-group-title:after {
2148   display: none !important;
2149 }
2150 .list.no-hairlines-between.simple-list li:after,
2151 .md .list.no-hairlines-between-md.simple-list li:after,
2152 .ios .list.no-hairlines-between-ios.simple-list li:after {
2153   display: none !important;
2154 }
2155 .list.no-hairlines-between.links-list a:after,
2156 .md .list.no-hairlines-between-md.links-list a:after,
2157 .ios .list.no-hairlines-between-ios.links-list a:after {
2158   display: none !important;
2159 }
2160 .list.simple-list li {
2161   position: relative;
2162   white-space: nowrap;
2163   text-overflow: ellipsis;
2164   max-width: 100%;
2165   -webkit-box-sizing: border-box;
2166   box-sizing: border-box;
2167   display: -webkit-box;
2168   display: -webkit-flex;
2169   display: -ms-flexbox;
2170   display: flex;
2171   -webkit-box-pack: justify;
2172   -webkit-justify-content: space-between;
2173   -ms-flex-pack: justify;
2174   justify-content: space-between;
2175   -webkit-box-align: center;
2176   -webkit-align-items: center;
2177   -ms-flex-align: center;
2178   align-items: center;
2179   -webkit-align-content: center;
2180   -ms-flex-line-pack: center;
2181   align-content: center;
2182 }
2183 .list.simple-list li:last-child:after {
2184   display: none !important;
2185 }
2186 .list.links-list a {
2187   -webkit-transition-duration: 300ms;
2188   transition-duration: 300ms;
2189   -webkit-transition-property: background-color;
2190   transition-property: background-color;
2191   display: block;
2192   position: relative;
2193   overflow: hidden;
2194   display: -webkit-box;
2195   display: -webkit-flex;
2196   display: -ms-flexbox;
2197   display: flex;
2198   -webkit-box-align: center;
2199   -webkit-align-items: center;
2200   -ms-flex-align: center;
2201   align-items: center;
2202   -webkit-align-content: center;
2203   -ms-flex-line-pack: center;
2204   align-content: center;
2205   -webkit-box-pack: justify;
2206   -webkit-justify-content: space-between;
2207   -ms-flex-pack: justify;
2208   justify-content: space-between;
2209   -webkit-box-sizing: border-box;
2210   box-sizing: border-box;
2211   white-space: nowrap;
2212   text-overflow: ellipsis;
2213   max-width: 100%;
2214 }
2215 .list.links-list li:last-child a:after {
2216   display: none !important;
2217 }
2218 .media-list .item-inner,
2219 li.media-item .item-inner {
2220   display: block;
2221   -webkit-align-self: stretch;
2222   -ms-flex-item-align: stretch;
2223   align-self: stretch;
2224 }
2225 .media-list .item-link .item-inner,
2226 li.media-item .item-link .item-inner {
2227   background: none;
2228 }
2229 .media-list .item-media,
2230 li.media-item .item-media {
2231   -webkit-align-self: flex-start;
2232   -ms-flex-item-align: start;
2233   align-self: flex-start;
2234 }
2235 .media-list .item-media img,
2236 li.media-item .item-media img {
2237   display: block;
2238 }
2239 .list .item-link .item-inner,
2240 .links-list a,
2241 .media-list .item-link .item-title-row,
2242 li.media-item .item-link .item-title-row,
2243 .media-list.chevron-center .item-link .item-inner,
2244 .media-list .chevron-center .item-link .item-inner,
2245 .media-list .item-link.chevron-center .item-inner,
2246 li.media-item.chevron-center .item-link .item-inner,
2247 li.media-item .chevron-center .item-link .item-inner,
2248 li.media-item .item-link.chevron-center .item-inner {
2249   background-size: 8px 13px;
2250   background-repeat: no-repeat;
2251   background-position: 15px center;
2252   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
2253 }
2254 .links-list.no-chevron a,
2255 .no-chevron .links-list a,
2256 .links-list .no-chevron a,
2257 .item-link.no-chevron .item-inner,
2258 .no-chevron .item-link .item-inner,
2259 .media-list.no-chevron .item-link .item-title-row,
2260 .no-chevron .media-list .item-link .item-title-row,
2261 li.media-item .no-chevron .item-title-row,
2262 li.media-item.no-chevron .item-title-row,
2263 .media-list.chevron-center .item-title-row,
2264 .media-list .chevron-center .item-title-row,
2265 li.media-item.chevron-center .item-title-row,
2266 li.media-item .chevron-center .item-title-row {
2267   background-image: none !important;
2268 }
2269 .media-list .item-link .item-inner,
2270 li.media-item .item-link .item-inner {
2271   background-image: none;
2272 }
2273 .media-list .item-link .item-title-row,
2274 li.media-item .item-link .item-title-row {
2275   background-position: left center !important;
2276 }
2277 .list-group ul:after,
2278 .list-group ul:before {
2279   z-index: 25 !important;
2280 }
2281 .list-group + .list-group ul:before {
2282   display: none !important;
2283 }
2284 li.item-divider,
2285 .item-divider,
2286 li.list-group-title {
2287   white-space: nowrap;
2288   position: relative;
2289   max-width: 100%;
2290   text-overflow: ellipsis;
2291   overflow: hidden;
2292   z-index: 15;
2293 }
2294 li.list-group-title,
2295 .list li.list-group-title {
2296   position: relative;
2297   position: -webkit-sticky;
2298   position: sticky;
2299   top: 0;
2300   margin-top: 0;
2301   z-index: 20;
2302 }
2303 li.list-group-title:before,
2304 .list li.list-group-title:before {
2305   display: none !important;
2306 }
2307 .list.inset .block-title {
2308   margin-left: 0;
2309   margin-right: 0;
2310 }
2311 .list.inset ul:before {
2312   display: none !important;
2313 }
2314 .list.inset ul:after {
2315   display: none !important;
2316 }
2317 @media (min-width: 768px) {
2318   .list.tablet-inset .block-title {
2319     margin-left: 0;
2320     margin-right: 0;
2321   }
2322   .list.tablet-inset ul:before {
2323     display: none !important;
2324   }
2325   .list.tablet-inset ul:after {
2326     display: none !important;
2327   }
2328 }
2329 .theme-dark .list .item-link .item-inner,
2330 .list.theme-dark .item-link .item-inner,
2331 .theme-dark .links-list a,
2332 .links-list.theme-dark a,
2333 .theme-dark .media-list .item-link .item-title-row,
2334 .media-list.theme-dark .item-link .item-title-row,
2335 .theme-dark li.media-item .item-link .item-title-row {
2336   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
2337 }
2338 .theme-dark .media-list .item-link .item-inner,
2339 .media-list.theme-dark .item-link .item-inner,
2340 .theme-dark li.media-item .item-link .item-inner {
2341   background-image: none;
2342 }
2343 .md .list {
2344   margin: 32px 0;
2345   font-size: 16px;
2346 }
2347 .md .list .item-cell {
2348   width: 100%;
2349   min-width: 0;
2350   margin-right: 16px;
2351 }
2352 .md .list .item-cell:first-child {
2353   margin-right: 0;
2354 }
2355 .md .list ul ul {
2356   padding-right: 56px;
2357 }
2358 .md .list .item-media {
2359   padding-top: 8px;
2360   min-width: 40px;
2361 }
2362 .md .list .item-media i + i,
2363 .md .list .item-media i + img {
2364   margin-right: 8px;
2365 }
2366 .md .list .item-media + .item-inner {
2367   margin-right: 16px;
2368 }
2369 .md .list .item-inner {
2370   min-height: 48px;
2371   padding-left: 16px;
2372 }
2373 .md .list .item-after {
2374   color: #757575;
2375   font-size: 14px;
2376   padding-right: 8px;
2377 }
2378 .md .list .item-link,
2379 .md .list .list-button {
2380   color: inherit;
2381 }
2382 .md .list .item-link .item-inner,
2383 .md .list .list-button .item-inner {
2384   padding-left: 42px;
2385 }
2386 .md .list .item-link.active-state,
2387 .md .list .list-button.active-state {
2388   background-color: rgba(0, 0, 0, 0.1);
2389 }
2390 .md .list .list-button {
2391   padding: 0 16px;
2392   font-size: 16px;
2393   line-height: 48px;
2394 }
2395 .md .list .item-content {
2396   min-height: 48px;
2397   padding-right: 16px;
2398 }
2399 .md .list .item-subtitle {
2400   font-size: 14px;
2401 }
2402 .md .list .item-text {
2403   font-size: 14px;
2404   color: #757575;
2405   line-height: 20px;
2406   max-height: 40px;
2407 }
2408 .md .list .item-header,
2409 .md .list .item-footer {
2410   font-weight: normal;
2411   font-size: 12px;
2412   line-height: 1.2;
2413   white-space: normal;
2414 }
2415 .md .list .item-footer {
2416   color: rgba(0, 0, 0, 0.5);
2417 }
2418 .md .list .item-link.no-chevron .item-inner,
2419 .md .list.no-chevron .item-link .item-inner,
2420 .md .list .no-chevron .item-link .item-inner,
2421 .md .no-chevron .list .item-link .item-inner {
2422   padding-left: 16px;
2423 }
2424 .md .simple-list li:after {
2425   content: '';
2426   position: absolute;
2427   background-color: rgba(0, 0, 0, 0.12);
2428   display: block;
2429   z-index: 15;
2430   top: auto;
2431   right: auto;
2432   bottom: 0;
2433   left: 0;
2434   height: 1px;
2435   width: 100%;
2436   -webkit-transform-origin: 50% 100%;
2437   transform-origin: 50% 100%;
2438 }
2439 .md.device-pixel-ratio-2 .simple-list li:after {
2440   -webkit-transform: scaleY(0.5);
2441   transform: scaleY(0.5);
2442 }
2443 .md.device-pixel-ratio-3 .simple-list li:after {
2444   -webkit-transform: scaleY(0.33);
2445   transform: scaleY(0.33);
2446 }
2447 .md .simple-list li {
2448   padding-left: 16px;
2449   padding-right: 16px;
2450   line-height: 48px;
2451   height: 48px;
2452 }
2453 .md .simple-list li:after {
2454   width: auto;
2455   left: 0;
2456   right: 16px;
2457 }
2458 .md .links-list a:after {
2459   content: '';
2460   position: absolute;
2461   background-color: rgba(0, 0, 0, 0.12);
2462   display: block;
2463   z-index: 15;
2464   top: auto;
2465   right: auto;
2466   bottom: 0;
2467   left: 0;
2468   height: 1px;
2469   width: 100%;
2470   -webkit-transform-origin: 50% 100%;
2471   transform-origin: 50% 100%;
2472 }
2473 .md.device-pixel-ratio-2 .links-list a:after {
2474   -webkit-transform: scaleY(0.5);
2475   transform: scaleY(0.5);
2476 }
2477 .md.device-pixel-ratio-3 .links-list a:after {
2478   -webkit-transform: scaleY(0.33);
2479   transform: scaleY(0.33);
2480 }
2481 .md .links-list a {
2482   height: 48px;
2483   color: inherit;
2484 }
2485 .md .links-list a.active-state {
2486   background-color: rgba(0, 0, 0, 0.1);
2487 }
2488 .md .links-list a:after {
2489   width: auto;
2490 }
2491 .md .links-list a {
2492   padding-right: 16px;
2493   padding-left: 42px;
2494 }
2495 .md .links-list a:after {
2496   right: 16px;
2497   left: 0;
2498 }
2499 .md .links-list.no-chevron a,
2500 .md .no-chevron .links-list a,
2501 .md .links-list a.no-chevron,
2502 .md .links-list .no-chevron a {
2503   padding-left: 16px;
2504 }
2505 .md .media-list .item-inner,
2506 .md li.media-item .item-inner {
2507   padding-top: 14px;
2508   padding-bottom: 14px;
2509 }
2510 .md .media-list .item-link .item-inner,
2511 .md li.media-item .item-link .item-inner {
2512   padding-left: 16px;
2513 }
2514 .md .media-list .item-link .item-title-row,
2515 .md li.media-item .item-link .item-title-row {
2516   padding-left: 26px;
2517 }
2518 .md .media-list .item-media,
2519 .md li.media-item .item-media {
2520   padding-top: 14px;
2521   padding-bottom: 14px;
2522 }
2523 .md .media-list.chevron-center .item-link .item-inner,
2524 .md .media-list .chevron-center .item-link .item-inner,
2525 .md .media-list .item-link.chevron-center .item-inner,
2526 .md li.media-item.chevron-center .item-link .item-inner,
2527 .md li.media-item .item-link.chevron-center .item-inner,
2528 .md li.media-item .chevron-center .item-link .item-inner {
2529   padding-left: 42px;
2530 }
2531 .md .media-list.no-chevron .item-link .item-title-row,
2532 .md .no-chevron .media-list .item-link .item-title-row,
2533 .md .media-list .no-chevron .item-link .item-title-row,
2534 .md li.media-item.no-chevron .item-link .item-title-row,
2535 .md .no-chevron li.media-item .item-link .item-title-row,
2536 .md .media-list.chevron-center .item-title-row,
2537 .md .media-list .chevron-center .item-title-row,
2538 .md li.media-item.chevron-center .item-title-row,
2539 .md li.media-item .chevron-center .item-title-row {
2540   padding-left: 0 !important;
2541 }
2542 .md .list .item-link .item-inner,
2543 .md .links-list a {
2544   background-position: 16px center;
2545 }
2546 .md .item-divider,
2547 .md .list-group-title {
2548   padding: 0 16px;
2549   background: #f4f4f4;
2550   color: rgba(0, 0, 0, 0.54);
2551   height: 48px;
2552   line-height: 48px;
2553   -webkit-box-sizing: border-box;
2554   box-sizing: border-box;
2555   font-size: 14px;
2556 }
2557 .md .item-divider:before,
2558 .md .list-group-title:before {
2559   display: none !important;
2560 }
2561 .md .item-divider:after,
2562 .md .list-group-title:after {
2563   display: none !important;
2564 }
2565 .md .list-group-title {
2566   margin-top: 0;
2567 }
2568 .md .list .item-inner:after {
2569   content: '';
2570   position: absolute;
2571   background-color: rgba(0, 0, 0, 0.12);
2572   display: block;
2573   z-index: 15;
2574   top: auto;
2575   right: auto;
2576   bottom: 0;
2577   left: 0;
2578   height: 1px;
2579   width: 100%;
2580   -webkit-transform-origin: 50% 100%;
2581   transform-origin: 50% 100%;
2582 }
2583 .md.device-pixel-ratio-2 .list .item-inner:after {
2584   -webkit-transform: scaleY(0.5);
2585   transform: scaleY(0.5);
2586 }
2587 .md.device-pixel-ratio-3 .list .item-inner:after {
2588   -webkit-transform: scaleY(0.33);
2589   transform: scaleY(0.33);
2590 }
2591 .md .list ul:before {
2592   content: '';
2593   position: absolute;
2594   background-color: rgba(0, 0, 0, 0.12);
2595   display: block;
2596   z-index: 15;
2597   top: 0;
2598   right: auto;
2599   bottom: auto;
2600   left: 0;
2601   height: 1px;
2602   width: 100%;
2603   -webkit-transform-origin: 50% 0%;
2604   transform-origin: 50% 0%;
2605 }
2606 .md.device-pixel-ratio-2 .list ul:before {
2607   -webkit-transform: scaleY(0.5);
2608   transform: scaleY(0.5);
2609 }
2610 .md.device-pixel-ratio-3 .list ul:before {
2611   -webkit-transform: scaleY(0.33);
2612   transform: scaleY(0.33);
2613 }
2614 .md .list ul:after {
2615   content: '';
2616   position: absolute;
2617   background-color: rgba(0, 0, 0, 0.12);
2618   display: block;
2619   z-index: 15;
2620   top: auto;
2621   right: auto;
2622   bottom: 0;
2623   left: 0;
2624   height: 1px;
2625   width: 100%;
2626   -webkit-transform-origin: 50% 100%;
2627   transform-origin: 50% 100%;
2628 }
2629 .md.device-pixel-ratio-2 .list ul:after {
2630   -webkit-transform: scaleY(0.5);
2631   transform: scaleY(0.5);
2632 }
2633 .md.device-pixel-ratio-3 .list ul:after {
2634   -webkit-transform: scaleY(0.33);
2635   transform: scaleY(0.33);
2636 }
2637 .md .list.inset {
2638   margin-left: 16px;
2639   margin-right: 16px;
2640   border-radius: 4px;
2641 }
2642 .md .list.inset ul {
2643   border-radius: 4px;
2644 }
2645 .md .list.inset li:first-child > a {
2646   border-radius: 4px 4px 0 0;
2647 }
2648 .md .list.inset li:last-child > a {
2649   border-radius: 0 0 4px 4px;
2650 }
2651 .md .list.inset li:first-child:last-child > a {
2652   border-radius: 4px;
2653 }
2654 @media (min-width: 768px) {
2655   .md .list.tablet-inset {
2656     margin-left: 16px;
2657     margin-right: 16px;
2658     border-radius: 4px;
2659   }
2660   .md .list.tablet-inset li:first-child > a {
2661     border-radius: 4px 4px 0 0;
2662   }
2663   .md .list.tablet-inset li:last-child > a {
2664     border-radius: 0 0 4px 4px;
2665   }
2666   .md .list.tablet-inset li:first-child:last-child > a {
2667     border-radius: 4px;
2668   }
2669 }
2670 .md li li:last-child .item-inner:after,
2671 .md li:last-child li .item-inner:after {
2672   content: '';
2673   position: absolute;
2674   background-color: rgba(0, 0, 0, 0.12);
2675   display: block;
2676   z-index: 15;
2677   top: auto;
2678   right: auto;
2679   bottom: 0;
2680   left: 0;
2681   height: 1px;
2682   width: 100%;
2683   -webkit-transform-origin: 50% 100%;
2684   transform-origin: 50% 100%;
2685 }
2686 html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,
2687 html.device-pixel-ratio-2 .md li:last-child li .item-inner:after {
2688   -webkit-transform: scaleY(0.5);
2689   transform: scaleY(0.5);
2690 }
2691 html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,
2692 html.device-pixel-ratio-3 .md li:last-child li .item-inner:after {
2693   -webkit-transform: scaleY(0.33);
2694   transform: scaleY(0.33);
2695 }
2696 @media (orientation: landscape) {
2697   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2698   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2699   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2700   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2701   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
2702     padding-left: calc(16px + constant(safe-area-inset-left));
2703     padding-left: calc(16px + env(safe-area-inset-left));
2704   }
2705   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2706   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2707   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2708   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2709   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2710   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2711   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2712   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2713   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2714   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
2715     padding-left: calc(16px + constant(safe-area-inset-left));
2716     padding-left: calc(16px + env(safe-area-inset-left));
2717   }
2718   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2719   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2720   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2721   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2722   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
2723     margin-left: calc(16px + constant(safe-area-inset-left));
2724     margin-left: calc(16px + env(safe-area-inset-left));
2725   }
2726   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2727   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2728   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2729   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2730   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2731   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2732   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2733   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2734   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2735   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
2736     padding-left: 15px;
2737   }
2738   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2739   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2740   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2741   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2742   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2743   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2744   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2745   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2746   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2747   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
2748     background-position: calc(16px + constant(safe-area-inset-left)) center;
2749     background-position: calc(16px + env(safe-area-inset-left)) center;
2750   }
2751   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2752   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2753   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2754   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2755   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner {
2756     padding-left: calc(16px + constant(safe-area-inset-left));
2757     padding-left: calc(16px + env(safe-area-inset-left));
2758   }
2759   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2760   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2761   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2762   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2763   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner {
2764     padding-left: calc(42px + constant(safe-area-inset-left));
2765     padding-left: calc(42px + env(safe-area-inset-left));
2766   }
2767   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
2768   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
2769   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
2770   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
2771   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
2772   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
2773   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
2774   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
2775   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
2776   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner {
2777     padding-left: calc(16px + constant(safe-area-inset-left));
2778     padding-left: calc(16px + env(safe-area-inset-left));
2779   }
2780   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2781   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2782   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2783   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2784   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
2785     padding-left: calc(42px + constant(safe-area-inset-left));
2786     padding-left: calc(42px + env(safe-area-inset-left));
2787   }
2788   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
2789   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
2790   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
2791   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
2792   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
2793   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
2794   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
2795   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
2796   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
2797   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
2798   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
2799   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
2800   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
2801   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
2802   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
2803   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
2804   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
2805   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
2806   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
2807   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
2808   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
2809   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
2810   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
2811   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
2812   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
2813   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
2814   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
2815   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
2816   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
2817   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner {
2818     padding-left: calc(42px + constant(safe-area-inset-left));
2819     padding-left: calc(42px + env(safe-area-inset-left));
2820   }
2821   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
2822   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
2823   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
2824   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
2825   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
2826   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
2827   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
2828   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
2829   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
2830   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
2831   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
2832   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
2833   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
2834   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
2835   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
2836   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
2837   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
2838   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
2839   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
2840   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
2841   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
2842   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
2843   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
2844   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
2845   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
2846   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
2847   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
2848   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
2849   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
2850   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a {
2851     padding-left: calc(16px + constant(safe-area-inset-left));
2852     padding-left: calc(16px + env(safe-area-inset-left));
2853   }
2854   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
2855   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
2856   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
2857   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
2858   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
2859   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
2860   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
2861   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
2862   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
2863   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
2864   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
2865   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
2866   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
2867   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
2868   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
2869   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
2870   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
2871   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
2872   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
2873   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row {
2874     padding-left: 0;
2875   }
2876   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
2877   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
2878   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
2879   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
2880   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
2881     margin-right: calc(16px + constant(safe-area-inset-right));
2882     margin-right: calc(16px + env(safe-area-inset-right));
2883   }
2884   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2885   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2886   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2887   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2888   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2889   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2890   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2891   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2892   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2893   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
2894     padding-right: 16px;
2895   }
2896   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2897   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2898   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2899   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2900   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
2901   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2902   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2903   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2904   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
2905   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
2906     padding-right: 16px;
2907   }
2908   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
2909   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
2910   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
2911   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
2912   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
2913   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
2914   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
2915   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
2916   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
2917   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
2918     padding-right: calc(16px + constant(safe-area-inset-right));
2919     padding-right: calc(16px + env(safe-area-inset-right));
2920   }
2921   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
2922   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
2923   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
2924   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
2925   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
2926     padding-right: calc(16px + constant(safe-area-inset-right));
2927     padding-right: calc(16px + env(safe-area-inset-right));
2928   }
2929   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
2930   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
2931   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
2932   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
2933   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content {
2934     padding-right: calc(16px + constant(safe-area-inset-right));
2935     padding-right: calc(16px + env(safe-area-inset-right));
2936   }
2937   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
2938   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
2939   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
2940   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
2941   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after {
2942     right: calc(16px + constant(safe-area-inset-right));
2943     right: calc(16px + env(safe-area-inset-right));
2944   }
2945   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
2946   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
2947   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
2948   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
2949   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
2950     padding-right: calc(16px + constant(safe-area-inset-right));
2951     padding-right: calc(16px + env(safe-area-inset-right));
2952   }
2953   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
2954   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
2955   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
2956   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
2957   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after {
2958     right: calc(16px + const(safe-area-inset-right));
2959     right: calc(16px + env(safe-area-inset-right));
2960   }
2961 }
2962 @media (orientation: landscape) and (min-width: 768px) {
2963   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2964   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2965   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2966   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2967   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
2968     margin-left: calc(16px + constant(safe-area-inset-left));
2969     margin-left: calc(16px + env(safe-area-inset-left));
2970   }
2971   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2972   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2973   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2974   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2975   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2976   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2977   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2978   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2979   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2980   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
2981     padding-left: 15px;
2982   }
2983 }
2984 @media (orientation: landscape) and (min-width: 768px) {
2985   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2986   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2987   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2988   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2989   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
2990     margin-right: calc(16px + constant(safe-area-inset-right));
2991     margin-right: calc(16px + env(safe-area-inset-right));
2992   }
2993 }
2994 .md .theme-dark .list ul:before,
2995 .list.md .theme-dark ul:before {
2996   background-color: rgba(255, 255, 255, 0.08);
2997 }
2998 .md .theme-dark .list ul:after,
2999 .list.md .theme-dark ul:after {
3000   background-color: rgba(255, 255, 255, 0.08);
3001 }
3002 .md .theme-dark .list li li:last-child .item-inner:after,
3003 .list.md .theme-dark li li:last-child .item-inner:after,
3004 .md .theme-dark .list li:last-child li .item-inner:after,
3005 .list.md .theme-dark li:last-child li .item-inner:after {
3006   background-color: rgba(255, 255, 255, 0.08);
3007 }
3008 .md .theme-dark .item-divider:before {
3009   background-color: rgba(255, 255, 255, 0.08);
3010 }
3011 .md .theme-dark .list-group-title:before {
3012   background-color: rgba(255, 255, 255, 0.08);
3013 }
3014 .md .theme-dark .list-button:after {
3015   background-color: rgba(255, 255, 255, 0.08);
3016 }
3017 .md .theme-dark .item-inner:after {
3018   background-color: rgba(255, 255, 255, 0.08);
3019 }
3020 .md .theme-dark .item-divider,
3021 .md .theme-dark .list-group-title {
3022   background-color: #111;
3023   color: #fff;
3024 }
3025 .md .theme-dark .links-list a:after,
3026 .md .theme-dark .simple-list li:after,
3027 .md .theme-dark .links-list a:after,
3028 .links-list.md .theme-dark a .simple-list li:after,
3029 .simple-list.md .theme-dark li:after {
3030   background-color: rgba(255, 255, 255, 0.08);
3031 }
3032 .md .theme-dark .list .item-link.active-state,
3033 .list.md .theme-dark .item-link.active-state,
3034 .md .theme-dark .list .list-button.active-state,
3035 .list.md .theme-dark .list-button.active-state,
3036 .md .theme-dark .links-list a.active-state,
3037 .links-list.md .theme-dark a.active-state {
3038   background-color: rgba(255, 255, 255, 0.05);
3039 }
3040 .md .theme-dark .item-after,
3041 .md .theme-dark .item-text {
3042   color: rgba(255, 255, 255, 0.54);
3043 }
3044 .md .color-theme-red .list-button {
3045   color: #f44336;
3046 }
3047 .md .color-theme-green .list-button {
3048   color: #4caf50;
3049 }
3050 .md .color-theme-blue .list-button {
3051   color: #2196f3;
3052 }
3053 .md .color-theme-pink .list-button {
3054   color: #e91e63;
3055 }
3056 .md .color-theme-yellow .list-button {
3057   color: #ffeb3b;
3058 }
3059 .md .color-theme-orange .list-button {
3060   color: #ff9800;
3061 }
3062 .md .color-theme-gray .list-button {
3063   color: #9e9e9e;
3064 }
3065 .md .color-theme-white .list-button {
3066   color: #ffffff;
3067 }
3068 .md .color-theme-black .list-button {
3069   color: #000000;
3070 }
3071 .md .list .list-button.color-red,
3072 .md .list li.color-red .list-button,
3073 .md .links-list li.color-red a,
3074 .md .simple-list li.color-red,
3075 .md .links-list a.color-red,
3076 .md .list .item-link.color-red,
3077 .md .list li.color-red .item-link {
3078   color: #f44336;
3079 }
3080 .md .list .list-button.color-green,
3081 .md .list li.color-green .list-button,
3082 .md .links-list li.color-green a,
3083 .md .simple-list li.color-green,
3084 .md .links-list a.color-green,
3085 .md .list .item-link.color-green,
3086 .md .list li.color-green .item-link {
3087   color: #4caf50;
3088 }
3089 .md .list .list-button.color-blue,
3090 .md .list li.color-blue .list-button,
3091 .md .links-list li.color-blue a,
3092 .md .simple-list li.color-blue,
3093 .md .links-list a.color-blue,
3094 .md .list .item-link.color-blue,
3095 .md .list li.color-blue .item-link {
3096   color: #2196f3;
3097 }
3098 .md .list .list-button.color-pink,
3099 .md .list li.color-pink .list-button,
3100 .md .links-list li.color-pink a,
3101 .md .simple-list li.color-pink,
3102 .md .links-list a.color-pink,
3103 .md .list .item-link.color-pink,
3104 .md .list li.color-pink .item-link {
3105   color: #e91e63;
3106 }
3107 .md .list .list-button.color-yellow,
3108 .md .list li.color-yellow .list-button,
3109 .md .links-list li.color-yellow a,
3110 .md .simple-list li.color-yellow,
3111 .md .links-list a.color-yellow,
3112 .md .list .item-link.color-yellow,
3113 .md .list li.color-yellow .item-link {
3114   color: #ffeb3b;
3115 }
3116 .md .list .list-button.color-orange,
3117 .md .list li.color-orange .list-button,
3118 .md .links-list li.color-orange a,
3119 .md .simple-list li.color-orange,
3120 .md .links-list a.color-orange,
3121 .md .list .item-link.color-orange,
3122 .md .list li.color-orange .item-link {
3123   color: #ff9800;
3124 }
3125 .md .list .list-button.color-gray,
3126 .md .list li.color-gray .list-button,
3127 .md .links-list li.color-gray a,
3128 .md .simple-list li.color-gray,
3129 .md .links-list a.color-gray,
3130 .md .list .item-link.color-gray,
3131 .md .list li.color-gray .item-link {
3132   color: #9e9e9e;
3133 }
3134 .md .list .list-button.color-white,
3135 .md .list li.color-white .list-button,
3136 .md .links-list li.color-white a,
3137 .md .simple-list li.color-white,
3138 .md .links-list a.color-white,
3139 .md .list .item-link.color-white,
3140 .md .list li.color-white .item-link {
3141   color: #ffffff;
3142 }
3143 .md .list .list-button.color-black,
3144 .md .list li.color-black .list-button,
3145 .md .links-list li.color-black a,
3146 .md .simple-list li.color-black,
3147 .md .links-list a.color-black,
3148 .md .list .item-link.color-black,
3149 .md .list li.color-black .item-link {
3150   color: #000000;
3151 }
3152 /* === Badge === */
3153 .badge {
3154   display: inline-block;
3155   color: #fff;
3156   background: #8e8e93;
3157   position: relative;
3158   -webkit-box-sizing: border-box;
3159   box-sizing: border-box;
3160   text-align: center;
3161 }
3162 .icon .badge,
3163 .f7-icons .badge,
3164 .framework7-icons .badge,
3165 .material-icons .badge {
3166   position: absolute;
3167   left: 100%;
3168   margin-left: -10px;
3169   top: -2px;
3170 }
3171 .md .badge {
3172   font-size: 10px;
3173   border-radius: 3px;
3174   padding: 1px 6px;
3175   vertical-align: middle;
3176 }
3177 .md .icon .badge,
3178 .md .f7-icons .badge,
3179 .md .framework7-icons .badge,
3180 .md .material-icons .badge {
3181   line-height: 1.4;
3182   padding: 1px 5px;
3183   font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
3184   font-size: 10px;
3185 }
3186 .md .badge.color-red {
3187   background-color: #f44336;
3188 }
3189 .md .badge.color-green {
3190   background-color: #4caf50;
3191 }
3192 .md .badge.color-blue {
3193   background-color: #2196f3;
3194 }
3195 .md .badge.color-pink {
3196   background-color: #e91e63;
3197 }
3198 .md .badge.color-yellow {
3199   background-color: #ffeb3b;
3200 }
3201 .md .badge.color-orange {
3202   background-color: #ff9800;
3203 }
3204 .md .badge.color-gray {
3205   background-color: #9e9e9e;
3206 }
3207 .md .badge.color-white {
3208   background-color: #ffffff;
3209 }
3210 .md .badge.color-black {
3211   background-color: #000000;
3212 }
3213 button {
3214   -webkit-appearance: none;
3215   -moz-appearance: none;
3216   appearance: none;
3217 }
3218 .button {
3219   text-decoration: none;
3220   text-align: center;
3221   display: block;
3222   -webkit-appearance: none;
3223   -moz-appearance: none;
3224   appearance: none;
3225   background: none;
3226   padding: 0 10px;
3227   margin: 0;
3228   white-space: nowrap;
3229   text-overflow: ellipsis;
3230   font-size: 14px;
3231   position: relative;
3232   overflow: hidden;
3233   font-family: inherit;
3234   cursor: pointer;
3235   outline: 0;
3236   -webkit-box-sizing: border-box;
3237   box-sizing: border-box;
3238   vertical-align: middle;
3239 }
3240 input[type="submit"].button,
3241 input[type="button"].button {
3242   width: 100%;
3243 }
3244 button {
3245   width: 100%;
3246 }
3247 .segmented {
3248   -webkit-align-self: center;
3249   -ms-flex-item-align: center;
3250   align-self: center;
3251   display: -webkit-box;
3252   display: -webkit-flex;
3253   display: -ms-flexbox;
3254   display: flex;
3255   -webkit-flex-wrap: nowrap;
3256   -ms-flex-wrap: nowrap;
3257   flex-wrap: nowrap;
3258 }
3259 .segmented .button,
3260 .segmented button {
3261   width: 100%;
3262   -webkit-flex-shrink: 1;
3263   -ms-flex-negative: 1;
3264   flex-shrink: 1;
3265   min-width: 0;
3266 }
3267 .subnavbar .segmented {
3268   width: 100%;
3269 }
3270 .md .button {
3271   color: #2196f3;
3272   border-radius: 4px;
3273   line-height: 36px;
3274   height: 36px;
3275   text-transform: uppercase;
3276   min-width: 64px;
3277   padding: 0 8px;
3278   border: none;
3279   -webkit-transition-duration: 300ms;
3280   transition-duration: 300ms;
3281   -webkit-transform: translate3d(0, 0, 0);
3282   transform: translate3d(0, 0, 0);
3283   font-weight: 500;
3284   letter-spacing: 0.03em;
3285 }
3286 .md .button.active-state {
3287   background: rgba(0, 0, 0, 0.1);
3288 }
3289 .md .button.button-fill,
3290 .md .button.button-fill-md,
3291 .md .button.button-active,
3292 .md .button.tab-link-active {
3293   background-color: #2196f3;
3294   color: #fff;
3295 }
3296 .md .button.button-fill.active-state,
3297 .md .button.button-fill-md.active-state,
3298 .md .button.button-active.active-state,
3299 .md .button.tab-link-active.active-state {
3300   background: #0c82df;
3301 }
3302 .md .button.button-big,
3303 .md .button.button-big-md {
3304   height: 48px;
3305   line-height: 48px;
3306   border-radius: 4px;
3307 }
3308 .md .button.button-round,
3309 .md .button.button-round-md {
3310   border-radius: 36px;
3311 }
3312 .md .button.button-outline {
3313   border: 2px solid #2196f3;
3314   line-height: 32px;
3315 }
3316 .md .button.button-outline.button-big,
3317 .md .button.button-outline.button-big-md {
3318   line-height: 44px;
3319 }
3320 .md .button.button-small,
3321 .md .button.button-small-md {
3322   height: 28px;
3323   line-height: 28px;
3324   font-size: 13px;
3325   font-weight: 500;
3326   letter-spacing: 0.03em;
3327 }
3328 .md .button.button-small.button-outline,
3329 .md .button.button-small-md.button-outline {
3330   border-width: 2px;
3331   line-height: 24px;
3332 }
3333 .md .button > i.icon + span,
3334 .md .button > span:not(.ripple-wave) + span,
3335 .md .button > span:not(.ripple-wave) + i.icon,
3336 .md .button > i.icon + i.icon {
3337   margin-right: 8px;
3338 }
3339 .md .button.button-raised {
3340   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3341   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3342 }
3343 .md .button.button-raised.active-state {
3344   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3345   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3346 }
3347 .md .navbar .button:not(.button-fill):not(.button-fill-md),
3348 .md .subnavbar .button:not(.button-fill):not(.button-fill-md),
3349 .md .toolbar .button:not(.button-fill):not(.button-fill-md) {
3350   color: #fff;
3351 }
3352 .md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,
3353 .md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,
3354 .md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state {
3355   background: rgba(255, 255, 255, 0.15);
3356 }
3357 .md .toast .button:not(.button-fill):not(.button-fill-md).active-state {
3358   background: rgba(255, 255, 255, 0.15);
3359 }
3360 .md .segmented {
3361   border-radius: 4px;
3362 }
3363 .md .segmented.segmented-raised {
3364   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3365   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3366 }
3367 .md .segmented.segmented-round {
3368   border-radius: 36px;
3369 }
3370 .md .segmented .button {
3371   border-radius: 0;
3372   min-width: 0;
3373   border-right: 1px solid rgba(0, 0, 0, 0.1);
3374 }
3375 .md .segmented .button:first-child {
3376   border-radius: 0 4px 4px 0;
3377   border-right: none;
3378 }
3379 .md .segmented .button.button-outline {
3380   border: 2px solid #2196f3;
3381 }
3382 .md .segmented .button.button-outline:nth-child(n + 2) {
3383   border-right: none;
3384 }
3385 .md .segmented .button:last-child {
3386   border-radius: 4px 0 0 4px;
3387 }
3388 .md .segmented .button:first-child:last-child {
3389   border-radius: 4px;
3390 }
3391 .md .segmented .button.button-round:first-child {
3392   border-radius: 0 36px 36px 0;
3393 }
3394 .md .segmented .button.button-round:last-child {
3395   border-radius: 36px 0 0 36px;
3396 }
3397 .md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state {
3398   background-color: rgba(255, 255, 255, 0.1);
3399 }
3400 .md .color-theme-red .button,
3401 .md .color-red .button {
3402   color: #f44336;
3403 }
3404 .md .color-theme-red .button.button-fill,
3405 .md .color-red .button.button-fill,
3406 .md .color-theme-red .button.button-fill-md,
3407 .md .color-red .button.button-fill-md,
3408 .md .color-theme-red .button.button-active,
3409 .md .color-red .button.button-active,
3410 .md .color-theme-red .button.tab-link-active,
3411 .md .color-red .button.tab-link-active {
3412   background-color: #f44336;
3413   color: #fff;
3414 }
3415 .md .color-theme-red .button.button-fill.active-state,
3416 .md .color-red .button.button-fill.active-state,
3417 .md .color-theme-red .button.button-fill-md.active-state,
3418 .md .color-red .button.button-fill-md.active-state,
3419 .md .color-theme-red .button.button-active.active-state,
3420 .md .color-red .button.button-active.active-state,
3421 .md .color-theme-red .button.tab-link-active.active-state,
3422 .md .color-red .button.tab-link-active.active-state {
3423   background: #f21f0f;
3424 }
3425 .md .color-theme-red .button.button-outline,
3426 .md .color-red .button.button-outline {
3427   border-color: #f44336;
3428 }
3429 .md .color-theme-green .button,
3430 .md .color-green .button {
3431   color: #4caf50;
3432 }
3433 .md .color-theme-green .button.button-fill,
3434 .md .color-green .button.button-fill,
3435 .md .color-theme-green .button.button-fill-md,
3436 .md .color-green .button.button-fill-md,
3437 .md .color-theme-green .button.button-active,
3438 .md .color-green .button.button-active,
3439 .md .color-theme-green .button.tab-link-active,
3440 .md .color-green .button.tab-link-active {
3441   background-color: #4caf50;
3442   color: #fff;
3443 }
3444 .md .color-theme-green .button.button-fill.active-state,
3445 .md .color-green .button.button-fill.active-state,
3446 .md .color-theme-green .button.button-fill-md.active-state,
3447 .md .color-green .button.button-fill-md.active-state,
3448 .md .color-theme-green .button.button-active.active-state,
3449 .md .color-green .button.button-active.active-state,
3450 .md .color-theme-green .button.tab-link-active.active-state,
3451 .md .color-green .button.tab-link-active.active-state {
3452   background: #409343;
3453 }
3454 .md .color-theme-green .button.button-outline,
3455 .md .color-green .button.button-outline {
3456   border-color: #4caf50;
3457 }
3458 .md .color-theme-blue .button,
3459 .md .color-blue .button {
3460   color: #2196f3;
3461 }
3462 .md .color-theme-blue .button.button-fill,
3463 .md .color-blue .button.button-fill,
3464 .md .color-theme-blue .button.button-fill-md,
3465 .md .color-blue .button.button-fill-md,
3466 .md .color-theme-blue .button.button-active,
3467 .md .color-blue .button.button-active,
3468 .md .color-theme-blue .button.tab-link-active,
3469 .md .color-blue .button.tab-link-active {
3470   background-color: #2196f3;
3471   color: #fff;
3472 }
3473 .md .color-theme-blue .button.button-fill.active-state,
3474 .md .color-blue .button.button-fill.active-state,
3475 .md .color-theme-blue .button.button-fill-md.active-state,
3476 .md .color-blue .button.button-fill-md.active-state,
3477 .md .color-theme-blue .button.button-active.active-state,
3478 .md .color-blue .button.button-active.active-state,
3479 .md .color-theme-blue .button.tab-link-active.active-state,
3480 .md .color-blue .button.tab-link-active.active-state {
3481   background: #0c82df;
3482 }
3483 .md .color-theme-blue .button.button-outline,
3484 .md .color-blue .button.button-outline {
3485   border-color: #2196f3;
3486 }
3487 .md .color-theme-pink .button,
3488 .md .color-pink .button {
3489   color: #e91e63;
3490 }
3491 .md .color-theme-pink .button.button-fill,
3492 .md .color-pink .button.button-fill,
3493 .md .color-theme-pink .button.button-fill-md,
3494 .md .color-pink .button.button-fill-md,
3495 .md .color-theme-pink .button.button-active,
3496 .md .color-pink .button.button-active,
3497 .md .color-theme-pink .button.tab-link-active,
3498 .md .color-pink .button.tab-link-active {
3499   background-color: #e91e63;
3500   color: #fff;
3501 }
3502 .md .color-theme-pink .button.button-fill.active-state,
3503 .md .color-pink .button.button-fill.active-state,
3504 .md .color-theme-pink .button.button-fill-md.active-state,
3505 .md .color-pink .button.button-fill-md.active-state,
3506 .md .color-theme-pink .button.button-active.active-state,
3507 .md .color-pink .button.button-active.active-state,
3508 .md .color-theme-pink .button.tab-link-active.active-state,
3509 .md .color-pink .button.tab-link-active.active-state {
3510   background: #ca1452;
3511 }
3512 .md .color-theme-pink .button.button-outline,
3513 .md .color-pink .button.button-outline {
3514   border-color: #e91e63;
3515 }
3516 .md .color-theme-yellow .button,
3517 .md .color-yellow .button {
3518   color: #ffeb3b;
3519 }
3520 .md .color-theme-yellow .button.button-fill,
3521 .md .color-yellow .button.button-fill,
3522 .md .color-theme-yellow .button.button-fill-md,
3523 .md .color-yellow .button.button-fill-md,
3524 .md .color-theme-yellow .button.button-active,
3525 .md .color-yellow .button.button-active,
3526 .md .color-theme-yellow .button.tab-link-active,
3527 .md .color-yellow .button.tab-link-active {
3528   background-color: #ffeb3b;
3529   color: #fff;
3530 }
3531 .md .color-theme-yellow .button.button-fill.active-state,
3532 .md .color-yellow .button.button-fill.active-state,
3533 .md .color-theme-yellow .button.button-fill-md.active-state,
3534 .md .color-yellow .button.button-fill-md.active-state,
3535 .md .color-theme-yellow .button.button-active.active-state,
3536 .md .color-yellow .button.button-active.active-state,
3537 .md .color-theme-yellow .button.tab-link-active.active-state,
3538 .md .color-yellow .button.tab-link-active.active-state {
3539   background: #ffe712;
3540 }
3541 .md .color-theme-yellow .button.button-outline,
3542 .md .color-yellow .button.button-outline {
3543   border-color: #ffeb3b;
3544 }
3545 .md .color-theme-orange .button,
3546 .md .color-orange .button {
3547   color: #ff9800;
3548 }
3549 .md .color-theme-orange .button.button-fill,
3550 .md .color-orange .button.button-fill,
3551 .md .color-theme-orange .button.button-fill-md,
3552 .md .color-orange .button.button-fill-md,
3553 .md .color-theme-orange .button.button-active,
3554 .md .color-orange .button.button-active,
3555 .md .color-theme-orange .button.tab-link-active,
3556 .md .color-orange .button.tab-link-active {
3557   background-color: #ff9800;
3558   color: #fff;
3559 }
3560 .md .color-theme-orange .button.button-fill.active-state,
3561 .md .color-orange .button.button-fill.active-state,
3562 .md .color-theme-orange .button.button-fill-md.active-state,
3563 .md .color-orange .button.button-fill-md.active-state,
3564 .md .color-theme-orange .button.button-active.active-state,
3565 .md .color-orange .button.button-active.active-state,
3566 .md .color-theme-orange .button.tab-link-active.active-state,
3567 .md .color-orange .button.tab-link-active.active-state {
3568   background: #d68000;
3569 }
3570 .md .color-theme-orange .button.button-outline,
3571 .md .color-orange .button.button-outline {
3572   border-color: #ff9800;
3573 }
3574 .md .color-theme-gray .button,
3575 .md .color-gray .button {
3576   color: #9e9e9e;
3577 }
3578 .md .color-theme-gray .button.button-fill,
3579 .md .color-gray .button.button-fill,
3580 .md .color-theme-gray .button.button-fill-md,
3581 .md .color-gray .button.button-fill-md,
3582 .md .color-theme-gray .button.button-active,
3583 .md .color-gray .button.button-active,
3584 .md .color-theme-gray .button.tab-link-active,
3585 .md .color-gray .button.tab-link-active {
3586   background-color: #9e9e9e;
3587   color: #fff;
3588 }
3589 .md .color-theme-gray .button.button-fill.active-state,
3590 .md .color-gray .button.button-fill.active-state,
3591 .md .color-theme-gray .button.button-fill-md.active-state,
3592 .md .color-gray .button.button-fill-md.active-state,
3593 .md .color-theme-gray .button.button-active.active-state,
3594 .md .color-gray .button.button-active.active-state,
3595 .md .color-theme-gray .button.tab-link-active.active-state,
3596 .md .color-gray .button.tab-link-active.active-state {
3597   background: #8a8a8a;
3598 }
3599 .md .color-theme-gray .button.button-outline,
3600 .md .color-gray .button.button-outline {
3601   border-color: #9e9e9e;
3602 }
3603 .md .color-theme-white .button,
3604 .md .color-white .button {
3605   color: #ffffff;
3606 }
3607 .md .color-theme-white .button.button-fill,
3608 .md .color-white .button.button-fill,
3609 .md .color-theme-white .button.button-fill-md,
3610 .md .color-white .button.button-fill-md,
3611 .md .color-theme-white .button.button-active,
3612 .md .color-white .button.button-active,
3613 .md .color-theme-white .button.tab-link-active,
3614 .md .color-white .button.tab-link-active {
3615   background-color: #ffffff;
3616   color: #fff;
3617 }
3618 .md .color-theme-white .button.button-fill.active-state,
3619 .md .color-white .button.button-fill.active-state,
3620 .md .color-theme-white .button.button-fill-md.active-state,
3621 .md .color-white .button.button-fill-md.active-state,
3622 .md .color-theme-white .button.button-active.active-state,
3623 .md .color-white .button.button-active.active-state,
3624 .md .color-theme-white .button.tab-link-active.active-state,
3625 .md .color-white .button.tab-link-active.active-state {
3626   background: #ebebeb;
3627 }
3628 .md .color-theme-white .button.button-outline,
3629 .md .color-white .button.button-outline {
3630   border-color: #ffffff;
3631 }
3632 .md .color-theme-black .button,
3633 .md .color-black .button {
3634   color: #000000;
3635 }
3636 .md .color-theme-black .button.button-fill,
3637 .md .color-black .button.button-fill,
3638 .md .color-theme-black .button.button-fill-md,
3639 .md .color-black .button.button-fill-md,
3640 .md .color-theme-black .button.button-active,
3641 .md .color-black .button.button-active,
3642 .md .color-theme-black .button.tab-link-active,
3643 .md .color-black .button.tab-link-active {
3644   background-color: #000000;
3645   color: #fff;
3646 }
3647 .md .color-theme-black .button.button-fill.active-state,
3648 .md .color-black .button.button-fill.active-state,
3649 .md .color-theme-black .button.button-fill-md.active-state,
3650 .md .color-black .button.button-fill-md.active-state,
3651 .md .color-theme-black .button.button-active.active-state,
3652 .md .color-black .button.button-active.active-state,
3653 .md .color-theme-black .button.tab-link-active.active-state,
3654 .md .color-black .button.tab-link-active.active-state {
3655   background: #000000;
3656 }
3657 .md .color-theme-black .button.button-outline,
3658 .md .color-black .button.button-outline {
3659   border-color: #000000;
3660 }
3661 .md .button.color-red {
3662   color: #f44336;
3663 }
3664 .md .button.color-red.button-fill,
3665 .md .button.color-red.button-fill-md,
3666 .md .button.color-red.button-active,
3667 .md .button.color-red.tab-link-active {
3668   background-color: #f44336;
3669   color: #fff;
3670 }
3671 .md .button.color-red.button-fill.active-state,
3672 .md .button.color-red.button-fill-md.active-state,
3673 .md .button.color-red.button-active.active-state,
3674 .md .button.color-red.tab-link-active.active-state {
3675   background: #f21f0f;
3676 }
3677 .md .button.color-red.button-outline {
3678   border-color: #f44336;
3679 }
3680 .md .button.color-green {
3681   color: #4caf50;
3682 }
3683 .md .button.color-green.button-fill,
3684 .md .button.color-green.button-fill-md,
3685 .md .button.color-green.button-active,
3686 .md .button.color-green.tab-link-active {
3687   background-color: #4caf50;
3688   color: #fff;
3689 }
3690 .md .button.color-green.button-fill.active-state,
3691 .md .button.color-green.button-fill-md.active-state,
3692 .md .button.color-green.button-active.active-state,
3693 .md .button.color-green.tab-link-active.active-state {
3694   background: #409343;
3695 }
3696 .md .button.color-green.button-outline {
3697   border-color: #4caf50;
3698 }
3699 .md .button.color-blue {
3700   color: #2196f3;
3701 }
3702 .md .button.color-blue.button-fill,
3703 .md .button.color-blue.button-fill-md,
3704 .md .button.color-blue.button-active,
3705 .md .button.color-blue.tab-link-active {
3706   background-color: #2196f3;
3707   color: #fff;
3708 }
3709 .md .button.color-blue.button-fill.active-state,
3710 .md .button.color-blue.button-fill-md.active-state,
3711 .md .button.color-blue.button-active.active-state,
3712 .md .button.color-blue.tab-link-active.active-state {
3713   background: #0c82df;
3714 }
3715 .md .button.color-blue.button-outline {
3716   border-color: #2196f3;
3717 }
3718 .md .button.color-pink {
3719   color: #e91e63;
3720 }
3721 .md .button.color-pink.button-fill,
3722 .md .button.color-pink.button-fill-md,
3723 .md .button.color-pink.button-active,
3724 .md .button.color-pink.tab-link-active {
3725   background-color: #e91e63;
3726   color: #fff;
3727 }
3728 .md .button.color-pink.button-fill.active-state,
3729 .md .button.color-pink.button-fill-md.active-state,
3730 .md .button.color-pink.button-active.active-state,
3731 .md .button.color-pink.tab-link-active.active-state {
3732   background: #ca1452;
3733 }
3734 .md .button.color-pink.button-outline {
3735   border-color: #e91e63;
3736 }
3737 .md .button.color-yellow {
3738   color: #ffeb3b;
3739 }
3740 .md .button.color-yellow.button-fill,
3741 .md .button.color-yellow.button-fill-md,
3742 .md .button.color-yellow.button-active,
3743 .md .button.color-yellow.tab-link-active {
3744   background-color: #ffeb3b;
3745   color: #fff;
3746 }
3747 .md .button.color-yellow.button-fill.active-state,
3748 .md .button.color-yellow.button-fill-md.active-state,
3749 .md .button.color-yellow.button-active.active-state,
3750 .md .button.color-yellow.tab-link-active.active-state {
3751   background: #ffe712;
3752 }
3753 .md .button.color-yellow.button-outline {
3754   border-color: #ffeb3b;
3755 }
3756 .md .button.color-orange {
3757   color: #ff9800;
3758 }
3759 .md .button.color-orange.button-fill,
3760 .md .button.color-orange.button-fill-md,
3761 .md .button.color-orange.button-active,
3762 .md .button.color-orange.tab-link-active {
3763   background-color: #ff9800;
3764   color: #fff;
3765 }
3766 .md .button.color-orange.button-fill.active-state,
3767 .md .button.color-orange.button-fill-md.active-state,
3768 .md .button.color-orange.button-active.active-state,
3769 .md .button.color-orange.tab-link-active.active-state {
3770   background: #d68000;
3771 }
3772 .md .button.color-orange.button-outline {
3773   border-color: #ff9800;
3774 }
3775 .md .button.color-gray {
3776   color: #9e9e9e;
3777 }
3778 .md .button.color-gray.button-fill,
3779 .md .button.color-gray.button-fill-md,
3780 .md .button.color-gray.button-active,
3781 .md .button.color-gray.tab-link-active {
3782   background-color: #9e9e9e;
3783   color: #fff;
3784 }
3785 .md .button.color-gray.button-fill.active-state,
3786 .md .button.color-gray.button-fill-md.active-state,
3787 .md .button.color-gray.button-active.active-state,
3788 .md .button.color-gray.tab-link-active.active-state {
3789   background: #8a8a8a;
3790 }
3791 .md .button.color-gray.button-outline {
3792   border-color: #9e9e9e;
3793 }
3794 .md .button.color-white {
3795   color: #ffffff;
3796 }
3797 .md .button.color-white.button-fill,
3798 .md .button.color-white.button-fill-md,
3799 .md .button.color-white.button-active,
3800 .md .button.color-white.tab-link-active {
3801   background-color: #ffffff;
3802   color: #fff;
3803 }
3804 .md .button.color-white.button-fill.active-state,
3805 .md .button.color-white.button-fill-md.active-state,
3806 .md .button.color-white.button-active.active-state,
3807 .md .button.color-white.tab-link-active.active-state {
3808   background: #ebebeb;
3809 }
3810 .md .button.color-white.button-outline {
3811   border-color: #ffffff;
3812 }
3813 .md .button.color-black {
3814   color: #000000;
3815 }
3816 .md .button.color-black.button-fill,
3817 .md .button.color-black.button-fill-md,
3818 .md .button.color-black.button-active,
3819 .md .button.color-black.tab-link-active {
3820   background-color: #000000;
3821   color: #fff;
3822 }
3823 .md .button.color-black.button-fill.active-state,
3824 .md .button.color-black.button-fill-md.active-state,
3825 .md .button.color-black.button-active.active-state,
3826 .md .button.color-black.tab-link-active.active-state {
3827   background: #000000;
3828 }
3829 .md .button.color-black.button-outline {
3830   border-color: #000000;
3831 }
3832 /* === Touch Ripple === */
3833 .md .ripple,
3834 .md .fab a,
3835 .md a.link,
3836 .md a.item-link,
3837 .md .button,
3838 .md .dialog-button,
3839 .md .tab-link,
3840 .md .radio,
3841 .md .checkbox,
3842 .md .actions-button,
3843 .md .speed-dial-buttons a {
3844   -webkit-user-select: none;
3845   -moz-user-select: none;
3846   -ms-user-select: none;
3847   user-select: none;
3848 }
3849 .md .ripple-wave {
3850   left: 0;
3851   top: 0;
3852   position: absolute !important;
3853   border-radius: 50%;
3854   pointer-events: none;
3855   z-index: -1;
3856   background: rgba(0, 0, 0, 0.1);
3857   padding: 0;
3858   margin: 0;
3859   font-size: 0;
3860   -webkit-transform: translate3d(0px, 0px, 0) scale(0);
3861   transform: translate3d(0px, 0px, 0) scale(0);
3862   -webkit-transition-duration: 1400ms;
3863   transition-duration: 1400ms;
3864 }
3865 .md .ripple-wave.ripple-wave-fill {
3866   -webkit-transition-duration: 300ms;
3867   transition-duration: 300ms;
3868   opacity: 0.35;
3869 }
3870 .md .ripple-wave.ripple-wave-out {
3871   -webkit-transition-duration: 600ms;
3872   transition-duration: 600ms;
3873   opacity: 0;
3874 }
3875 .button-fill .md .ripple-wave,
3876 .picker-calendar-day .md .ripple-wave {
3877   z-index: 1;
3878 }
3879 .md .button-fill .ripple-wave,
3880 .md .button-active .ripple-wave,
3881 .md .navbar .ripple-wave,
3882 .md .toolbar .ripple-wave,
3883 .md .subnavbar .ripple-wave,
3884 .md .toast .ripple-wave,
3885 .md .fab a .ripple-wave,
3886 .md .stepper-fill .ripple-wave {
3887   background: rgba(255, 255, 255, 0.3);
3888 }
3889 .md .messagebar .ripple-wave,
3890 .md .searchbar .ripple-wave {
3891   background: rgba(0, 0, 0, 0.1);
3892 }
3893 .md .data-table .sortable-cell .ripple-wave {
3894   z-index: 0;
3895 }
3896 .md .checkbox .ripple-wave,
3897 .md .radio .ripple-wave {
3898   background: rgba(33, 150, 243, 0.5);
3899   z-index: 0;
3900 }
3901 .md .theme-dark .page-content .ripple-wave,
3902 .md .theme-dark .messagebar .ripple-wave,
3903 .md .theme-dark .popover .ripple-wave,
3904 .md .theme-dark .calendar .ripple-wave,
3905 .calendar.md .theme-dark .ripple-wave {
3906   background-color: rgba(255, 255, 255, 0.3);
3907 }
3908 .md .ripple-color-red .ripple-wave,
3909 .md .ripple-red .ripple-wave {
3910   background-color: rgba(244, 67, 54, 0.3);
3911 }
3912 .md .ripple-color-green .ripple-wave,
3913 .md .ripple-green .ripple-wave {
3914   background-color: rgba(76, 175, 80, 0.3);
3915 }
3916 .md .ripple-color-blue .ripple-wave,
3917 .md .ripple-blue .ripple-wave {
3918   background-color: rgba(33, 150, 243, 0.3);
3919 }
3920 .md .ripple-color-pink .ripple-wave,
3921 .md .ripple-pink .ripple-wave {
3922   background-color: rgba(233, 30, 99, 0.3);
3923 }
3924 .md .ripple-color-yellow .ripple-wave,
3925 .md .ripple-yellow .ripple-wave {
3926   background-color: rgba(255, 235, 59, 0.3);
3927 }
3928 .md .ripple-color-orange .ripple-wave,
3929 .md .ripple-orange .ripple-wave {
3930   background-color: rgba(255, 152, 0, 0.3);
3931 }
3932 .md .ripple-color-gray .ripple-wave,
3933 .md .ripple-gray .ripple-wave {
3934   background-color: rgba(158, 158, 158, 0.3);
3935 }
3936 .md .ripple-color-white .ripple-wave,
3937 .md .ripple-white .ripple-wave {
3938   background-color: rgba(255, 255, 255, 0.3);
3939 }
3940 .md .ripple-color-black .ripple-wave,
3941 .md .ripple-black .ripple-wave {
3942   background-color: rgba(0, 0, 0, 0.3);
3943 }
3944 /* === Icon === */
3945 i.icon {
3946   display: inline-block;
3947   vertical-align: middle;
3948   background-size: 100% auto;
3949   background-position: center;
3950   background-repeat: no-repeat;
3951   font-style: normal;
3952   position: relative;
3953 }
3954 .md .icon-back {
3955   width: 24px;
3956   height: 24px;
3957 }
3958 .md .icon-forward {
3959   width: 24px;
3960   height: 24px;
3961 }
3962 .md .icon-next,
3963 .md .icon-prev {
3964   width: 24px;
3965   height: 24px;
3966 }
3967 .md .item-media .icon {
3968   color: #737373;
3969 }
3970 .md .item-media .material-icons {
3971   font-size: 24px;
3972   width: 24px;
3973   height: 24px;
3974 }
3975 .md .icon-forward {
3976   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
3977 }
3978 .md .icon-back {
3979   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
3980 }
3981 .md .icon-prev {
3982   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
3983 }
3984 .md .icon-next {
3985   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
3986 }
3987 .md .icon-forward.color-red,
3988 .md a.link .color-red .icon-forward {
3989   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
3990 }
3991 .md .icon-back.color-red,
3992 .md a.link .color-red .icon-back {
3993   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
3994 }
3995 .md .icon-prev.color-red,
3996 .md a.link .color-red .icon-prev {
3997   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
3998 }
3999 .md .icon-next.color-red,
4000 .md a.link .color-red .icon-next {
4001   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4002 }
4003 .md .icon-forward.color-green,
4004 .md a.link .color-green .icon-forward {
4005   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
4006 }
4007 .md .icon-back.color-green,
4008 .md a.link .color-green .icon-back {
4009   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
4010 }
4011 .md .icon-prev.color-green,
4012 .md a.link .color-green .icon-prev {
4013   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4014 }
4015 .md .icon-next.color-green,
4016 .md a.link .color-green .icon-next {
4017   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4018 }
4019 .md .icon-forward.color-blue,
4020 .md a.link .color-blue .icon-forward {
4021   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
4022 }
4023 .md .icon-back.color-blue,
4024 .md a.link .color-blue .icon-back {
4025   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
4026 }
4027 .md .icon-prev.color-blue,
4028 .md a.link .color-blue .icon-prev {
4029   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4030 }
4031 .md .icon-next.color-blue,
4032 .md a.link .color-blue .icon-next {
4033   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4034 }
4035 .md .icon-forward.color-pink,
4036 .md a.link .color-pink .icon-forward {
4037   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
4038 }
4039 .md .icon-back.color-pink,
4040 .md a.link .color-pink .icon-back {
4041   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
4042 }
4043 .md .icon-prev.color-pink,
4044 .md a.link .color-pink .icon-prev {
4045   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4046 }
4047 .md .icon-next.color-pink,
4048 .md a.link .color-pink .icon-next {
4049   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4050 }
4051 .md .icon-forward.color-yellow,
4052 .md a.link .color-yellow .icon-forward {
4053   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
4054 }
4055 .md .icon-back.color-yellow,
4056 .md a.link .color-yellow .icon-back {
4057   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
4058 }
4059 .md .icon-prev.color-yellow,
4060 .md a.link .color-yellow .icon-prev {
4061   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4062 }
4063 .md .icon-next.color-yellow,
4064 .md a.link .color-yellow .icon-next {
4065   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4066 }
4067 .md .icon-forward.color-orange,
4068 .md a.link .color-orange .icon-forward {
4069   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
4070 }
4071 .md .icon-back.color-orange,
4072 .md a.link .color-orange .icon-back {
4073   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
4074 }
4075 .md .icon-prev.color-orange,
4076 .md a.link .color-orange .icon-prev {
4077   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4078 }
4079 .md .icon-next.color-orange,
4080 .md a.link .color-orange .icon-next {
4081   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4082 }
4083 .md .icon-forward.color-gray,
4084 .md a.link .color-gray .icon-forward {
4085   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
4086 }
4087 .md .icon-back.color-gray,
4088 .md a.link .color-gray .icon-back {
4089   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
4090 }
4091 .md .icon-prev.color-gray,
4092 .md a.link .color-gray .icon-prev {
4093   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4094 }
4095 .md .icon-next.color-gray,
4096 .md a.link .color-gray .icon-next {
4097   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4098 }
4099 .md .icon-forward.color-white,
4100 .md a.link .color-white .icon-forward {
4101   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
4102 }
4103 .md .icon-back.color-white,
4104 .md a.link .color-white .icon-back {
4105   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
4106 }
4107 .md .icon-prev.color-white,
4108 .md a.link .color-white .icon-prev {
4109   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4110 }
4111 .md .icon-next.color-white,
4112 .md a.link .color-white .icon-next {
4113   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4114 }
4115 .md .icon-forward.color-black,
4116 .md a.link .color-black .icon-forward {
4117   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
4118 }
4119 .md .icon-back.color-black,
4120 .md a.link .color-black .icon-back {
4121   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
4122 }
4123 .md .icon-prev.color-black,
4124 .md a.link .color-black .icon-prev {
4125   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4126 }
4127 .md .icon-next.color-black,
4128 .md a.link .color-black .icon-next {
4129   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
4130 }
4131 .md .icon.color-red {
4132   color: #f44336;
4133 }
4134 .md .icon.color-green {
4135   color: #4caf50;
4136 }
4137 .md .icon.color-blue {
4138   color: #2196f3;
4139 }
4140 .md .icon.color-pink {
4141   color: #e91e63;
4142 }
4143 .md .icon.color-yellow {
4144   color: #ffeb3b;
4145 }
4146 .md .icon.color-orange {
4147   color: #ff9800;
4148 }
4149 .md .icon.color-gray {
4150   color: #9e9e9e;
4151 }
4152 .md .icon.color-white {
4153   color: #ffffff;
4154 }
4155 .md .icon.color-black {
4156   color: #000000;
4157 }
4158 .custom-modal-backdrop {
4159   position: absolute;
4160   left: 0;
4161   top: 0;
4162   width: 100%;
4163   height: 100%;
4164   background: rgba(0, 0, 0, 0.4);
4165   z-index: 13000;
4166   visibility: hidden;
4167   opacity: 0;
4168   -webkit-transition-duration: 400ms;
4169   transition-duration: 400ms;
4170   z-index: 10500;
4171 }
4172 .custom-modal-backdrop.not-animated {
4173   -webkit-transition-duration: 0ms;
4174   transition-duration: 0ms;
4175 }
4176 .custom-modal-backdrop.backdrop-in {
4177   visibility: visible;
4178   opacity: 1;
4179 }
4180 /* === Dialog === */
4181 .dialog-backdrop {
4182   position: absolute;
4183   left: 0;
4184   top: 0;
4185   width: 100%;
4186   height: 100%;
4187   background: rgba(0, 0, 0, 0.4);
4188   z-index: 13000;
4189   visibility: hidden;
4190   opacity: 0;
4191   -webkit-transition-duration: 400ms;
4192   transition-duration: 400ms;
4193 }
4194 .dialog-backdrop.not-animated {
4195   -webkit-transition-duration: 0ms;
4196   transition-duration: 0ms;
4197 }
4198 .dialog-backdrop.backdrop-in {
4199   visibility: visible;
4200   opacity: 1;
4201 }
4202 .dialog {
4203   position: absolute;
4204   z-index: 13500;
4205   left: 50%;
4206   margin-top: 0;
4207   top: 50%;
4208   overflow: hidden;
4209   opacity: 0;
4210   -webkit-transform: translate3d(0, 0, 0) scale(1.185);
4211   transform: translate3d(0, 0, 0) scale(1.185);
4212   -webkit-transition-property: opacity, -webkit-transform;
4213   transition-property: opacity, -webkit-transform;
4214   transition-property: transform, opacity;
4215   transition-property: transform, opacity, -webkit-transform;
4216   display: none;
4217   -webkit-transition-duration: 400ms;
4218   transition-duration: 400ms;
4219 }
4220 .dialog.modal-in {
4221   opacity: 1;
4222   -webkit-transform: translate3d(0, 0, 0) scale(1);
4223   transform: translate3d(0, 0, 0) scale(1);
4224 }
4225 .dialog.modal-out {
4226   opacity: 0;
4227   z-index: 13499;
4228 }
4229 .dialog.not-animated {
4230   -webkit-transition-duration: 0ms;
4231   transition-duration: 0ms;
4232 }
4233 .dialog-inner {
4234   position: relative;
4235 }
4236 .dialog-title {
4237   font-weight: 500;
4238 }
4239 .dialog-buttons {
4240   position: relative;
4241   display: -webkit-box;
4242   display: -webkit-flex;
4243   display: -ms-flexbox;
4244   display: flex;
4245   -webkit-box-orient: horizontal;
4246   -webkit-box-direction: reverse;
4247   -webkit-flex-direction: row-reverse;
4248   -ms-flex-direction: row-reverse;
4249   flex-direction: row-reverse;
4250 }
4251 .dialog-buttons-vertical .dialog-buttons {
4252   display: block;
4253   height: auto !important;
4254 }
4255 .dialog-no-buttons .dialog-buttons {
4256   display: none;
4257 }
4258 .dialog-input-field {
4259   position: relative;
4260 }
4261 .dialog-input-field .item-input-wrap {
4262   margin: 0;
4263   padding: 0;
4264 }
4265 .dialog-input {
4266   -webkit-box-sizing: border-box;
4267   box-sizing: border-box;
4268   margin: 0;
4269   margin-top: 15px;
4270   border-radius: 0;
4271   -webkit-appearance: none;
4272   -moz-appearance: none;
4273   appearance: none;
4274   width: 100%;
4275   display: block;
4276   font-family: inherit;
4277   -webkit-box-shadow: none;
4278   box-shadow: none;
4279 }
4280 html.with-modal-dialog .page-content {
4281   overflow: hidden;
4282   -webkit-overflow-scrolling: auto;
4283 }
4284 .md .dialog {
4285   width: 280px;
4286   margin-left: -140px;
4287   border-radius: 4px;
4288   color: #757575;
4289   background: #fff;
4290   font-size: 16px;
4291   -webkit-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);
4292   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);
4293 }
4294 .md .dialog.modal-in {
4295   opacity: 1;
4296   -webkit-transform: translate3d(0, 0, 0) scale(1);
4297   transform: translate3d(0, 0, 0) scale(1);
4298 }
4299 .md .dialog.modal-out {
4300   opacity: 0;
4301   z-index: 13499;
4302   -webkit-transform: translate3d(0, 0, 0) scale(0.815);
4303   transform: translate3d(0, 0, 0) scale(0.815);
4304 }
4305 .md .dialog-inner {
4306   padding: 24px 24px 20px;
4307 }
4308 .md .dialog-title {
4309   font-size: 20px;
4310   color: #212121;
4311   line-height: 1.3;
4312 }
4313 .md .dialog-title + .dialog-text {
4314   margin-top: 20px;
4315 }
4316 .md .dialog-text {
4317   line-height: 1.5;
4318 }
4319 .md .dialog-buttons {
4320   height: 48px;
4321   padding: 6px 8px;
4322   overflow: hidden;
4323   -webkit-box-sizing: border-box;
4324   box-sizing: border-box;
4325   -webkit-box-pack: end;
4326   -webkit-justify-content: flex-end;
4327   -ms-flex-pack: end;
4328   justify-content: flex-end;
4329 }
4330 .md .dialog-buttons-vertical .dialog-buttons {
4331   padding: 0 0 8px 0;
4332 }
4333 .md .dialog-buttons-vertical .dialog-buttons .dialog-button {
4334   margin-left: 0;
4335   text-align: right;
4336   height: 48px;
4337   line-height: 48px;
4338   border-radius: 0;
4339   padding-left: 16px;
4340   padding-right: 16px;
4341 }
4342 .md .dialog-button {
4343   text-decoration: none;
4344   text-align: center;
4345   display: block;
4346   -webkit-appearance: none;
4347   -moz-appearance: none;
4348   appearance: none;
4349   background: none;
4350   padding: 0 10px;
4351   margin: 0;
4352   white-space: nowrap;
4353   text-overflow: ellipsis;
4354   font-size: 14px;
4355   position: relative;
4356   overflow: hidden;
4357   font-family: inherit;
4358   cursor: pointer;
4359   outline: 0;
4360   -webkit-box-sizing: border-box;
4361   box-sizing: border-box;
4362   vertical-align: middle;
4363   color: #2196f3;
4364   border-radius: 4px;
4365   line-height: 36px;
4366   height: 36px;
4367   text-transform: uppercase;
4368   min-width: 64px;
4369   padding: 0 8px;
4370   border: none;
4371   -webkit-transition-duration: 300ms;
4372   transition-duration: 300ms;
4373   -webkit-transform: translate3d(0, 0, 0);
4374   transform: translate3d(0, 0, 0);
4375   letter-spacing: 0.03em;
4376   font-weight: 500;
4377 }
4378 input[type="submit"].md .dialog-button,
4379 input[type="button"].md .dialog-button {
4380   width: 100%;
4381 }
4382 .md .dialog-button.active-state {
4383   background: rgba(0, 0, 0, 0.1);
4384 }
4385 .md .dialog-button.dialog-button-bold {
4386   font-weight: 700;
4387 }
4388 .md .dialog-button + .dialog-button {
4389   margin-left: 4px;
4390 }
4391 .md .dialog-input {
4392   height: 36px;
4393   padding: 0;
4394   border: none;
4395   font-size: 16px;
4396   -webkit-transition-duration: 200ms;
4397   transition-duration: 200ms;
4398   position: relative;
4399 }
4400 .md .dialog-input::-webkit-input-placeholder {
4401   color: rgba(0, 0, 0, 0.35);
4402 }
4403 .md .dialog-input:-ms-input-placeholder {
4404   color: rgba(0, 0, 0, 0.35);
4405 }
4406 .md .dialog-input::-ms-input-placeholder {
4407   color: rgba(0, 0, 0, 0.35);
4408 }
4409 .md .dialog-input::placeholder {
4410   color: rgba(0, 0, 0, 0.35);
4411 }
4412 .md .dialog-input + .dialog-input {
4413   margin-top: 16px;
4414 }
4415 .md .dialog-preloader .dialog-title,
4416 .md .dialog-progress .dialog-title,
4417 .md .dialog-preloader .dialog-inner,
4418 .md .dialog-progress .dialog-inner {
4419   text-align: center;
4420 }
4421 .md .dialog-preloader .dialog-title ~ .preloader,
4422 .md .dialog-preloader .dialog-text ~ .preloader {
4423   margin-top: 20px;
4424 }
4425 .md .dialog-progress .dialog-title ~ .progressbar,
4426 .md .dialog-progress .dialog-text ~ .progressbar,
4427 .md .dialog-progress .dialog-title ~ .progressbar-infinite,
4428 .md .dialog-progress .dialog-text ~ .progressbar-infinite {
4429   margin-top: 16px;
4430 }
4431 .md .dialog-button.color-red {
4432   color: #f44336;
4433 }
4434 .md .dialog-button.color-green {
4435   color: #4caf50;
4436 }
4437 .md .dialog-button.color-blue {
4438   color: #2196f3;
4439 }
4440 .md .dialog-button.color-pink {
4441   color: #e91e63;
4442 }
4443 .md .dialog-button.color-yellow {
4444   color: #ffeb3b;
4445 }
4446 .md .dialog-button.color-orange {
4447   color: #ff9800;
4448 }
4449 .md .dialog-button.color-gray {
4450   color: #9e9e9e;
4451 }
4452 .md .dialog-button.color-white {
4453   color: #ffffff;
4454 }
4455 .md .dialog-button.color-black {
4456   color: #000000;
4457 }
4458 /* === Popup === */
4459 .popup-backdrop {
4460   position: absolute;
4461   left: 0;
4462   top: 0;
4463   width: 100%;
4464   height: 100%;
4465   background: rgba(0, 0, 0, 0.4);
4466   z-index: 13000;
4467   visibility: hidden;
4468   opacity: 0;
4469   -webkit-transition-duration: 400ms;
4470   transition-duration: 400ms;
4471   z-index: 10500;
4472 }
4473 .popup-backdrop.not-animated {
4474   -webkit-transition-duration: 0ms;
4475   transition-duration: 0ms;
4476 }
4477 .popup-backdrop.backdrop-in {
4478   visibility: visible;
4479   opacity: 1;
4480 }
4481 .popup {
4482   position: absolute;
4483   left: 0;
4484   top: 0;
4485   width: 100%;
4486   height: 100%;
4487   display: none;
4488   -webkit-box-sizing: border-box;
4489   box-sizing: border-box;
4490   -webkit-transition-property: -webkit-transform;
4491   transition-property: -webkit-transform;
4492   transition-property: transform;
4493   transition-property: transform, -webkit-transform;
4494   -webkit-transform: translate3d(0, 100%, 0);
4495   transform: translate3d(0, 100%, 0);
4496   background: #fff;
4497   z-index: 11000;
4498 }
4499 .popup.modal-in,
4500 .popup.modal-out {
4501   -webkit-transition-duration: 400ms;
4502   transition-duration: 400ms;
4503 }
4504 .popup.not-animated {
4505   -webkit-transition-duration: 0ms;
4506   transition-duration: 0ms;
4507 }
4508 .popup.modal-in {
4509   display: block;
4510   -webkit-transform: translate3d(0, 0, 0);
4511   transform: translate3d(0, 0, 0);
4512 }
4513 .popup.modal-out {
4514   -webkit-transform: translate3d(0, 100%, 0);
4515   transform: translate3d(0, 100%, 0);
4516 }
4517 @media (min-width: 630px) and (min-height: 630px) {
4518   .popup:not(.popup-tablet-fullscreen) {
4519     width: 630px;
4520     height: 630px;
4521     left: 50%;
4522     top: 50%;
4523     margin-left: -315px;
4524     margin-top: -315px;
4525     -webkit-transform: translate3d(0, 100vh, 0);
4526     transform: translate3d(0, 100vh, 0);
4527   }
4528   .popup:not(.popup-tablet-fullscreen).modal-in {
4529     -webkit-transform: translate3d(0, 0, 0);
4530     transform: translate3d(0, 0, 0);
4531   }
4532   .popup:not(.popup-tablet-fullscreen).modal-out {
4533     -webkit-transform: translate3d(0, 100vh, 0);
4534     transform: translate3d(0, 100vh, 0);
4535   }
4536 }
4537 @media (max-width: 629px), (max-height: 629px) {
4538   html.with-statusbar .popup-backdrop {
4539     z-index: 9500;
4540   }
4541   html.with-statusbar.device-ios .popup,
4542   html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup {
4543     height: calc(100% - 20px);
4544     top: 20px;
4545   }
4546   html.with-statusbar.device-iphone-x .popup {
4547     height: calc(100% - constant(safe-area-inset-top));
4548     height: calc(100% - env(safe-area-inset-top));
4549     top: constant(safe-area-inset-top);
4550     top: env(safe-area-inset-top);
4551   }
4552   html.with-statusbar.device-android .popup,
4553   html.with-statusbar.md:not(.device-ios):not(.device-android) .popup {
4554     height: calc(100% - 24px);
4555     top: 24px;
4556   }
4557 }
4558 @media (min-width: 630px), (min-height: 630px) {
4559   html.with-statusbar.device-ios .popup-tablet-fullscreen,
4560   html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen {
4561     height: calc(100% - 20px);
4562     top: 20px;
4563   }
4564   html.with-statusbar.device-iphone-x .popup-tablet-fullscreen {
4565     height: calc(100% - constant(safe-area-inset-top));
4566     height: calc(100% - env(safe-area-inset-top));
4567     top: constant(safe-area-inset-top);
4568     top: env(safe-area-inset-top);
4569   }
4570   html.with-statusbar.device-android .popup-tablet-fullscreen,
4571   html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen {
4572     height: calc(100% - 24px);
4573     top: 24px;
4574   }
4575 }
4576 html.with-modal-popup .framework7-root > .views .page-content,
4577 html.with-modal-popup .framework7-root > .view .page-content,
4578 html.with-modal-popup .framework7-root > .panel .page-content {
4579   overflow: hidden;
4580   -webkit-overflow-scrolling: auto;
4581 }
4582 @media (min-width: 630px) and (min-height: 630px) {
4583   .md .popup:not(.popup-tablet-fullscreen) {
4584     -webkit-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
4585     box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
4586   }
4587 }
4588 /* === Login Screen === */
4589 .login-screen {
4590   position: absolute;
4591   left: 0;
4592   top: 0;
4593   width: 100%;
4594   height: 100%;
4595   display: none;
4596   -webkit-box-sizing: border-box;
4597   box-sizing: border-box;
4598   -webkit-transition-property: -webkit-transform;
4599   transition-property: -webkit-transform;
4600   transition-property: transform;
4601   transition-property: transform, -webkit-transform;
4602   -webkit-transform: translate3d(0, 100%, 0);
4603   transform: translate3d(0, 100%, 0);
4604   background: #fff;
4605   z-index: 11000;
4606 }
4607 .login-screen.modal-in,
4608 .login-screen.modal-out {
4609   -webkit-transition-duration: 400ms;
4610   transition-duration: 400ms;
4611 }
4612 .login-screen.not-animated {
4613   -webkit-transition-duration: 0ms;
4614   transition-duration: 0ms;
4615 }
4616 .login-screen.modal-in {
4617   display: block;
4618   -webkit-transform: translate3d(0, 0, 0);
4619   transform: translate3d(0, 0, 0);
4620 }
4621 .login-screen.modal-out {
4622   -webkit-transform: translate3d(0, 100%, 0);
4623   transform: translate3d(0, 100%, 0);
4624 }
4625 html.with-statusbar.device-ios .login-screen,
4626 html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen {
4627   height: calc(100% - 20px);
4628   top: 20px;
4629 }
4630 html.with-statusbar.device-iphone-x .login-screen {
4631   height: calc(100% - constant(safe-area-inset-top));
4632   height: calc(100% - env(safe-area-inset-top));
4633   top: constant(safe-area-inset-top);
4634   top: env(safe-area-inset-top);
4635 }
4636 html.with-statusbar.device-android .login-screen,
4637 html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen {
4638   height: calc(100% - 24px);
4639   top: 24px;
4640 }
4641 .login-screen-content {
4642   background: #fff;
4643 }
4644 .login-screen-content .login-screen-title,
4645 .login-screen-content .list,
4646 .login-screen-content .block,
4647 .login-screen-content .block-footer,
4648 .login-screen-content .block-header {
4649   max-width: 480px;
4650 }
4651 .login-screen-content .list ul {
4652   background: none;
4653 }
4654 .login-screen-content .list ul:before {
4655   display: none !important;
4656 }
4657 .login-screen-content .list ul:after {
4658   display: none !important;
4659 }
4660 .login-screen-content .block-footer,
4661 .login-screen-content .block-header {
4662   text-align: center;
4663   margin-left: auto;
4664   margin-right: auto;
4665 }
4666 .login-screen-title {
4667   text-align: center;
4668 }
4669 .md .login-screen-content .login-screen-title,
4670 .md .login-screen-content .list,
4671 .md .login-screen-content .block {
4672   margin: 24px auto;
4673 }
4674 .md .login-screen-content .list-button {
4675   text-align: center;
4676   color: #2196f3;
4677 }
4678 .md .login-screen-title {
4679   font-size: 34px;
4680 }
4681 .md .theme-dark .login-screen-content,
4682 .login-screen-content.md .theme-dark {
4683   background: none;
4684 }
4685 .md .color-theme-red .login-screen-content .list-button {
4686   color: #f44336;
4687 }
4688 .md .color-theme-green .login-screen-content .list-button {
4689   color: #4caf50;
4690 }
4691 .md .color-theme-blue .login-screen-content .list-button {
4692   color: #2196f3;
4693 }
4694 .md .color-theme-pink .login-screen-content .list-button {
4695   color: #e91e63;
4696 }
4697 .md .color-theme-yellow .login-screen-content .list-button {
4698   color: #ffeb3b;
4699 }
4700 .md .color-theme-orange .login-screen-content .list-button {
4701   color: #ff9800;
4702 }
4703 .md .color-theme-gray .login-screen-content .list-button {
4704   color: #9e9e9e;
4705 }
4706 .md .color-theme-white .login-screen-content .list-button {
4707   color: #ffffff;
4708 }
4709 .md .color-theme-black .login-screen-content .list-button {
4710   color: #000000;
4711 }
4712 .md .login-screen-content .list-button.color-red {
4713   color: #f44336;
4714 }
4715 .md .login-screen-content .list-button.color-green {
4716   color: #4caf50;
4717 }
4718 .md .login-screen-content .list-button.color-blue {
4719   color: #2196f3;
4720 }
4721 .md .login-screen-content .list-button.color-pink {
4722   color: #e91e63;
4723 }
4724 .md .login-screen-content .list-button.color-yellow {
4725   color: #ffeb3b;
4726 }
4727 .md .login-screen-content .list-button.color-orange {
4728   color: #ff9800;
4729 }
4730 .md .login-screen-content .list-button.color-gray {
4731   color: #9e9e9e;
4732 }
4733 .md .login-screen-content .list-button.color-white {
4734   color: #ffffff;
4735 }
4736 .md .login-screen-content .list-button.color-black {
4737   color: #000000;
4738 }
4739 /* === Popover === */
4740 .popover-backdrop {
4741   position: absolute;
4742   left: 0;
4743   top: 0;
4744   width: 100%;
4745   height: 100%;
4746   background: rgba(0, 0, 0, 0.4);
4747   z-index: 13000;
4748   visibility: hidden;
4749   opacity: 0;
4750   -webkit-transition-duration: 400ms;
4751   transition-duration: 400ms;
4752 }
4753 .popover-backdrop.not-animated {
4754   -webkit-transition-duration: 0ms;
4755   transition-duration: 0ms;
4756 }
4757 .popover-backdrop.backdrop-in {
4758   visibility: visible;
4759   opacity: 1;
4760 }
4761 .popover {
4762   width: 260px;
4763   z-index: 13500;
4764   margin: 0;
4765   top: 0;
4766   opacity: 0;
4767   left: 0;
4768   position: absolute;
4769   display: none;
4770   -webkit-transition-duration: 300ms;
4771   transition-duration: 300ms;
4772 }
4773 .popover .list {
4774   margin: 0;
4775 }
4776 .popover .list ul {
4777   background: none;
4778 }
4779 .popover .list:first-child ul:before {
4780   display: none !important;
4781 }
4782 .popover .list:last-child ul:after {
4783   display: none !important;
4784 }
4785 .popover.modal-in {
4786   opacity: 1;
4787 }
4788 .popover.not-animated {
4789   -webkit-transition-duration: 0ms;
4790   transition-duration: 0ms;
4791 }
4792 .popover-inner {
4793   overflow: auto;
4794   -webkit-overflow-scrolling: touch;
4795 }
4796 .popover-from-actions-bold {
4797   font-weight: 600;
4798 }
4799 .popover-from-actions-label {
4800   line-height: 1.3;
4801   position: relative;
4802 }
4803 .popover-from-actions-label:last-child:after {
4804   display: none !important;
4805 }
4806 .md .popover {
4807   background: #fff;
4808   border-radius: 4px;
4809   -webkit-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);
4810   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);
4811   -webkit-transform: scale(0.85, 0.6);
4812   transform: scale(0.85, 0.6);
4813   -webkit-transition-property: opacity, border-radius, -webkit-transform;
4814   transition-property: opacity, border-radius, -webkit-transform;
4815   transition-property: opacity, transform, border-radius;
4816   transition-property: opacity, transform, border-radius, -webkit-transform;
4817 }
4818 .md .popover.modal-in {
4819   opacity: 1;
4820   -webkit-transform: scale(1);
4821   transform: scale(1);
4822 }
4823 .md .popover.modal-out {
4824   opacity: 0;
4825   -webkit-transform: scale(1);
4826   transform: scale(1);
4827 }
4828 .md .popover .list:first-child ul {
4829   border-radius: 3px 3px 0 0;
4830 }
4831 .md .popover .list:first-child li:first-child,
4832 .md .popover .list:first-child li:first-child a,
4833 .md .popover .list:first-child li:first-child > label {
4834   border-radius: 3px 3px 0 0;
4835 }
4836 .md .popover .list:last-child ul {
4837   border-radius: 0 0 3px 3px;
4838 }
4839 .md .popover .list:last-child li:last-child,
4840 .md .popover .list:last-child li:last-child a,
4841 .md .popover .list:last-child li:last-child > label {
4842   border-radius: 0 0 3px 3px;
4843 }
4844 .md .popover .list:first-child:last-child li:first-child:last-child,
4845 .md .popover .list:first-child:last-child li:first-child:last-child a,
4846 .md .popover .list:first-child:last-child li:first-child:last-child > label,
4847 .md .popover .list:first-child:last-child ul {
4848   border-radius: 13px;
4849 }
4850 .md .popover .list + .list {
4851   margin-top: 35px;
4852 }
4853 .md .popover-on-top {
4854   -webkit-transform-origin: center bottom;
4855   transform-origin: center bottom;
4856 }
4857 .md .popover-on-bottom {
4858   -webkit-transform-origin: center top;
4859   transform-origin: center top;
4860 }
4861 .md .popover-from-actions .list {
4862   margin: 0;
4863 }
4864 .md .popover-from-actions .item-link i.icon {
4865   width: 24px;
4866   height: 24px;
4867   font-size: 24px;
4868 }
4869 .md .popover-from-actions-label {
4870   padding: 8px 16px;
4871   color: rgba(0, 0, 0, 0.54);
4872   padding-top: 12px;
4873   padding-bottom: 12px;
4874 }
4875 .md .popover-from-actions-label:after {
4876   content: '';
4877   position: absolute;
4878   background-color: #d2d2d6;
4879   display: block;
4880   z-index: 15;
4881   top: auto;
4882   right: auto;
4883   bottom: 0;
4884   left: 0;
4885   height: 1px;
4886   width: 100%;
4887   -webkit-transform-origin: 50% 100%;
4888   transform-origin: 50% 100%;
4889 }
4890 .md.device-pixel-ratio-2 .popover-from-actions-label:after {
4891   -webkit-transform: scaleY(0.5);
4892   transform: scaleY(0.5);
4893 }
4894 .md.device-pixel-ratio-3 .popover-from-actions-label:after {
4895   -webkit-transform: scaleY(0.33);
4896   transform: scaleY(0.33);
4897 }
4898 .md .theme-dark .popover {
4899   background-color: #202020;
4900 }
4901 .md .theme-dark .popover-from-actions-label {
4902   color: rgba(255, 255, 255, 0.54);
4903 }
4904 .md .theme-dark .popover-from-actions-label:after {
4905   background-color: rgba(255, 255, 255, 0.08);
4906 }
4907 /* === Actions === */
4908 .actions-backdrop {
4909   position: absolute;
4910   left: 0;
4911   top: 0;
4912   width: 100%;
4913   height: 100%;
4914   background: rgba(0, 0, 0, 0.4);
4915   z-index: 13000;
4916   visibility: hidden;
4917   opacity: 0;
4918   -webkit-transition-duration: 400ms;
4919   transition-duration: 400ms;
4920 }
4921 .actions-backdrop.not-animated {
4922   -webkit-transition-duration: 0ms;
4923   transition-duration: 0ms;
4924 }
4925 .actions-backdrop.backdrop-in {
4926   visibility: visible;
4927   opacity: 1;
4928 }
4929 .actions-modal {
4930   position: absolute;
4931   left: 0;
4932   bottom: 0;
4933   z-index: 13500;
4934   width: 100%;
4935   -webkit-transform: translate3d(0, 100%, 0);
4936   transform: translate3d(0, 100%, 0);
4937   display: none;
4938   max-height: 100%;
4939   overflow: auto;
4940   -webkit-overflow-scrolling: touch;
4941   -webkit-transition-property: -webkit-transform;
4942   transition-property: -webkit-transform;
4943   transition-property: transform;
4944   transition-property: transform, -webkit-transform;
4945 }
4946 .actions-modal.modal-in,
4947 .actions-modal.modal-out {
4948   -webkit-transition-duration: 300ms;
4949   transition-duration: 300ms;
4950 }
4951 .actions-modal.not-animated {
4952   -webkit-transition-duration: 0ms;
4953   transition-duration: 0ms;
4954 }
4955 .actions-modal.modal-in {
4956   -webkit-transform: translate3d(0, 0, 0);
4957   transform: translate3d(0, 0, 0);
4958 }
4959 .actions-modal.modal-out {
4960   z-index: 13499;
4961   -webkit-transform: translate3d(0, 100%, 0);
4962   transform: translate3d(0, 100%, 0);
4963 }
4964 @media (min-width: 496px) {
4965   .actions-modal {
4966     width: 480px;
4967     left: 50%;
4968     margin-left: -240px;
4969   }
4970 }
4971 .actions-group {
4972   position: relative;
4973 }
4974 .actions-button,
4975 .actions-label {
4976   width: 100%;
4977   font-weight: normal;
4978   margin: 0;
4979   -webkit-box-sizing: border-box;
4980   box-sizing: border-box;
4981   display: block;
4982   position: relative;
4983 }
4984 .actions-button a,
4985 .actions-label a {
4986   text-decoration: none;
4987   color: inherit;
4988   display: block;
4989 }
4990 .actions-button b,
4991 .actions-label b,
4992 .actions-button.actions-button-bold,
4993 .actions-label.actions-button-bold {
4994   font-weight: 500;
4995 }
4996 .actions-button {
4997   cursor: pointer;
4998   display: -webkit-box;
4999   display: -webkit-flex;
5000   display: -ms-flexbox;
5001   display: flex;
5002 }
5003 .actions-button-media {
5004   -webkit-flex-shrink: 0;
5005   -ms-flex-negative: 0;
5006   flex-shrink: 0;
5007   display: -webkit-box;
5008   display: -webkit-flex;
5009   display: -ms-flexbox;
5010   display: flex;
5011   -webkit-box-align: center;
5012   -webkit-align-items: center;
5013   -ms-flex-align: center;
5014   align-items: center;
5015 }
5016 .actions-button-text {
5017   width: 100%;
5018   -webkit-flex-shrink: 1;
5019   -ms-flex-negative: 1;
5020   flex-shrink: 1;
5021 }
5022 .actions-label {
5023   line-height: 1.3;
5024   display: -webkit-box;
5025   display: -webkit-flex;
5026   display: -ms-flexbox;
5027   display: flex;
5028   -webkit-box-align: center;
5029   -webkit-align-items: center;
5030   -ms-flex-align: center;
5031   align-items: center;
5032 }
5033 .actions-grid .actions-group {
5034   display: -webkit-box;
5035   display: -webkit-flex;
5036   display: -ms-flexbox;
5037   display: flex;
5038   -webkit-flex-wrap: wrap;
5039   -ms-flex-wrap: wrap;
5040   flex-wrap: wrap;
5041   -webkit-box-pack: start;
5042   -webkit-justify-content: flex-start;
5043   -ms-flex-pack: start;
5044   justify-content: flex-start;
5045 }
5046 .actions-grid .actions-button {
5047   width: 33.33333333%;
5048   display: block;
5049 }
5050 .actions-grid .actions-button-media {
5051   margin-left: auto;
5052   margin-right: auto;
5053 }
5054 .actions-grid .actions-button-text {
5055   margin-left: 0 !important;
5056   text-align: center;
5057 }
5058 .md .actions-modal {
5059   background: #fff;
5060 }
5061 .md .actions-group:last-child:after {
5062   display: none !important;
5063 }
5064 .md .actions-group:after {
5065   content: '';
5066   position: absolute;
5067   background-color: #d2d2d6;
5068   display: block;
5069   z-index: 15;
5070   top: auto;
5071   right: auto;
5072   bottom: 0;
5073   left: 0;
5074   height: 1px;
5075   width: 100%;
5076   -webkit-transform-origin: 50% 100%;
5077   transform-origin: 50% 100%;
5078 }
5079 .md.device-pixel-ratio-2 .actions-group:after {
5080   -webkit-transform: scaleY(0.5);
5081   transform: scaleY(0.5);
5082 }
5083 .md.device-pixel-ratio-3 .actions-group:after {
5084   -webkit-transform: scaleY(0.33);
5085   transform: scaleY(0.33);
5086 }
5087 .md .actions-button,
5088 .md .actions-label {
5089   padding: 0 16px;
5090 }
5091 .md .actions-button {
5092   line-height: 48px;
5093   font-size: 16px;
5094   color: rgba(0, 0, 0, 0.87);
5095   -webkit-transition-duration: 300ms;
5096   transition-duration: 300ms;
5097   -webkit-box-pack: justify;
5098   -webkit-justify-content: space-between;
5099   -ms-flex-pack: justify;
5100   justify-content: space-between;
5101 }
5102 .md .actions-button a,
5103 .md .actions-button {
5104   position: relative;
5105   overflow: hidden;
5106   white-space: nowrap;
5107   text-overflow: ellipsis;
5108 }
5109 .md .actions-button a.active-state,
5110 .md .actions-button.active-state {
5111   background: rgba(0, 0, 0, 0.1);
5112 }
5113 .md .actions-button-media {
5114   min-width: 40px;
5115 }
5116 .md .actions-button-media i.icon {
5117   width: 24px;
5118   height: 24px;
5119   font-size: 24px;
5120 }
5121 .md .actions-button-media + .actions-button-text {
5122   margin-left: 16px;
5123 }
5124 .md .actions-label {
5125   font-size: 16px;
5126   color: rgba(0, 0, 0, 0.54);
5127   padding-top: 12px;
5128   padding-bottom: 12px;
5129   -webkit-box-pack: start;
5130   -webkit-justify-content: flex-start;
5131   -ms-flex-pack: start;
5132   justify-content: flex-start;
5133 }
5134 .md .actions-grid {
5135   padding: 0;
5136 }
5137 .md .actions-grid .actions-button-media {
5138   width: 48px;
5139   height: 48px;
5140 }
5141 .md .actions-grid .actions-button-media i.icon {
5142   width: 48px;
5143   height: 48px;
5144   font-size: 48px;
5145 }
5146 .md .actions-grid .actions-button {
5147   padding: 16px;
5148   line-height: 1;
5149 }
5150 .md .actions-grid .actions-button-text {
5151   margin-top: 8px;
5152   line-height: 16px;
5153   height: 16px;
5154   font-size: 12px;
5155   color: #757575;
5156 }
5157 .md .actions-button.color-red,
5158 .md .actions-label.color-red,
5159 .md .actions-button.color-red .actions-button-text {
5160   color: #f44336;
5161 }
5162 .md .actions-button.color-green,
5163 .md .actions-label.color-green,
5164 .md .actions-button.color-green .actions-button-text {
5165   color: #4caf50;
5166 }
5167 .md .actions-button.color-blue,
5168 .md .actions-label.color-blue,
5169 .md .actions-button.color-blue .actions-button-text {
5170   color: #2196f3;
5171 }
5172 .md .actions-button.color-pink,
5173 .md .actions-label.color-pink,
5174 .md .actions-button.color-pink .actions-button-text {
5175   color: #e91e63;
5176 }
5177 .md .actions-button.color-yellow,
5178 .md .actions-label.color-yellow,
5179 .md .actions-button.color-yellow .actions-button-text {
5180   color: #ffeb3b;
5181 }
5182 .md .actions-button.color-orange,
5183 .md .actions-label.color-orange,
5184 .md .actions-button.color-orange .actions-button-text {
5185   color: #ff9800;
5186 }
5187 .md .actions-button.color-gray,
5188 .md .actions-label.color-gray,
5189 .md .actions-button.color-gray .actions-button-text {
5190   color: #9e9e9e;
5191 }
5192 .md .actions-button.color-white,
5193 .md .actions-label.color-white,
5194 .md .actions-button.color-white .actions-button-text {
5195   color: #ffffff;
5196 }
5197 .md .actions-button.color-black,
5198 .md .actions-label.color-black,
5199 .md .actions-button.color-black .actions-button-text {
5200   color: #000000;
5201 }
5202 .md.device-iphone-x .actions-modal.modal-in {
5203   padding-bottom: constant(safe-area-inset-bottom);
5204   padding-bottom: env(safe-area-inset-bottom);
5205 }
5206 /* === Sheet Modal === */
5207 .sheet-backdrop {
5208   position: absolute;
5209   left: 0;
5210   top: 0;
5211   width: 100%;
5212   height: 100%;
5213   background: rgba(0, 0, 0, 0.4);
5214   z-index: 13000;
5215   visibility: hidden;
5216   opacity: 0;
5217   -webkit-transition-duration: 400ms;
5218   transition-duration: 400ms;
5219   z-index: 11000;
5220 }
5221 .sheet-backdrop.not-animated {
5222   -webkit-transition-duration: 0ms;
5223   transition-duration: 0ms;
5224 }
5225 .sheet-backdrop.backdrop-in {
5226   visibility: visible;
5227   opacity: 1;
5228 }
5229 .sheet-modal {
5230   position: absolute;
5231   left: 0;
5232   bottom: 0;
5233   width: 100%;
5234   height: 260px;
5235   display: none;
5236   -webkit-box-sizing: border-box;
5237   box-sizing: border-box;
5238   -webkit-transition-property: -webkit-transform;
5239   transition-property: -webkit-transform;
5240   transition-property: transform;
5241   transition-property: transform, -webkit-transform;
5242   -webkit-transform: translate3d(0, 100%, 0);
5243   transform: translate3d(0, 100%, 0);
5244   background: #fff;
5245   z-index: 12500;
5246 }
5247 .sheet-modal.modal-in,
5248 .sheet-modal.modal-out {
5249   -webkit-transition-duration: 300ms;
5250   transition-duration: 300ms;
5251 }
5252 .sheet-modal.not-animated {
5253   -webkit-transition-duration: 0ms;
5254   transition-duration: 0ms;
5255 }
5256 .sheet-modal.modal-in {
5257   display: block;
5258   -webkit-transform: translate3d(0, 0, 0);
5259   transform: translate3d(0, 0, 0);
5260 }
5261 .sheet-modal.modal-out {
5262   -webkit-transform: translate3d(0, 100%, 0);
5263   transform: translate3d(0, 100%, 0);
5264 }
5265 .sheet-modal .sheet-modal-inner {
5266   height: 100%;
5267   position: relative;
5268   overflow: hidden;
5269 }
5270 .sheet-modal .toolbar {
5271   position: relative;
5272   width: 100%;
5273 }
5274 .md .sheet-modal {
5275   background: #fff;
5276 }
5277 .md .sheet-modal .toolbar {
5278   top: 0;
5279 }
5280 .md .sheet-modal .toolbar:after {
5281   display: none;
5282 }
5283 .md .sheet-modal .toolbar + .sheet-modal-inner {
5284   height: calc(100% - 48px);
5285 }
5286 .md .sheet-modal .toolbar a.link:not(.tab-link) {
5287   -webkit-flex-shrink: 0;
5288   -ms-flex-negative: 0;
5289   flex-shrink: 0;
5290 }
5291 .md .sheet-modal .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .sheet-modal-inner .page-content {
5292   padding-top: 0;
5293 }
5294 .md.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content,
5295 .md.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content {
5296   padding-bottom: constant(safe-area-inset-bottom);
5297   padding-bottom: env(safe-area-inset-bottom);
5298 }
5299 .md .theme-dark .sheet-modal {
5300   background-color: #202020;
5301 }
5302 /* === Toast === */
5303 .toast {
5304   -webkit-transition-property: opacity, -webkit-transform;
5305   transition-property: opacity, -webkit-transform;
5306   transition-property: transform, opacity;
5307   transition-property: transform, opacity, -webkit-transform;
5308   position: absolute;
5309   max-width: 568px;
5310   z-index: 20000;
5311   color: #fff;
5312   font-size: 14px;
5313   -webkit-box-sizing: border-box;
5314   box-sizing: border-box;
5315 }
5316 .toast.modal-in {
5317   opacity: 1;
5318 }
5319 .toast .toast-content {
5320   display: -webkit-box;
5321   display: -webkit-flex;
5322   display: -ms-flexbox;
5323   display: flex;
5324   -webkit-box-pack: justify;
5325   -webkit-justify-content: space-between;
5326   -ms-flex-pack: justify;
5327   justify-content: space-between;
5328   -webkit-box-align: center;
5329   -webkit-align-items: center;
5330   -ms-flex-align: center;
5331   align-items: center;
5332   -webkit-box-sizing: border-box;
5333   box-sizing: border-box;
5334 }
5335 .toast .toast-text {
5336   line-height: 20px;
5337   -webkit-flex-shrink: 1;
5338   -ms-flex-negative: 1;
5339   flex-shrink: 1;
5340   min-width: 0;
5341 }
5342 .toast .toast-button {
5343   -webkit-flex-shrink: 0;
5344   -ms-flex-negative: 0;
5345   flex-shrink: 0;
5346 }
5347 .toast.toast-with-icon .toast-content {
5348   display: block;
5349   text-align: center;
5350 }
5351 .toast.toast-with-icon .toast-text {
5352   text-align: center;
5353 }
5354 .toast.toast-with-icon .toast-icon .f7-icons {
5355   font-size: 50px;
5356   width: 50px;
5357   height: 50px;
5358 }
5359 .toast.toast-with-icon .toast-icon .material-icons {
5360   font-size: 48px;
5361   width: 48px;
5362   height: 48px;
5363 }
5364 .toast.toast-center {
5365   top: 50%;
5366   opacity: 0;
5367 }
5368 @media (min-width: 1024px) {
5369   .toast {
5370     opacity: 0;
5371   }
5372 }
5373 html.with-statusbar.device-ios .toast-top,
5374 html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top {
5375   margin-top: 20px;
5376 }
5377 html.with-statusbar.device-iphone-x .toast-top {
5378   margin-top: constant(safe-area-inset-top);
5379   margin-top: env(safe-area-inset-top);
5380 }
5381 html.with-statusbar.device-android .toast-top,
5382 html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top {
5383   margin-top: 24px;
5384 }
5385 .md .toast {
5386   -webkit-transition-duration: 200ms;
5387   transition-duration: 200ms;
5388   border-radius: 4px;
5389   background: #323232;
5390   opacity: 0;
5391   left: 8px;
5392   width: calc(100% - 16px);
5393   -webkit-transform: scale(0.9);
5394   transform: scale(0.9);
5395 }
5396 .md .toast.modal-in {
5397   -webkit-transform: scale(1);
5398   transform: scale(1);
5399   opacity: 1;
5400 }
5401 .md .toast.modal-out {
5402   -webkit-transform: scale(1);
5403   transform: scale(1);
5404   opacity: 0;
5405 }
5406 .md .toast.toast-center {
5407   left: 50%;
5408   width: auto;
5409   background: rgba(0, 0, 0, 0.75);
5410   -webkit-transform: scale(0.9) translate3d(-55%, -55%, 0);
5411   transform: scale(0.9) translate3d(-55%, -55%, 0);
5412 }
5413 .md .toast.toast-center.modal-in {
5414   -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
5415   transform: scale(1) translate3d(-50%, -50%, 0);
5416 }
5417 .md .toast.toast-center.modal-out {
5418   -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
5419   transform: scale(1) translate3d(-50%, -50%, 0);
5420 }
5421 .md .toast.toast-bottom {
5422   bottom: 8px;
5423 }
5424 .md .toast.toast-top {
5425   top: 8px;
5426 }
5427 @media (min-width: 584px) {
5428   .md .toast {
5429     left: 50%;
5430     margin-left: -284px;
5431   }
5432   .md .toast.toast-center {
5433     margin-left: 0;
5434   }
5435 }
5436 @media (min-width: 1024px) {
5437   .md .toast {
5438     margin-left: 0;
5439     width: auto;
5440   }
5441   .md .toast.toast-bottom,
5442   .md .toast.toast-top {
5443     left: 24px;
5444   }
5445   .md .toast.toast-bottom {
5446     bottom: 24px;
5447   }
5448   .md .toast.toast-top {
5449     top: 24px;
5450   }
5451 }
5452 .md .toast-content {
5453   padding: 14px 24px;
5454 }
5455 .md .toast-button {
5456   margin-top: -8px;
5457   margin-bottom: -8px;
5458   margin-right: 16px;
5459   margin-left: -8px;
5460 }
5461 @media (max-width: 568px) {
5462   .md.device-iphone-x .toast-bottom .toast-content {
5463     padding-bottom: calc(14px + constant(safe-area-inset-bottom));
5464     padding-bottom: calc(14px + env(safe-area-inset-bottom));
5465   }
5466 }
5467 @media (min-width: 1024px) {
5468   .md.device-iphone-x .toast-bottom.modal-in {
5469     margin-bottom: constant(safe-area-inset-bottom);
5470     margin-bottom: env(safe-area-inset-bottom);
5471   }
5472 }
5473 /* === Preloader === */
5474 .preloader {
5475   display: inline-block;
5476   vertical-align: middle;
5477 }
5478 /* === Preloader Modal === */
5479 .preloader-backdrop {
5480   position: absolute;
5481   left: 0;
5482   top: 0;
5483   width: 100%;
5484   height: 100%;
5485   background: rgba(0, 0, 0, 0.4);
5486   z-index: 13000;
5487   visibility: hidden;
5488   -webkit-transition-duration: 400ms;
5489   transition-duration: 400ms;
5490   visibility: visible;
5491   opacity: 0;
5492   background: none;
5493   z-index: 14000;
5494 }
5495 .preloader-backdrop.not-animated {
5496   -webkit-transition-duration: 0ms;
5497   transition-duration: 0ms;
5498 }
5499 .preloader-backdrop.backdrop-in {
5500   visibility: visible;
5501   opacity: 1;
5502 }
5503 .preloader-modal {
5504   position: absolute;
5505   left: 50%;
5506   top: 50%;
5507   padding: 8px;
5508   background: rgba(0, 0, 0, 0.8);
5509   z-index: 14500;
5510   -webkit-transform: translateX(-50%) translateY(-50%);
5511   transform: translateX(-50%) translateY(-50%);
5512 }
5513 .preloader-modal .preloader {
5514   display: block !important;
5515 }
5516 html.with-modal-preloader .page-content {
5517   overflow: hidden;
5518   -webkit-overflow-scrolling: auto;
5519 }
5520 .md .preloader {
5521   font-size: 0;
5522   display: inline-block;
5523   width: 32px;
5524   height: 32px;
5525   -webkit-animation: md-preloader-outer 3300ms linear infinite;
5526   animation: md-preloader-outer 3300ms linear infinite;
5527 }
5528 @-webkit-keyframes md-preloader-outer {
5529   0% {
5530     -webkit-transform: rotate(0);
5531     transform: rotate(0);
5532   }
5533   100% {
5534     -webkit-transform: rotate(360deg);
5535     transform: rotate(360deg);
5536   }
5537 }
5538 @keyframes md-preloader-outer {
5539   0% {
5540     -webkit-transform: rotate(0);
5541     transform: rotate(0);
5542   }
5543   100% {
5544     -webkit-transform: rotate(360deg);
5545     transform: rotate(360deg);
5546   }
5547 }
5548 .md .preloader-inner {
5549   position: relative;
5550   display: block;
5551   width: 100%;
5552   height: 100%;
5553   -webkit-animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
5554   animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
5555 }
5556 .md .preloader-inner .preloader-inner-gap {
5557   position: absolute;
5558   width: 2px;
5559   left: 50%;
5560   margin-left: -1px;
5561   top: 0;
5562   bottom: 0;
5563   -webkit-box-sizing: border-box;
5564   box-sizing: border-box;
5565   border-top: 4px solid #757575;
5566 }
5567 .md .preloader-inner .preloader-inner-left,
5568 .md .preloader-inner .preloader-inner-right {
5569   position: absolute;
5570   top: 0;
5571   height: 100%;
5572   width: 50%;
5573   overflow: hidden;
5574 }
5575 .md .preloader-inner .preloader-inner-half-circle {
5576   position: absolute;
5577   top: 0;
5578   height: 100%;
5579   width: 200%;
5580   -webkit-box-sizing: border-box;
5581   box-sizing: border-box;
5582   border: 4px solid #757575;
5583   border-bottom-color: transparent !important;
5584   border-radius: 50%;
5585   -webkit-animation-iteration-count: infinite;
5586   animation-iteration-count: infinite;
5587   -webkit-animation-duration: 1.3125s;
5588   animation-duration: 1.3125s;
5589   -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
5590   animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
5591 }
5592 .md .preloader-inner .preloader-inner-left {
5593   left: 0;
5594 }
5595 .md .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
5596   left: 0;
5597   border-right-color: transparent !important;
5598   -webkit-animation-name: md-preloader-left-rotate;
5599   animation-name: md-preloader-left-rotate;
5600 }
5601 .md .preloader-inner .preloader-inner-right {
5602   right: 0;
5603 }
5604 .md .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
5605   right: 0;
5606   border-left-color: transparent !important;
5607   -webkit-animation-name: md-preloader-right-rotate;
5608   animation-name: md-preloader-right-rotate;
5609 }
5610 .md .preloader-modal {
5611   border-radius: 4px;
5612 }
5613 .md .preloader.color-red .preloader-inner-gap,
5614 .md .preloader.preloader-red .preloader-inner-gap,
5615 .md .preloader.color-red .preloader-inner-half-circle,
5616 .md .preloader.preloader-red .preloader-inner-half-circle {
5617   border-color: #f44336;
5618 }
5619 .md .preloader.color-green .preloader-inner-gap,
5620 .md .preloader.preloader-green .preloader-inner-gap,
5621 .md .preloader.color-green .preloader-inner-half-circle,
5622 .md .preloader.preloader-green .preloader-inner-half-circle {
5623   border-color: #4caf50;
5624 }
5625 .md .preloader.color-blue .preloader-inner-gap,
5626 .md .preloader.preloader-blue .preloader-inner-gap,
5627 .md .preloader.color-blue .preloader-inner-half-circle,
5628 .md .preloader.preloader-blue .preloader-inner-half-circle {
5629   border-color: #2196f3;
5630 }
5631 .md .preloader.color-pink .preloader-inner-gap,
5632 .md .preloader.preloader-pink .preloader-inner-gap,
5633 .md .preloader.color-pink .preloader-inner-half-circle,
5634 .md .preloader.preloader-pink .preloader-inner-half-circle {
5635   border-color: #e91e63;
5636 }
5637 .md .preloader.color-yellow .preloader-inner-gap,
5638 .md .preloader.preloader-yellow .preloader-inner-gap,
5639 .md .preloader.color-yellow .preloader-inner-half-circle,
5640 .md .preloader.preloader-yellow .preloader-inner-half-circle {
5641   border-color: #ffeb3b;
5642 }
5643 .md .preloader.color-orange .preloader-inner-gap,
5644 .md .preloader.preloader-orange .preloader-inner-gap,
5645 .md .preloader.color-orange .preloader-inner-half-circle,
5646 .md .preloader.preloader-orange .preloader-inner-half-circle {
5647   border-color: #ff9800;
5648 }
5649 .md .preloader.color-gray .preloader-inner-gap,
5650 .md .preloader.preloader-gray .preloader-inner-gap,
5651 .md .preloader.color-gray .preloader-inner-half-circle,
5652 .md .preloader.preloader-gray .preloader-inner-half-circle {
5653   border-color: #9e9e9e;
5654 }
5655 .md .preloader.color-white .preloader-inner-gap,
5656 .md .preloader.preloader-white .preloader-inner-gap,
5657 .md .preloader.color-white .preloader-inner-half-circle,
5658 .md .preloader.preloader-white .preloader-inner-half-circle {
5659   border-color: #ffffff;
5660 }
5661 .md .preloader.color-black .preloader-inner-gap,
5662 .md .preloader.preloader-black .preloader-inner-gap,
5663 .md .preloader.color-black .preloader-inner-half-circle,
5664 .md .preloader.preloader-black .preloader-inner-half-circle {
5665   border-color: #000000;
5666 }
5667 .md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle {
5668   -webkit-animation-name: md-preloader-left-rotate-multicolor;
5669   animation-name: md-preloader-left-rotate-multicolor;
5670 }
5671 .md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle {
5672   -webkit-animation-name: md-preloader-right-rotate-multicolor;
5673   animation-name: md-preloader-right-rotate-multicolor;
5674 }
5675 @-webkit-keyframes md-preloader-left-rotate {
5676   0%,
5677   100% {
5678     -webkit-transform: rotate(130deg);
5679     transform: rotate(130deg);
5680   }
5681   50% {
5682     -webkit-transform: rotate(-5deg);
5683     transform: rotate(-5deg);
5684   }
5685 }
5686 @keyframes md-preloader-left-rotate {
5687   0%,
5688   100% {
5689     -webkit-transform: rotate(130deg);
5690     transform: rotate(130deg);
5691   }
5692   50% {
5693     -webkit-transform: rotate(-5deg);
5694     transform: rotate(-5deg);
5695   }
5696 }
5697 @-webkit-keyframes md-preloader-right-rotate {
5698   0%,
5699   100% {
5700     -webkit-transform: rotate(-130deg);
5701     transform: rotate(-130deg);
5702   }
5703   50% {
5704     -webkit-transform: rotate(5deg);
5705     transform: rotate(5deg);
5706   }
5707 }
5708 @keyframes md-preloader-right-rotate {
5709   0%,
5710   100% {
5711     -webkit-transform: rotate(-130deg);
5712     transform: rotate(-130deg);
5713   }
5714   50% {
5715     -webkit-transform: rotate(5deg);
5716     transform: rotate(5deg);
5717   }
5718 }
5719 @-webkit-keyframes md-preloader-inner-rotate {
5720   12.5% {
5721     -webkit-transform: rotate(135deg);
5722     transform: rotate(135deg);
5723   }
5724   25% {
5725     -webkit-transform: rotate(270deg);
5726     transform: rotate(270deg);
5727   }
5728   37.5% {
5729     -webkit-transform: rotate(405deg);
5730     transform: rotate(405deg);
5731   }
5732   50% {
5733     -webkit-transform: rotate(540deg);
5734     transform: rotate(540deg);
5735   }
5736   62.5% {
5737     -webkit-transform: rotate(675deg);
5738     transform: rotate(675deg);
5739   }
5740   75% {
5741     -webkit-transform: rotate(810deg);
5742     transform: rotate(810deg);
5743   }
5744   87.5% {
5745     -webkit-transform: rotate(945deg);
5746     transform: rotate(945deg);
5747   }
5748   100% {
5749     -webkit-transform: rotate(1080deg);
5750     transform: rotate(1080deg);
5751   }
5752 }
5753 @keyframes md-preloader-inner-rotate {
5754   12.5% {
5755     -webkit-transform: rotate(135deg);
5756     transform: rotate(135deg);
5757   }
5758   25% {
5759     -webkit-transform: rotate(270deg);
5760     transform: rotate(270deg);
5761   }
5762   37.5% {
5763     -webkit-transform: rotate(405deg);
5764     transform: rotate(405deg);
5765   }
5766   50% {
5767     -webkit-transform: rotate(540deg);
5768     transform: rotate(540deg);
5769   }
5770   62.5% {
5771     -webkit-transform: rotate(675deg);
5772     transform: rotate(675deg);
5773   }
5774   75% {
5775     -webkit-transform: rotate(810deg);
5776     transform: rotate(810deg);
5777   }
5778   87.5% {
5779     -webkit-transform: rotate(945deg);
5780     transform: rotate(945deg);
5781   }
5782   100% {
5783     -webkit-transform: rotate(1080deg);
5784     transform: rotate(1080deg);
5785   }
5786 }
5787 @-webkit-keyframes md-preloader-left-rotate-multicolor {
5788   0%,
5789   100% {
5790     border-left-color: #4285F4;
5791     -webkit-transform: rotate(130deg);
5792     transform: rotate(130deg);
5793   }
5794   75% {
5795     border-left-color: #1B9A59;
5796     border-top-color: #1B9A59;
5797   }
5798   50% {
5799     border-left-color: #F7C223;
5800     border-top-color: #F7C223;
5801     -webkit-transform: rotate(-5deg);
5802     transform: rotate(-5deg);
5803   }
5804   25% {
5805     border-left-color: #DE3E35;
5806     border-top-color: #DE3E35;
5807   }
5808 }
5809 @keyframes md-preloader-left-rotate-multicolor {
5810   0%,
5811   100% {
5812     border-left-color: #4285F4;
5813     -webkit-transform: rotate(130deg);
5814     transform: rotate(130deg);
5815   }
5816   75% {
5817     border-left-color: #1B9A59;
5818     border-top-color: #1B9A59;
5819   }
5820   50% {
5821     border-left-color: #F7C223;
5822     border-top-color: #F7C223;
5823     -webkit-transform: rotate(-5deg);
5824     transform: rotate(-5deg);
5825   }
5826   25% {
5827     border-left-color: #DE3E35;
5828     border-top-color: #DE3E35;
5829   }
5830 }
5831 @-webkit-keyframes md-preloader-right-rotate-multicolor {
5832   0%,
5833   100% {
5834     border-right-color: #4285F4;
5835     -webkit-transform: rotate(-130deg);
5836     transform: rotate(-130deg);
5837   }
5838   75% {
5839     border-right-color: #1B9A59;
5840     border-top-color: #1B9A59;
5841   }
5842   50% {
5843     border-right-color: #F7C223;
5844     border-top-color: #F7C223;
5845     -webkit-transform: rotate(5deg);
5846     transform: rotate(5deg);
5847   }
5848   25% {
5849     border-top-color: #DE3E35;
5850     border-right-color: #DE3E35;
5851   }
5852 }
5853 @keyframes md-preloader-right-rotate-multicolor {
5854   0%,
5855   100% {
5856     border-right-color: #4285F4;
5857     -webkit-transform: rotate(-130deg);
5858     transform: rotate(-130deg);
5859   }
5860   75% {
5861     border-right-color: #1B9A59;
5862     border-top-color: #1B9A59;
5863   }
5864   50% {
5865     border-right-color: #F7C223;
5866     border-top-color: #F7C223;
5867     -webkit-transform: rotate(5deg);
5868     transform: rotate(5deg);
5869   }
5870   25% {
5871     border-top-color: #DE3E35;
5872     border-right-color: #DE3E35;
5873   }
5874 }
5875 /* === Progressbar === */
5876 .progressbar,
5877 .progressbar-infinite {
5878   width: 100%;
5879   overflow: hidden;
5880   position: relative;
5881   display: block;
5882   -webkit-transform-style: preserve-3d;
5883   transform-style: preserve-3d;
5884 }
5885 body > .progressbar,
5886 .view > .progressbar,
5887 .views > .progressbar,
5888 .page > .progressbar,
5889 .panel > .progressbar,
5890 .popup > .progressbar,
5891 .framework7-root > .progressbar,
5892 body > .progressbar-infinite,
5893 .view > .progressbar-infinite,
5894 .views > .progressbar-infinite,
5895 .page > .progressbar-infinite,
5896 .panel > .progressbar-infinite,
5897 .popup > .progressbar-infinite,
5898 .framework7-root > .progressbar-infinite {
5899   position: absolute;
5900   left: 0;
5901   top: 0;
5902   z-index: 15000;
5903   border-radius: 0 !important;
5904   -webkit-transform-origin: center top !important;
5905   transform-origin: center top !important;
5906 }
5907 .with-statusbar.device-ios body > .progressbar,
5908 .with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar,
5909 .with-statusbar.device-ios .framework7-root > .progressbar,
5910 .with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar,
5911 .with-statusbar.device-ios body > .progressbar-infinite,
5912 .with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite,
5913 .with-statusbar.device-ios .framework7-root > .progressbar-infinite,
5914 .with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite {
5915   top: 20px;
5916 }
5917 .with-statusbar.device-android body > .progressbar,
5918 .with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar,
5919 .with-statusbar.device-android .framework7-root > .progressbar,
5920 .with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar,
5921 .with-statusbar.device-android body > .progressbar-infinite,
5922 .with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite,
5923 .with-statusbar.device-android .framework7-root > .progressbar-infinite,
5924 .with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite {
5925   top: 24px;
5926 }
5927 .with-statusbar.device-iphone-x body > .progressbar,
5928 .with-statusbar.device-iphone-x .framework7-root > .progressbar,
5929 .with-statusbar.device-iphone-x body > .progressbar-infinite,
5930 .with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite {
5931   top: constant(safe-area-inset-top);
5932   top: env(safe-area-inset-top);
5933 }
5934 .progressbar {
5935   vertical-align: middle;
5936 }
5937 .progressbar span {
5938   width: 100%;
5939   height: 100%;
5940   position: absolute;
5941   left: 0;
5942   top: 0;
5943   -webkit-transform: translate3d(-100%, 0, 0);
5944   transform: translate3d(-100%, 0, 0);
5945   -webkit-transition-duration: 150ms;
5946   transition-duration: 150ms;
5947 }
5948 .progressbar-infinite:before,
5949 .progressbar-infinite:after {
5950   position: absolute;
5951   left: 0;
5952   top: 0;
5953   width: 100%;
5954   height: 100%;
5955   -webkit-transform-origin: left center;
5956   transform-origin: left center;
5957   -webkit-transform: translate3d(0, 0, 0);
5958   transform: translate3d(0, 0, 0);
5959   display: block;
5960 }
5961 .progressbar-infinite.color-multi {
5962   background: none !important;
5963 }
5964 .progressbar-in {
5965   -webkit-animation: progressbar-in 150ms forwards;
5966   animation: progressbar-in 150ms forwards;
5967 }
5968 .progressbar-out {
5969   -webkit-animation: progressbar-out 150ms forwards;
5970   animation: progressbar-out 150ms forwards;
5971 }
5972 @-webkit-keyframes progressbar-in {
5973   from {
5974     opacity: 0;
5975     -webkit-transform: scaleY(0);
5976     transform: scaleY(0);
5977   }
5978   to {
5979     opacity: 1;
5980     -webkit-transform: scaleY(1);
5981     transform: scaleY(1);
5982   }
5983 }
5984 @keyframes progressbar-in {
5985   from {
5986     opacity: 0;
5987     -webkit-transform: scaleY(0);
5988     transform: scaleY(0);
5989   }
5990   to {
5991     opacity: 1;
5992     -webkit-transform: scaleY(1);
5993     transform: scaleY(1);
5994   }
5995 }
5996 @-webkit-keyframes progressbar-out {
5997   from {
5998     opacity: 1;
5999     -webkit-transform: scaleY(1);
6000     transform: scaleY(1);
6001   }
6002   to {
6003     opacity: 0;
6004     -webkit-transform: scaleY(0);
6005     transform: scaleY(0);
6006   }
6007 }
6008 @keyframes progressbar-out {
6009   from {
6010     opacity: 1;
6011     -webkit-transform: scaleY(1);
6012     transform: scaleY(1);
6013   }
6014   to {
6015     opacity: 0;
6016     -webkit-transform: scaleY(0);
6017     transform: scaleY(0);
6018   }
6019 }
6020 .md .progressbar,
6021 .md .progressbar-infinite {
6022   height: 4px;
6023   background: rgba(33, 150, 243, 0.5);
6024   -webkit-transform-origin: center bottom;
6025   transform-origin: center bottom;
6026 }
6027 .md .progressbar span {
6028   background: #2196f3;
6029 }
6030 .md .progressbar-infinite {
6031   z-index: 15000;
6032 }
6033 .md .progressbar-infinite:before,
6034 .md .progressbar-infinite:after {
6035   content: '';
6036   background: #2196f3;
6037 }
6038 .md .progressbar-infinite:before {
6039   -webkit-animation: md-progressbar-infinite-1 2s linear infinite;
6040   animation: md-progressbar-infinite-1 2s linear infinite;
6041 }
6042 .md .progressbar-infinite:after {
6043   -webkit-animation: md-progressbar-infinite-2 2s linear infinite;
6044   animation: md-progressbar-infinite-2 2s linear infinite;
6045 }
6046 .md .progressbar-infinite.color-multi:before {
6047   background: none;
6048   -webkit-animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite;
6049   animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite;
6050 }
6051 .md .progressbar-infinite.color-multi:after {
6052   background: none;
6053   -webkit-animation: md-progressbar-infinite-multicolor-fill 3s linear infinite;
6054   animation: md-progressbar-infinite-multicolor-fill 3s linear infinite;
6055   -webkit-transform-origin: center center;
6056   transform-origin: center center;
6057 }
6058 .md .color-theme-red .progressbar,
6059 .md .color-theme-red .progressbar-infinite {
6060   background: rgba(244, 67, 54, 0.5);
6061 }
6062 .md .color-theme-red .progressbar span {
6063   background: #f44336;
6064 }
6065 .md .color-theme-red .progressbar-infinite:before,
6066 .md .color-theme-red .progressbar-infinite:after {
6067   background: #f44336;
6068 }
6069 .md .color-theme-green .progressbar,
6070 .md .color-theme-green .progressbar-infinite {
6071   background: rgba(76, 175, 80, 0.5);
6072 }
6073 .md .color-theme-green .progressbar span {
6074   background: #4caf50;
6075 }
6076 .md .color-theme-green .progressbar-infinite:before,
6077 .md .color-theme-green .progressbar-infinite:after {
6078   background: #4caf50;
6079 }
6080 .md .color-theme-blue .progressbar,
6081 .md .color-theme-blue .progressbar-infinite {
6082   background: rgba(33, 150, 243, 0.5);
6083 }
6084 .md .color-theme-blue .progressbar span {
6085   background: #2196f3;
6086 }
6087 .md .color-theme-blue .progressbar-infinite:before,
6088 .md .color-theme-blue .progressbar-infinite:after {
6089   background: #2196f3;
6090 }
6091 .md .color-theme-pink .progressbar,
6092 .md .color-theme-pink .progressbar-infinite {
6093   background: rgba(233, 30, 99, 0.5);
6094 }
6095 .md .color-theme-pink .progressbar span {
6096   background: #e91e63;
6097 }
6098 .md .color-theme-pink .progressbar-infinite:before,
6099 .md .color-theme-pink .progressbar-infinite:after {
6100   background: #e91e63;
6101 }
6102 .md .color-theme-yellow .progressbar,
6103 .md .color-theme-yellow .progressbar-infinite {
6104   background: rgba(255, 235, 59, 0.5);
6105 }
6106 .md .color-theme-yellow .progressbar span {
6107   background: #ffeb3b;
6108 }
6109 .md .color-theme-yellow .progressbar-infinite:before,
6110 .md .color-theme-yellow .progressbar-infinite:after {
6111   background: #ffeb3b;
6112 }
6113 .md .color-theme-orange .progressbar,
6114 .md .color-theme-orange .progressbar-infinite {
6115   background: rgba(255, 152, 0, 0.5);
6116 }
6117 .md .color-theme-orange .progressbar span {
6118   background: #ff9800;
6119 }
6120 .md .color-theme-orange .progressbar-infinite:before,
6121 .md .color-theme-orange .progressbar-infinite:after {
6122   background: #ff9800;
6123 }
6124 .md .color-theme-gray .progressbar,
6125 .md .color-theme-gray .progressbar-infinite {
6126   background: rgba(158, 158, 158, 0.5);
6127 }
6128 .md .color-theme-gray .progressbar span {
6129   background: #9e9e9e;
6130 }
6131 .md .color-theme-gray .progressbar-infinite:before,
6132 .md .color-theme-gray .progressbar-infinite:after {
6133   background: #9e9e9e;
6134 }
6135 .md .color-theme-white .progressbar,
6136 .md .color-theme-white .progressbar-infinite {
6137   background: rgba(255, 255, 255, 0.5);
6138 }
6139 .md .color-theme-white .progressbar span {
6140   background: #ffffff;
6141 }
6142 .md .color-theme-white .progressbar-infinite:before,
6143 .md .color-theme-white .progressbar-infinite:after {
6144   background: #ffffff;
6145 }
6146 .md .color-theme-black .progressbar,
6147 .md .color-theme-black .progressbar-infinite {
6148   background: rgba(0, 0, 0, 0.5);
6149 }
6150 .md .color-theme-black .progressbar span {
6151   background: #000000;
6152 }
6153 .md .color-theme-black .progressbar-infinite:before,
6154 .md .color-theme-black .progressbar-infinite:after {
6155   background: #000000;
6156 }
6157 .md .progressbar.color-red,
6158 .md .progressbar-infinite.color-red {
6159   background: rgba(244, 67, 54, 0.5);
6160 }
6161 .md .progressbar.color-red span {
6162   background: #f44336;
6163 }
6164 .md .progressbar-infinite.color-red:before,
6165 .md .progressbar-infinite.color-red:after {
6166   background: #f44336;
6167 }
6168 .md .progressbar.color-green,
6169 .md .progressbar-infinite.color-green {
6170   background: rgba(76, 175, 80, 0.5);
6171 }
6172 .md .progressbar.color-green span {
6173   background: #4caf50;
6174 }
6175 .md .progressbar-infinite.color-green:before,
6176 .md .progressbar-infinite.color-green:after {
6177   background: #4caf50;
6178 }
6179 .md .progressbar.color-blue,
6180 .md .progressbar-infinite.color-blue {
6181   background: rgba(33, 150, 243, 0.5);
6182 }
6183 .md .progressbar.color-blue span {
6184   background: #2196f3;
6185 }
6186 .md .progressbar-infinite.color-blue:before,
6187 .md .progressbar-infinite.color-blue:after {
6188   background: #2196f3;
6189 }
6190 .md .progressbar.color-pink,
6191 .md .progressbar-infinite.color-pink {
6192   background: rgba(233, 30, 99, 0.5);
6193 }
6194 .md .progressbar.color-pink span {
6195   background: #e91e63;
6196 }
6197 .md .progressbar-infinite.color-pink:before,
6198 .md .progressbar-infinite.color-pink:after {
6199   background: #e91e63;
6200 }
6201 .md .progressbar.color-yellow,
6202 .md .progressbar-infinite.color-yellow {
6203   background: rgba(255, 235, 59, 0.5);
6204 }
6205 .md .progressbar.color-yellow span {
6206   background: #ffeb3b;
6207 }
6208 .md .progressbar-infinite.color-yellow:before,
6209 .md .progressbar-infinite.color-yellow:after {
6210   background: #ffeb3b;
6211 }
6212 .md .progressbar.color-orange,
6213 .md .progressbar-infinite.color-orange {
6214   background: rgba(255, 152, 0, 0.5);
6215 }
6216 .md .progressbar.color-orange span {
6217   background: #ff9800;
6218 }
6219 .md .progressbar-infinite.color-orange:before,
6220 .md .progressbar-infinite.color-orange:after {
6221   background: #ff9800;
6222 }
6223 .md .progressbar.color-gray,
6224 .md .progressbar-infinite.color-gray {
6225   background: rgba(158, 158, 158, 0.5);
6226 }
6227 .md .progressbar.color-gray span {
6228   background: #9e9e9e;
6229 }
6230 .md .progressbar-infinite.color-gray:before,
6231 .md .progressbar-infinite.color-gray:after {
6232   background: #9e9e9e;
6233 }
6234 .md .progressbar.color-white,
6235 .md .progressbar-infinite.color-white {
6236   background: rgba(255, 255, 255, 0.5);
6237 }
6238 .md .progressbar.color-white span {
6239   background: #ffffff;
6240 }
6241 .md .progressbar-infinite.color-white:before,
6242 .md .progressbar-infinite.color-white:after {
6243   background: #ffffff;
6244 }
6245 .md .progressbar.color-black,
6246 .md .progressbar-infinite.color-black {
6247   background: rgba(0, 0, 0, 0.5);
6248 }
6249 .md .progressbar.color-black span {
6250   background: #000000;
6251 }
6252 .md .progressbar-infinite.color-black:before,
6253 .md .progressbar-infinite.color-black:after {
6254   background: #000000;
6255 }
6256 @-webkit-keyframes md-progressbar-infinite-1 {
6257   0% {
6258     -webkit-transform: translateX(-10%) scaleX(0.1);
6259     transform: translateX(-10%) scaleX(0.1);
6260   }
6261   25% {
6262     -webkit-transform: translateX(30%) scaleX(0.6);
6263     transform: translateX(30%) scaleX(0.6);
6264   }
6265   50% {
6266     -webkit-transform: translateX(100%) scaleX(1);
6267     transform: translateX(100%) scaleX(1);
6268   }
6269   100% {
6270     -webkit-transform: translateX(100%) scaleX(1);
6271     transform: translateX(100%) scaleX(1);
6272   }
6273 }
6274 @keyframes md-progressbar-infinite-1 {
6275   0% {
6276     -webkit-transform: translateX(-10%) scaleX(0.1);
6277     transform: translateX(-10%) scaleX(0.1);
6278   }
6279   25% {
6280     -webkit-transform: translateX(30%) scaleX(0.6);
6281     transform: translateX(30%) scaleX(0.6);
6282   }
6283   50% {
6284     -webkit-transform: translateX(100%) scaleX(1);
6285     transform: translateX(100%) scaleX(1);
6286   }
6287   100% {
6288     -webkit-transform: translateX(100%) scaleX(1);
6289     transform: translateX(100%) scaleX(1);
6290   }
6291 }
6292 @-webkit-keyframes md-progressbar-infinite-2 {
6293   0% {
6294     -webkit-transform: translateX(-100%) scaleX(1);
6295     transform: translateX(-100%) scaleX(1);
6296   }
6297   40% {
6298     -webkit-transform: translateX(-100%) scaleX(1);
6299     transform: translateX(-100%) scaleX(1);
6300   }
6301   75% {
6302     -webkit-transform: translateX(60%) scaleX(0.35);
6303     transform: translateX(60%) scaleX(0.35);
6304   }
6305   90% {
6306     -webkit-transform: translateX(100%) scaleX(0.1);
6307     transform: translateX(100%) scaleX(0.1);
6308   }
6309   100% {
6310     -webkit-transform: translateX(100%) scaleX(0.1);
6311     transform: translateX(100%) scaleX(0.1);
6312   }
6313 }
6314 @keyframes md-progressbar-infinite-2 {
6315   0% {
6316     -webkit-transform: translateX(-100%) scaleX(1);
6317     transform: translateX(-100%) scaleX(1);
6318   }
6319   40% {
6320     -webkit-transform: translateX(-100%) scaleX(1);
6321     transform: translateX(-100%) scaleX(1);
6322   }
6323   75% {
6324     -webkit-transform: translateX(60%) scaleX(0.35);
6325     transform: translateX(60%) scaleX(0.35);
6326   }
6327   90% {
6328     -webkit-transform: translateX(100%) scaleX(0.1);
6329     transform: translateX(100%) scaleX(0.1);
6330   }
6331   100% {
6332     -webkit-transform: translateX(100%) scaleX(0.1);
6333     transform: translateX(100%) scaleX(0.1);
6334   }
6335 }
6336 @-webkit-keyframes md-progressbar-infinite-multicolor-bg {
6337   0% {
6338     background-color: #4caf50;
6339   }
6340   25% {
6341     background-color: #f44336;
6342   }
6343   50% {
6344     background-color: #2196f3;
6345   }
6346   75% {
6347     background-color: #ffeb3b;
6348   }
6349 }
6350 @keyframes md-progressbar-infinite-multicolor-bg {
6351   0% {
6352     background-color: #4caf50;
6353   }
6354   25% {
6355     background-color: #f44336;
6356   }
6357   50% {
6358     background-color: #2196f3;
6359   }
6360   75% {
6361     background-color: #ffeb3b;
6362   }
6363 }
6364 @-webkit-keyframes md-progressbar-infinite-multicolor-fill {
6365   0% {
6366     -webkit-transform: scaleX(0);
6367     transform: scaleX(0);
6368     background-color: #f44336;
6369   }
6370   24.9% {
6371     -webkit-transform: scaleX(1);
6372     transform: scaleX(1);
6373     background-color: #f44336;
6374   }
6375   25% {
6376     -webkit-transform: scaleX(0);
6377     transform: scaleX(0);
6378     background-color: #2196f3;
6379   }
6380   49.9% {
6381     -webkit-transform: scaleX(1);
6382     transform: scaleX(1);
6383     background-color: #2196f3;
6384   }
6385   50% {
6386     -webkit-transform: scaleX(0);
6387     transform: scaleX(0);
6388     background-color: #ffeb3b;
6389   }
6390   74.9% {
6391     -webkit-transform: scaleX(1);
6392     transform: scaleX(1);
6393     background-color: #ffeb3b;
6394   }
6395   75% {
6396     -webkit-transform: scaleX(0);
6397     transform: scaleX(0);
6398     background-color: #4caf50;
6399   }
6400   100% {
6401     -webkit-transform: scaleX(1);
6402     transform: scaleX(1);
6403     background-color: #4caf50;
6404   }
6405 }
6406 @keyframes md-progressbar-infinite-multicolor-fill {
6407   0% {
6408     -webkit-transform: scaleX(0);
6409     transform: scaleX(0);
6410     background-color: #f44336;
6411   }
6412   24.9% {
6413     -webkit-transform: scaleX(1);
6414     transform: scaleX(1);
6415     background-color: #f44336;
6416   }
6417   25% {
6418     -webkit-transform: scaleX(0);
6419     transform: scaleX(0);
6420     background-color: #2196f3;
6421   }
6422   49.9% {
6423     -webkit-transform: scaleX(1);
6424     transform: scaleX(1);
6425     background-color: #2196f3;
6426   }
6427   50% {
6428     -webkit-transform: scaleX(0);
6429     transform: scaleX(0);
6430     background-color: #ffeb3b;
6431   }
6432   74.9% {
6433     -webkit-transform: scaleX(1);
6434     transform: scaleX(1);
6435     background-color: #ffeb3b;
6436   }
6437   75% {
6438     -webkit-transform: scaleX(0);
6439     transform: scaleX(0);
6440     background-color: #4caf50;
6441   }
6442   100% {
6443     -webkit-transform: scaleX(1);
6444     transform: scaleX(1);
6445     background-color: #4caf50;
6446   }
6447 }
6448 /* === Sortable === */
6449 .sortable .sortable-handler {
6450   position: absolute;
6451   top: 0;
6452   bottom: 1px;
6453   z-index: 10;
6454   background-repeat: no-repeat;
6455   background-size: 18px 12px;
6456   opacity: 0;
6457   pointer-events: none;
6458   cursor: move;
6459   -webkit-transition-duration: 300ms;
6460   transition-duration: 300ms;
6461   left: 0;
6462   background-position: 0% 50%;
6463 }
6464 .sortable .item-inner {
6465   -webkit-transition-duration: 300ms;
6466   transition-duration: 300ms;
6467 }
6468 .sortable li.sorting {
6469   z-index: 50;
6470   background: rgba(255, 255, 255, 0.8);
6471   -webkit-transition-duration: 0ms;
6472   transition-duration: 0ms;
6473 }
6474 .sortable li.sorting .item-inner:after {
6475   display: none !important;
6476 }
6477 .sortable-sorting li {
6478   -webkit-transition-duration: 300ms;
6479   transition-duration: 300ms;
6480 }
6481 .sortable-enabled .sortable-handler {
6482   pointer-events: auto;
6483   opacity: 1;
6484   background-position: 50% 50%;
6485 }
6486 .sortable-enabled .item-link .item-inner,
6487 .sortable-enabled .item-link .item-title-row {
6488   background-image: none !important;
6489 }
6490 .theme-dark .sortable li.sorting,
6491 .sortable.theme-dark li.sorting {
6492   background-color: rgba(50, 50, 50, 0.8);
6493 }
6494 .md .sortable-handler {
6495   width: 50px;
6496   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E");
6497 }
6498 .md .sortable li.sorting {
6499   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6500   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6501 }
6502 .md .sortable-enabled .item-inner,
6503 .md .sortable-enabled .item-link .item-inner {
6504   padding-left: 50px;
6505 }
6506 .md .list.sortable-enabled .item-link.no-chevron .item-inner,
6507 .md .list.sortable-enabled.no-chevron .item-link .item-inner,
6508 .md .list.sortable-enabled .no-chevron .item-link .item-inner,
6509 .md .no-chevron .list.sortable-enabled .item-link .item-inner {
6510   padding-left: 50px;
6511 }
6512 @media (orientation: landscape) {
6513   .md.device-iphone-x .ios-left-edge .sortable-handler,
6514   .md.device-iphone-x .ios-edges .sortable-handler,
6515   .md.device-iphone-x .popup .sortable-handler,
6516   .md.device-iphone-x .sheet-modal .sortable-handler,
6517   .md.device-iphone-x .panel-left .sortable-handler {
6518     left: constant(safe-area-inset-left);
6519     left: env(safe-area-inset-left);
6520   }
6521   .md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6522   .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6523   .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6524   .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6525   .md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6526   .md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6527   .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6528   .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6529   .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6530   .md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
6531     padding-left: calc(42px + constant(safe-area-inset-right));
6532     padding-left: calc(42px + env(safe-area-inset-right));
6533   }
6534 }
6535 /* === Swipeout === */
6536 .swipeout {
6537   overflow: hidden;
6538   -webkit-transform-style: preserve-3d;
6539   transform-style: preserve-3d;
6540 }
6541 .swipeout-deleting {
6542   -webkit-transition-duration: 300ms;
6543   transition-duration: 300ms;
6544 }
6545 .swipeout-deleting .swipeout-content {
6546   -webkit-transform: translateX(-100%);
6547   transform: translateX(-100%);
6548 }
6549 .swipeout-transitioning .swipeout-content,
6550 .swipeout-transitioning .swipeout-actions-right a,
6551 .swipeout-transitioning .swipeout-actions-left a,
6552 .swipeout-transitioning .swipeout-overswipe {
6553   -webkit-transition-duration: 300ms;
6554   transition-duration: 300ms;
6555   -webkit-transition-property: left, -webkit-transform;
6556   transition-property: left, -webkit-transform;
6557   transition-property: transform, left;
6558   transition-property: transform, left, -webkit-transform;
6559 }
6560 .swipeout-content {
6561   position: relative;
6562   z-index: 10;
6563 }
6564 .swipeout-overswipe {
6565   -webkit-transition-duration: 200ms;
6566   transition-duration: 200ms;
6567   -webkit-transition-property: left;
6568   transition-property: left;
6569 }
6570 .swipeout-actions-left,
6571 .swipeout-actions-right {
6572   position: absolute;
6573   top: 0;
6574   height: 100%;
6575   display: -webkit-box;
6576   display: -webkit-flex;
6577   display: -ms-flexbox;
6578   display: flex;
6579   direction: ltr;
6580 }
6581 .swipeout-actions-left > a,
6582 .swipeout-actions-right > a,
6583 .swipeout-actions-left > button,
6584 .swipeout-actions-right > button,
6585 .swipeout-actions-left > span,
6586 .swipeout-actions-right > span,
6587 .swipeout-actions-left > div,
6588 .swipeout-actions-right > div {
6589   color: #fff;
6590   background: #c7c7cc;
6591   display: -webkit-box;
6592   display: -webkit-flex;
6593   display: -ms-flexbox;
6594   display: flex;
6595   -webkit-box-align: center;
6596   -webkit-align-items: center;
6597   -ms-flex-align: center;
6598   align-items: center;
6599   position: relative;
6600   left: 0;
6601 }
6602 .swipeout-actions-left > a:after,
6603 .swipeout-actions-right > a:after,
6604 .swipeout-actions-left > button:after,
6605 .swipeout-actions-right > button:after,
6606 .swipeout-actions-left > span:after,
6607 .swipeout-actions-right > span:after,
6608 .swipeout-actions-left > div:after,
6609 .swipeout-actions-right > div:after {
6610   content: '';
6611   position: absolute;
6612   top: 0;
6613   width: 600%;
6614   height: 100%;
6615   background: inherit;
6616   z-index: -1;
6617   -webkit-transform: translate3d(0, 0, 0);
6618   transform: translate3d(0, 0, 0);
6619   pointer-events: none;
6620 }
6621 .swipeout-actions-right {
6622   right: 0%;
6623   -webkit-transform: translateX(100%);
6624   transform: translateX(100%);
6625 }
6626 .swipeout-actions-right > a:after,
6627 .swipeout-actions-right > button:after,
6628 .swipeout-actions-right > span:after,
6629 .swipeout-actions-right > div:after {
6630   left: 100%;
6631   margin-left: -1px;
6632 }
6633 .swipeout-actions-left {
6634   left: 0%;
6635   -webkit-transform: translateX(-100%);
6636   transform: translateX(-100%);
6637 }
6638 .swipeout-actions-left > a:after,
6639 .swipeout-actions-left > button:after,
6640 .swipeout-actions-left > span:after,
6641 .swipeout-actions-left > div:after {
6642   right: 100%;
6643   margin-right: -1px;
6644 }
6645 .md .swipeout-actions-left > a,
6646 .md .swipeout-actions-right > a,
6647 .md .swipeout-actions-left > button,
6648 .md .swipeout-actions-right > button,
6649 .md .swipeout-actions-left > span,
6650 .md .swipeout-actions-right > span,
6651 .md .swipeout-actions-left > div,
6652 .md .swipeout-actions-right > div {
6653   padding: 0 24px;
6654   color: #fff;
6655 }
6656 .md .swipeout-actions-left .swipeout-delete,
6657 .md .swipeout-actions-right .swipeout-delete {
6658   background: #f44336;
6659 }
6660 .md .swipeout-actions-left > a.color-red,
6661 .md .swipeout-actions-right > a.color-red,
6662 .md .swipeout-actions-left > button.color-red,
6663 .md .swipeout-actions-right > button.color-red,
6664 .md .swipeout-actions-left > span.color-red,
6665 .md .swipeout-actions-right > span.color-red,
6666 .md .swipeout-actions-left > div.color-red,
6667 .md .swipeout-actions-right > div.color-red {
6668   background-color: #f44336;
6669 }
6670 .md .swipeout-actions-left > a.color-green,
6671 .md .swipeout-actions-right > a.color-green,
6672 .md .swipeout-actions-left > button.color-green,
6673 .md .swipeout-actions-right > button.color-green,
6674 .md .swipeout-actions-left > span.color-green,
6675 .md .swipeout-actions-right > span.color-green,
6676 .md .swipeout-actions-left > div.color-green,
6677 .md .swipeout-actions-right > div.color-green {
6678   background-color: #4caf50;
6679 }
6680 .md .swipeout-actions-left > a.color-blue,
6681 .md .swipeout-actions-right > a.color-blue,
6682 .md .swipeout-actions-left > button.color-blue,
6683 .md .swipeout-actions-right > button.color-blue,
6684 .md .swipeout-actions-left > span.color-blue,
6685 .md .swipeout-actions-right > span.color-blue,
6686 .md .swipeout-actions-left > div.color-blue,
6687 .md .swipeout-actions-right > div.color-blue {
6688   background-color: #2196f3;
6689 }
6690 .md .swipeout-actions-left > a.color-pink,
6691 .md .swipeout-actions-right > a.color-pink,
6692 .md .swipeout-actions-left > button.color-pink,
6693 .md .swipeout-actions-right > button.color-pink,
6694 .md .swipeout-actions-left > span.color-pink,
6695 .md .swipeout-actions-right > span.color-pink,
6696 .md .swipeout-actions-left > div.color-pink,
6697 .md .swipeout-actions-right > div.color-pink {
6698   background-color: #e91e63;
6699 }
6700 .md .swipeout-actions-left > a.color-yellow,
6701 .md .swipeout-actions-right > a.color-yellow,
6702 .md .swipeout-actions-left > button.color-yellow,
6703 .md .swipeout-actions-right > button.color-yellow,
6704 .md .swipeout-actions-left > span.color-yellow,
6705 .md .swipeout-actions-right > span.color-yellow,
6706 .md .swipeout-actions-left > div.color-yellow,
6707 .md .swipeout-actions-right > div.color-yellow {
6708   background-color: #ffeb3b;
6709 }
6710 .md .swipeout-actions-left > a.color-orange,
6711 .md .swipeout-actions-right > a.color-orange,
6712 .md .swipeout-actions-left > button.color-orange,
6713 .md .swipeout-actions-right > button.color-orange,
6714 .md .swipeout-actions-left > span.color-orange,
6715 .md .swipeout-actions-right > span.color-orange,
6716 .md .swipeout-actions-left > div.color-orange,
6717 .md .swipeout-actions-right > div.color-orange {
6718   background-color: #ff9800;
6719 }
6720 .md .swipeout-actions-left > a.color-gray,
6721 .md .swipeout-actions-right > a.color-gray,
6722 .md .swipeout-actions-left > button.color-gray,
6723 .md .swipeout-actions-right > button.color-gray,
6724 .md .swipeout-actions-left > span.color-gray,
6725 .md .swipeout-actions-right > span.color-gray,
6726 .md .swipeout-actions-left > div.color-gray,
6727 .md .swipeout-actions-right > div.color-gray {
6728   background-color: #9e9e9e;
6729 }
6730 .md .swipeout-actions-left > a.color-white,
6731 .md .swipeout-actions-right > a.color-white,
6732 .md .swipeout-actions-left > button.color-white,
6733 .md .swipeout-actions-right > button.color-white,
6734 .md .swipeout-actions-left > span.color-white,
6735 .md .swipeout-actions-right > span.color-white,
6736 .md .swipeout-actions-left > div.color-white,
6737 .md .swipeout-actions-right > div.color-white {
6738   background-color: #ffffff;
6739 }
6740 .md .swipeout-actions-left > a.color-black,
6741 .md .swipeout-actions-right > a.color-black,
6742 .md .swipeout-actions-left > button.color-black,
6743 .md .swipeout-actions-right > button.color-black,
6744 .md .swipeout-actions-left > span.color-black,
6745 .md .swipeout-actions-right > span.color-black,
6746 .md .swipeout-actions-left > div.color-black,
6747 .md .swipeout-actions-right > div.color-black {
6748   background-color: #000000;
6749 }
6750 /* === Accordion === */
6751 .accordion-item-toggle {
6752   cursor: pointer;
6753   -webkit-transition-duration: 300ms;
6754   transition-duration: 300ms;
6755 }
6756 .accordion-item-toggle.active-state {
6757   -webkit-transition-duration: 300ms;
6758   transition-duration: 300ms;
6759 }
6760 .accordion-item-toggle.active-state > .item-inner:after {
6761   background-color: transparent;
6762 }
6763 .accordion-item-toggle .item-inner {
6764   -webkit-transition-duration: 300ms;
6765   transition-duration: 300ms;
6766   -webkit-transition-property: background-color;
6767   transition-property: background-color;
6768 }
6769 .accordion-item-toggle .item-inner:after {
6770   -webkit-transition-duration: 300ms;
6771   transition-duration: 300ms;
6772 }
6773 .accordion-item .item-link .item-inner:after {
6774   -webkit-transition-duration: 300ms;
6775   transition-duration: 300ms;
6776 }
6777 .accordion-item .list,
6778 .accordion-item .block {
6779   margin-top: 0;
6780   margin-bottom: 0;
6781 }
6782 .accordion-item .block > h1:first-child,
6783 .accordion-item .block > h2:first-child,
6784 .accordion-item .block > h3:first-child,
6785 .accordion-item .block > h4:first-child,
6786 .accordion-item .block > p:first-child {
6787   margin-top: 10px;
6788 }
6789 .accordion-item .block > h1:last-child,
6790 .accordion-item .block > h2:last-child,
6791 .accordion-item .block > h3:last-child,
6792 .accordion-item .block > h4:last-child,
6793 .accordion-item .block > p:last-child {
6794   margin-bottom: 10px;
6795 }
6796 .accordion-item-opened .accordion-item-toggle .item-inner:after,
6797 .accordion-item-opened > .item-link .item-inner:after {
6798   background-color: transparent;
6799 }
6800 .list li.accordion-item ul {
6801   padding-right: 0;
6802 }
6803 .accordion-item-content {
6804   position: relative;
6805   overflow: hidden;
6806   height: 0;
6807   font-size: 14px;
6808   -webkit-transition-duration: 300ms;
6809   transition-duration: 300ms;
6810 }
6811 .accordion-item-opened > .accordion-item-content {
6812   height: auto;
6813 }
6814 html.device-android-4 .accordion-item-content {
6815   -webkit-transform: none;
6816   transform: none;
6817 }
6818 .md .list .accordion-item-toggle .item-inner {
6819   padding-left: 42px;
6820   background-repeat: no-repeat;
6821   background-position: 16px center;
6822 }
6823 .md .list .accordion-item-toggle.active-state {
6824   background-color: rgba(0, 0, 0, 0.1);
6825 }
6826 .md .list .accordion-item-toggle .item-inner,
6827 .md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,
6828 .md .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner,
6829 .md .media-list .accordion-item .accordion-item-toggle .item-title-row,
6830 .md .media-list .accordion-item > .item-link .item-title-row,
6831 .md .accordion-item.media-item .accordion-item-toggle .item-title-row,
6832 .md .accordion-item.media-item > .item-link .item-title-row,
6833 .md .links-list .accordion-item > a {
6834   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
6835   background-size: 13px 13px;
6836 }
6837 .md .list .accordion-item-toggle.accordion-item-opened .item-inner,
6838 .md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
6839 .md .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
6840 .md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
6841 .md .media-list .accordion-item-opened > .item-link .item-title-row,
6842 .md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
6843 .md .accordion-item-opened.media-item > .item-link .item-title-row,
6844 .md .links-list .accordion-item-opened > a {
6845   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
6846 }
6847 .md .theme-dark .list .accordion-item-toggle .item-inner,
6848 .md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,
6849 .md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner,
6850 .md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row,
6851 .md .theme-dark .media-list .accordion-item > .item-link .item-title-row,
6852 .md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row,
6853 .md .theme-dark .accordion-item.media-item > .item-link .item-title-row,
6854 .md .theme-dark .links-list .accordion-item > a {
6855   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
6856 }
6857 .md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner,
6858 .md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
6859 .md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
6860 .md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
6861 .md .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row,
6862 .md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
6863 .md .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row,
6864 .md .theme-dark .links-list .accordion-item-opened > a {
6865   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
6866 }
6867 /* === Contacts === */
6868 .contacts-list .list-group:first-child ul:before {
6869   display: none !important;
6870 }
6871 .contacts-list .list-group:last-child ul:after {
6872   display: none !important;
6873 }
6874 .md .contacts-list {
6875   margin: 0;
6876 }
6877 .md .contacts-list .list-group-title {
6878   padding: 0 16px;
6879   pointer-events: none;
6880   background: none;
6881   color: #2196f3;
6882   font-weight: 500;
6883   line-height: 48px;
6884   height: 48px;
6885   font-size: 20px;
6886   overflow: visible;
6887   width: 56px;
6888 }
6889 .md .contacts-list .list-group-title + li {
6890   margin-top: -48px;
6891 }
6892 .md .contacts-list li:not(.list-group-title) {
6893   padding-right: 56px;
6894 }
6895 .md .theme-dark .contacts-list .list-group-title {
6896   color: #fff;
6897 }
6898 /* === Virtual List === */
6899 /* === Indexed List === */
6900 .list-index {
6901   position: absolute;
6902   top: 0;
6903   bottom: 0;
6904   right: 0;
6905   text-align: center;
6906   z-index: 10;
6907   width: 16px;
6908   cursor: pointer;
6909   -webkit-user-select: none;
6910   -moz-user-select: none;
6911   -ms-user-select: none;
6912   user-select: none;
6913 }
6914 .list-index:before {
6915   content: '';
6916   position: absolute;
6917   width: 20px;
6918   top: 0;
6919   right: 100%;
6920   height: 100%;
6921 }
6922 .list-index ul {
6923   font-size: 11px;
6924   font-weight: 600;
6925   list-style: none;
6926   margin: 0;
6927   padding: 0;
6928   display: -webkit-box;
6929   display: -webkit-flex;
6930   display: -ms-flexbox;
6931   display: flex;
6932   -webkit-box-orient: vertical;
6933   -webkit-box-direction: normal;
6934   -webkit-flex-direction: column;
6935   -ms-flex-direction: column;
6936   flex-direction: column;
6937   -webkit-box-pack: center;
6938   -webkit-justify-content: center;
6939   -ms-flex-pack: center;
6940   justify-content: center;
6941   -webkit-box-align: center;
6942   -webkit-align-items: center;
6943   -ms-flex-align: center;
6944   align-items: center;
6945   -webkit-flex-shrink: 0;
6946   -ms-flex-negative: 0;
6947   flex-shrink: 0;
6948   height: 100%;
6949   width: 100%;
6950   position: relative;
6951 }
6952 .list-index li {
6953   margin: 0;
6954   padding: 0;
6955   list-style: none;
6956   position: relative;
6957   height: 14px;
6958   line-height: 14px;
6959   -webkit-flex-shrink: 0;
6960   -ms-flex-negative: 0;
6961   flex-shrink: 0;
6962   display: block;
6963   width: 100%;
6964 }
6965 .list-index .list-index-skip-placeholder:after {
6966   content: '';
6967   position: absolute;
6968   left: 50%;
6969   top: 50%;
6970   border-radius: 50%;
6971 }
6972 .list-index .list-index-label {
6973   position: absolute;
6974   bottom: 0;
6975   right: 100%;
6976   text-align: center;
6977   border-radius: 50%;
6978   color: #fff;
6979   font-weight: 500;
6980 }
6981 .md .list-index ul {
6982   color: #2196f3;
6983 }
6984 .md .list-index .list-index-skip-placeholder:after {
6985   content: '';
6986   width: 4px;
6987   height: 4px;
6988   margin-left: -2px;
6989   margin-top: -2px;
6990   background: #2196f3;
6991 }
6992 .md .list-index .list-index-label {
6993   width: 56px;
6994   height: 56px;
6995   line-height: 56px;
6996   border-radius: 50% 50% 0 50%;
6997   background: #2196f3;
6998   font-size: 20px;
6999 }
7000 .md .navbar ~ .list-index {
7001   top: 56px;
7002 }
7003 @media (min-width: 768px) {
7004   .md .navbar ~ .list-index {
7005     top: 64px;
7006   }
7007 }
7008 .md .navbar ~ .toolbar:not(.toolbar-bottom-md) ~ .list-index,
7009 .md .navbar ~ .subnavbar ~ .list-index,
7010 .md .page-with-subnavbar .navbar ~ .list-index {
7011   top: 104px;
7012 }
7013 .md .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .list-index {
7014   top: 128px;
7015 }
7016 .md .toolbar-bottom-md ~ .page > .list-index,
7017 .md .toolbar-bottom-md ~ * .page > .list-index,
7018 .md .toolbar-bottom-md ~ * .page > .list-index {
7019   bottom: 48px;
7020 }
7021 .md .tabbar-labels.toolbar-bottom-md ~ .page > .list-index,
7022 .md .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index,
7023 .md .tabbar-labels.toolbar-bottom-md ~ .list-index {
7024   bottom: 56px;
7025 }
7026 .md.device-iphone-x .toolbar-bottom-md ~ .page > .list-index,
7027 .md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index,
7028 .md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index {
7029   bottom: calc(48px + constant(safe-area-inset-bottom));
7030   bottom: calc(48px + env(safe-area-inset-bottom));
7031 }
7032 .md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .page > .list-index,
7033 .md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index,
7034 .md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .list-index {
7035   bottom: calc(56px + constant(safe-area-inset-bottom));
7036   bottom: calc(56px + env(safe-area-inset-bottom));
7037 }
7038 .md .color-theme-red .list-index ul,
7039 .md .list-index.color-theme-red ul {
7040   color: #f44336;
7041 }
7042 .md .color-theme-red .list-index .list-index-skip-placeholder:after,
7043 .md .list-index.color-theme-red .list-index-skip-placeholder:after,
7044 .md .color-theme-red .list-index .list-index-label,
7045 .md .list-index.color-theme-red .list-index-label {
7046   background-color: #f44336;
7047 }
7048 .md .color-theme-green .list-index ul,
7049 .md .list-index.color-theme-green ul {
7050   color: #4caf50;
7051 }
7052 .md .color-theme-green .list-index .list-index-skip-placeholder:after,
7053 .md .list-index.color-theme-green .list-index-skip-placeholder:after,
7054 .md .color-theme-green .list-index .list-index-label,
7055 .md .list-index.color-theme-green .list-index-label {
7056   background-color: #4caf50;
7057 }
7058 .md .color-theme-blue .list-index ul,
7059 .md .list-index.color-theme-blue ul {
7060   color: #2196f3;
7061 }
7062 .md .color-theme-blue .list-index .list-index-skip-placeholder:after,
7063 .md .list-index.color-theme-blue .list-index-skip-placeholder:after,
7064 .md .color-theme-blue .list-index .list-index-label,
7065 .md .list-index.color-theme-blue .list-index-label {
7066   background-color: #2196f3;
7067 }
7068 .md .color-theme-pink .list-index ul,
7069 .md .list-index.color-theme-pink ul {
7070   color: #e91e63;
7071 }
7072 .md .color-theme-pink .list-index .list-index-skip-placeholder:after,
7073 .md .list-index.color-theme-pink .list-index-skip-placeholder:after,
7074 .md .color-theme-pink .list-index .list-index-label,
7075 .md .list-index.color-theme-pink .list-index-label {
7076   background-color: #e91e63;
7077 }
7078 .md .color-theme-yellow .list-index ul,
7079 .md .list-index.color-theme-yellow ul {
7080   color: #ffeb3b;
7081 }
7082 .md .color-theme-yellow .list-index .list-index-skip-placeholder:after,
7083 .md .list-index.color-theme-yellow .list-index-skip-placeholder:after,
7084 .md .color-theme-yellow .list-index .list-index-label,
7085 .md .list-index.color-theme-yellow .list-index-label {
7086   background-color: #ffeb3b;
7087 }
7088 .md .color-theme-orange .list-index ul,
7089 .md .list-index.color-theme-orange ul {
7090   color: #ff9800;
7091 }
7092 .md .color-theme-orange .list-index .list-index-skip-placeholder:after,
7093 .md .list-index.color-theme-orange .list-index-skip-placeholder:after,
7094 .md .color-theme-orange .list-index .list-index-label,
7095 .md .list-index.color-theme-orange .list-index-label {
7096   background-color: #ff9800;
7097 }
7098 .md .color-theme-gray .list-index ul,
7099 .md .list-index.color-theme-gray ul {
7100   color: #9e9e9e;
7101 }
7102 .md .color-theme-gray .list-index .list-index-skip-placeholder:after,
7103 .md .list-index.color-theme-gray .list-index-skip-placeholder:after,
7104 .md .color-theme-gray .list-index .list-index-label,
7105 .md .list-index.color-theme-gray .list-index-label {
7106   background-color: #9e9e9e;
7107 }
7108 .md .color-theme-white .list-index ul,
7109 .md .list-index.color-theme-white ul {
7110   color: #ffffff;
7111 }
7112 .md .color-theme-white .list-index .list-index-skip-placeholder:after,
7113 .md .list-index.color-theme-white .list-index-skip-placeholder:after,
7114 .md .color-theme-white .list-index .list-index-label,
7115 .md .list-index.color-theme-white .list-index-label {
7116   background-color: #ffffff;
7117 }
7118 .md .color-theme-black .list-index ul,
7119 .md .list-index.color-theme-black ul {
7120   color: #000000;
7121 }
7122 .md .color-theme-black .list-index .list-index-skip-placeholder:after,
7123 .md .list-index.color-theme-black .list-index-skip-placeholder:after,
7124 .md .color-theme-black .list-index .list-index-label,
7125 .md .list-index.color-theme-black .list-index-label {
7126   background-color: #000000;
7127 }
7128 .md .list-index.color-red ul {
7129   color: #f44336;
7130 }
7131 .md .list-index.color-red .list-index-skip-placeholder:after,
7132 .md .list-index.color-red .list-index-label {
7133   background-color: #f44336;
7134 }
7135 .md .list-index.color-green ul {
7136   color: #4caf50;
7137 }
7138 .md .list-index.color-green .list-index-skip-placeholder:after,
7139 .md .list-index.color-green .list-index-label {
7140   background-color: #4caf50;
7141 }
7142 .md .list-index.color-blue ul {
7143   color: #2196f3;
7144 }
7145 .md .list-index.color-blue .list-index-skip-placeholder:after,
7146 .md .list-index.color-blue .list-index-label {
7147   background-color: #2196f3;
7148 }
7149 .md .list-index.color-pink ul {
7150   color: #e91e63;
7151 }
7152 .md .list-index.color-pink .list-index-skip-placeholder:after,
7153 .md .list-index.color-pink .list-index-label {
7154   background-color: #e91e63;
7155 }
7156 .md .list-index.color-yellow ul {
7157   color: #ffeb3b;
7158 }
7159 .md .list-index.color-yellow .list-index-skip-placeholder:after,
7160 .md .list-index.color-yellow .list-index-label {
7161   background-color: #ffeb3b;
7162 }
7163 .md .list-index.color-orange ul {
7164   color: #ff9800;
7165 }
7166 .md .list-index.color-orange .list-index-skip-placeholder:after,
7167 .md .list-index.color-orange .list-index-label {
7168   background-color: #ff9800;
7169 }
7170 .md .list-index.color-gray ul {
7171   color: #9e9e9e;
7172 }
7173 .md .list-index.color-gray .list-index-skip-placeholder:after,
7174 .md .list-index.color-gray .list-index-label {
7175   background-color: #9e9e9e;
7176 }
7177 .md .list-index.color-white ul {
7178   color: #ffffff;
7179 }
7180 .md .list-index.color-white .list-index-skip-placeholder:after,
7181 .md .list-index.color-white .list-index-label {
7182   background-color: #ffffff;
7183 }
7184 .md .list-index.color-black ul {
7185   color: #000000;
7186 }
7187 .md .list-index.color-black .list-index-skip-placeholder:after,
7188 .md .list-index.color-black .list-index-label {
7189   background-color: #000000;
7190 }
7191 /* === Timeline === */
7192 .timeline {
7193   -webkit-box-sizing: border-box;
7194   box-sizing: border-box;
7195 }
7196 .block-strong .timeline {
7197   padding: 0;
7198   margin: 0;
7199 }
7200 .timeline-item {
7201   display: -webkit-box;
7202   display: -webkit-flex;
7203   display: -ms-flexbox;
7204   display: flex;
7205   -webkit-box-pack: start;
7206   -webkit-justify-content: flex-start;
7207   -ms-flex-pack: start;
7208   justify-content: flex-start;
7209   overflow: hidden;
7210   -webkit-box-sizing: border-box;
7211   box-sizing: border-box;
7212   position: relative;
7213 }
7214 .timeline-item-date {
7215   -webkit-flex-shrink: 0;
7216   -ms-flex-negative: 0;
7217   flex-shrink: 0;
7218   width: 50px;
7219   text-align: right;
7220   -webkit-box-sizing: border-box;
7221   box-sizing: border-box;
7222 }
7223 .timeline-item-date small {
7224   font-size: 10px;
7225 }
7226 .timeline-item-content {
7227   margin: 2px;
7228   min-width: 0;
7229   position: relative;
7230   -webkit-flex-shrink: 10;
7231   -ms-flex-negative: 10;
7232   flex-shrink: 10;
7233 }
7234 .timeline-item-content p:first-child,
7235 .timeline-item-content ul:first-child,
7236 .timeline-item-content ol:first-child,
7237 .timeline-item-content h1:first-child,
7238 .timeline-item-content h2:first-child,
7239 .timeline-item-content h3:first-child,
7240 .timeline-item-content h4:first-child {
7241   margin-top: 0;
7242 }
7243 .timeline-item-content p:last-child,
7244 .timeline-item-content ul:last-child,
7245 .timeline-item-content ol:last-child,
7246 .timeline-item-content h1:last-child,
7247 .timeline-item-content h2:last-child,
7248 .timeline-item-content h3:last-child,
7249 .timeline-item-content h4:last-child {
7250   margin-bottom: 0;
7251 }
7252 .timeline-item-inner {
7253   background: #fff;
7254   -webkit-box-sizing: border-box;
7255   box-sizing: border-box;
7256 }
7257 .timeline-item-inner .block {
7258   padding: 0;
7259   color: inherit;
7260 }
7261 .timeline-item-inner .block-strong {
7262   padding-left: 0;
7263   padding-right: 0;
7264   margin: 0;
7265 }
7266 .timeline-item-inner .block-strong:before {
7267   display: none !important;
7268 }
7269 .timeline-item-inner .block-strong:after {
7270   display: none !important;
7271 }
7272 .timeline-item-inner .list ul:before {
7273   display: none !important;
7274 }
7275 .timeline-item-inner .list ul:after {
7276   display: none !important;
7277 }
7278 .timeline-item-divider {
7279   width: 1px;
7280   position: relative;
7281   width: 10px;
7282   height: 10px;
7283   background: #bbb;
7284   border-radius: 50%;
7285   margin-top: 3px;
7286   -webkit-flex-shrink: 0;
7287   -ms-flex-negative: 0;
7288   flex-shrink: 0;
7289 }
7290 .timeline-item-divider:after,
7291 .timeline-item-divider:before {
7292   content: ' ';
7293   width: 1px;
7294   height: 100vh;
7295   position: absolute;
7296   left: 50%;
7297   background: inherit;
7298   -webkit-transform: translate3d(-50%, 0, 0);
7299   transform: translate3d(-50%, 0, 0);
7300 }
7301 .timeline-item-divider:after {
7302   top: 100%;
7303 }
7304 .timeline-item-divider:before {
7305   bottom: 100%;
7306 }
7307 .timeline-item:last-child .timeline-item-divider:after {
7308   display: none;
7309 }
7310 .timeline-item:first-child .timeline-item-divider:before {
7311   display: none;
7312 }
7313 .timeline-item-time {
7314   font-size: 13px;
7315 }
7316 .timeline-item-time:first-child,
7317 .timeline-item-time:last-child {
7318   margin-top: 0;
7319 }
7320 .timeline-item-title + .timeline-item-time {
7321   margin-top: 0;
7322 }
7323 .timeline-horizontal {
7324   height: 100%;
7325   display: -webkit-box;
7326   display: -webkit-flex;
7327   display: -ms-flexbox;
7328   display: flex;
7329 }
7330 .timeline-horizontal .timeline-item {
7331   display: block;
7332   width: 33.33333333vw;
7333   margin: 0;
7334   padding: 0;
7335   -webkit-flex-shrink: 0;
7336   -ms-flex-negative: 0;
7337   flex-shrink: 0;
7338   position: relative;
7339   height: 100%;
7340 }
7341 .timeline-horizontal .timeline-item-date {
7342   width: auto;
7343   text-align: left;
7344   line-height: 34px;
7345   position: absolute;
7346   left: 0;
7347   top: 0;
7348   width: 100%;
7349   height: 34px;
7350   text-align: right;
7351 }
7352 .timeline-horizontal .timeline-item-content {
7353   overflow: auto;
7354   -webkit-overflow-scrolling: touch;
7355   margin: 0;
7356 }
7357 .timeline-horizontal .timeline-item-divider {
7358   display: none;
7359 }
7360 .timeline-horizontal.col-100 .timeline-item {
7361   width: 100vw;
7362 }
7363 .timeline-horizontal.col-95 .timeline-item {
7364   width: 95vw;
7365 }
7366 .timeline-horizontal.col-90 .timeline-item {
7367   width: 90vw;
7368 }
7369 .timeline-horizontal.col-85 .timeline-item {
7370   width: 85vw;
7371 }
7372 .timeline-horizontal.col-80 .timeline-item {
7373   width: 80vw;
7374 }
7375 .timeline-horizontal.col-75 .timeline-item {
7376   width: 75vw;
7377 }
7378 .timeline-horizontal.col-70 .timeline-item {
7379   width: 70vw;
7380 }
7381 .timeline-horizontal.col-66 .timeline-item {
7382   width: 66.66666666666666vw;
7383 }
7384 .timeline-horizontal.col-65 .timeline-item {
7385   width: 65vw;
7386 }
7387 .timeline-horizontal.col-60 .timeline-item {
7388   width: 60vw;
7389 }
7390 .timeline-horizontal.col-55 .timeline-item {
7391   width: 55vw;
7392 }
7393 .timeline-horizontal.col-50 .timeline-item {
7394   width: 50vw;
7395 }
7396 .timeline-horizontal.col-45 .timeline-item {
7397   width: 45vw;
7398 }
7399 .timeline-horizontal.col-40 .timeline-item {
7400   width: 40vw;
7401 }
7402 .timeline-horizontal.col-35 .timeline-item {
7403   width: 35vw;
7404 }
7405 .timeline-horizontal.col-33 .timeline-item {
7406   width: 33.333333333333336vw;
7407 }
7408 .timeline-horizontal.col-30 .timeline-item {
7409   width: 30vw;
7410 }
7411 .timeline-horizontal.col-25 .timeline-item {
7412   width: 25vw;
7413 }
7414 .timeline-horizontal.col-20 .timeline-item {
7415   width: 20vw;
7416 }
7417 .timeline-horizontal.col-15 .timeline-item {
7418   width: 15vw;
7419 }
7420 .timeline-horizontal.col-10 .timeline-item {
7421   width: 10vw;
7422 }
7423 .timeline-horizontal.col-5 .timeline-item {
7424   width: 5vw;
7425 }
7426 @media (min-width: 768px) {
7427   .timeline-horizontal.tablet-100 .timeline-item {
7428     width: 100vw;
7429   }
7430   .timeline-horizontal.tablet-95 .timeline-item {
7431     width: 95vw;
7432   }
7433   .timeline-horizontal.tablet-90 .timeline-item {
7434     width: 90vw;
7435   }
7436   .timeline-horizontal.tablet-85 .timeline-item {
7437     width: 85vw;
7438   }
7439   .timeline-horizontal.tablet-80 .timeline-item {
7440     width: 80vw;
7441   }
7442   .timeline-horizontal.tablet-75 .timeline-item {
7443     width: 75vw;
7444   }
7445   .timeline-horizontal.tablet-70 .timeline-item {
7446     width: 70vw;
7447   }
7448   .timeline-horizontal.tablet-66 .timeline-item {
7449     width: 66.66666666666666vw;
7450   }
7451   .timeline-horizontal.tablet-65 .timeline-item {
7452     width: 65vw;
7453   }
7454   .timeline-horizontal.tablet-60 .timeline-item {
7455     width: 60vw;
7456   }
7457   .timeline-horizontal.tablet-55 .timeline-item {
7458     width: 55vw;
7459   }
7460   .timeline-horizontal.tablet-50 .timeline-item {
7461     width: 50vw;
7462   }
7463   .timeline-horizontal.tablet-45 .timeline-item {
7464     width: 45vw;
7465   }
7466   .timeline-horizontal.tablet-40 .timeline-item {
7467     width: 40vw;
7468   }
7469   .timeline-horizontal.tablet-35 .timeline-item {
7470     width: 35vw;
7471   }
7472   .timeline-horizontal.tablet-33 .timeline-item {
7473     width: 33.333333333333336vw;
7474   }
7475   .timeline-horizontal.tablet-30 .timeline-item {
7476     width: 30vw;
7477   }
7478   .timeline-horizontal.tablet-25 .timeline-item {
7479     width: 25vw;
7480   }
7481   .timeline-horizontal.tablet-20 .timeline-item {
7482     width: 20vw;
7483   }
7484   .timeline-horizontal.tablet-15 .timeline-item {
7485     width: 15vw;
7486   }
7487   .timeline-horizontal.tablet-10 .timeline-item {
7488     width: 10vw;
7489   }
7490   .timeline-horizontal.tablet-5 .timeline-item {
7491     width: 5vw;
7492   }
7493 }
7494 .timeline-horizontal .timeline-year,
7495 .timeline-horizontal .timeline-month {
7496   display: -webkit-box;
7497   display: -webkit-flex;
7498   display: -ms-flexbox;
7499   display: flex;
7500   -webkit-flex-shrink: 0;
7501   -ms-flex-negative: 0;
7502   flex-shrink: 0;
7503   padding-top: 24px;
7504   position: relative;
7505   -webkit-box-sizing: border-box;
7506   box-sizing: border-box;
7507   height: 100%;
7508 }
7509 .timeline-horizontal .timeline-year-title,
7510 .timeline-horizontal .timeline-month-title {
7511   position: absolute;
7512   left: 0;
7513   top: 0;
7514   width: 100%;
7515   line-height: 24px;
7516   height: 24px;
7517   -webkit-box-sizing: border-box;
7518   box-sizing: border-box;
7519 }
7520 .timeline-horizontal .timeline-year-title span,
7521 .timeline-horizontal .timeline-month-title span {
7522   display: inline-block;
7523   position: -webkit-sticky;
7524   position: sticky;
7525 }
7526 .timeline-horizontal .timeline-year-title {
7527   font-size: 16px;
7528 }
7529 .timeline-horizontal .timeline-month-title span {
7530   margin-top: -2px;
7531 }
7532 /* === Timeline MD === */
7533 .md .timeline {
7534   margin: 32px 0;
7535   padding: 0 16px;
7536 }
7537 .md .block-strong .timeline {
7538   padding: 0;
7539   margin: 0;
7540 }
7541 .md .timeline-item {
7542   padding: 2px 0px 16px;
7543 }
7544 .md .timeline-item:last-child {
7545   padding-bottom: 2px;
7546 }
7547 .md .timeline-item-content .card,
7548 .md .timeline-item-content.card,
7549 .md .timeline-item-content .list,
7550 .md .timeline-item-content.list,
7551 .md .timeline-item-content .block,
7552 .md .timeline-item-content.block {
7553   margin: 0;
7554   width: 100%;
7555 }
7556 .md .timeline-item-content .card + .card,
7557 .md .timeline-item-content .list + .card,
7558 .md .timeline-item-content .block + .card,
7559 .md .timeline-item-content .card + .list,
7560 .md .timeline-item-content .list + .list,
7561 .md .timeline-item-content .block + .list,
7562 .md .timeline-item-content .card + .block,
7563 .md .timeline-item-content .list + .block,
7564 .md .timeline-item-content .block + .block {
7565   margin: 16px 0 0;
7566 }
7567 .md .timeline-item-inner {
7568   border-radius: 2px;
7569   padding: 8px 16px;
7570   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
7571   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
7572 }
7573 .md .timeline-item-inner + .timeline-item-inner {
7574   margin-top: 16px;
7575 }
7576 .md .timeline-item-divider {
7577   margin-left: 16px;
7578   margin-right: 16px;
7579 }
7580 .md .timeline-item-time {
7581   margin-top: 16px;
7582   color: rgba(0, 0, 0, 0.54);
7583 }
7584 .md .timeline-item-time:first-child {
7585   margin-top: 0;
7586 }
7587 .md .timeline-item-title {
7588   font-size: 16px;
7589 }
7590 .md .timeline-sides .timeline-item {
7591   margin-right: calc(50% - (32px + 10px) / 2 - 50px);
7592   margin-left: 0;
7593 }
7594 .md .timeline-sides .timeline-item .timeline-item-date {
7595   text-align: left;
7596 }
7597 .md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
7598   -webkit-box-orient: horizontal;
7599   -webkit-box-direction: reverse;
7600   -webkit-flex-direction: row-reverse;
7601   -ms-flex-direction: row-reverse;
7602   flex-direction: row-reverse;
7603   margin-left: calc(50% - (32px + 10px) / 2 - 50px);
7604   margin-right: 0;
7605 }
7606 .md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
7607   text-align: right;
7608 }
7609 .md .timeline-sides .timeline-item-left {
7610   -webkit-box-orient: horizontal;
7611   -webkit-box-direction: reverse;
7612   -webkit-flex-direction: row-reverse;
7613   -ms-flex-direction: row-reverse;
7614   flex-direction: row-reverse;
7615   margin-left: calc(50% - (32px + 10px) / 2 - 50px);
7616   margin-right: 0;
7617 }
7618 .md .timeline-sides .timeline-item-left .timeline-item-date {
7619   text-align: right;
7620 }
7621 .md .timeline-sides .timeline-item-right {
7622   margin-right: calc(50% - (32px + 10px) / 2 - 50px);
7623   margin-left: 0;
7624 }
7625 .md .timeline-sides .timeline-item-right .timeline-item-date {
7626   text-align: left;
7627 }
7628 @media (min-width: 768px) {
7629   .md .tablet-sides .timeline-item {
7630     margin-right: calc(50% - (32px + 10px) / 2 - 50px);
7631     margin-left: 0;
7632   }
7633   .md .tablet-sides .timeline-item .timeline-item-date {
7634     text-align: left;
7635   }
7636   .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
7637     -webkit-box-orient: horizontal;
7638     -webkit-box-direction: reverse;
7639     -webkit-flex-direction: row-reverse;
7640     -ms-flex-direction: row-reverse;
7641     flex-direction: row-reverse;
7642     margin-left: calc(50% - (32px + 10px) / 2 - 50px);
7643     margin-right: 0;
7644   }
7645   .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
7646     text-align: right;
7647   }
7648   .md .tablet-sides .timeline-item-left {
7649     -webkit-box-orient: horizontal;
7650     -webkit-box-direction: reverse;
7651     -webkit-flex-direction: row-reverse;
7652     -ms-flex-direction: row-reverse;
7653     flex-direction: row-reverse;
7654     margin-left: calc(50% - (32px + 10px) / 2 - 50px);
7655     margin-right: 0;
7656   }
7657   .md .tablet-sides .timeline-item-left .timeline-item-date {
7658     text-align: right;
7659   }
7660   .md .tablet-sides .timeline-item-right {
7661     margin-right: calc(50% - (32px + 10px) / 2 - 50px);
7662     margin-left: 0;
7663   }
7664   .md .tablet-sides .timeline-item-right .timeline-item-date {
7665     text-align: left;
7666   }
7667 }
7668 .md .timeline-horizontal {
7669   padding: 0;
7670   margin: 0;
7671   position: relative;
7672 }
7673 .md .timeline-horizontal .timeline-item {
7674   padding-top: 34px !important;
7675   padding-bottom: 12px;
7676 }
7677 .md .timeline-horizontal .timeline-item-date {
7678   background: #2196f3;
7679   padding: 0px 12px;
7680   color: #fff;
7681 }
7682 .md .timeline-horizontal .timeline-item-date:after {
7683   content: '';
7684   position: absolute;
7685   right: 0;
7686   width: 100%;
7687   top: 100%;
7688   bottom: auto;
7689   height: 10px;
7690   pointer-events: none;
7691   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
7692   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
7693   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
7694 }
7695 .md .timeline-horizontal .timeline-item-content {
7696   padding: 12px;
7697   height: calc(100% - 12px);
7698 }
7699 .md .timeline-horizontal.no-shadow .timeline-item-date:after {
7700   display: none;
7701 }
7702 .md .timeline-horizontal .timeline-item:after {
7703   content: '';
7704   position: absolute;
7705   background-color: rgba(0, 0, 0, 0.12);
7706   display: block;
7707   z-index: 15;
7708   top: 0;
7709   right: 0;
7710   bottom: auto;
7711   left: auto;
7712   width: 1px;
7713   height: 100%;
7714   -webkit-transform-origin: 100% 50%;
7715   transform-origin: 100% 50%;
7716 }
7717 .md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after {
7718   -webkit-transform: scaleX(0.5);
7719   transform: scaleX(0.5);
7720 }
7721 .md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after {
7722   -webkit-transform: scaleX(0.33);
7723   transform: scaleX(0.33);
7724 }
7725 .md .timeline-horizontal .timeline-item:before {
7726   content: '';
7727   position: absolute;
7728   background-color: rgba(0, 0, 0, 0.12);
7729   display: block;
7730   z-index: 15;
7731   top: 0;
7732   right: auto;
7733   bottom: auto;
7734   left: 0;
7735   height: 1px;
7736   width: 100%;
7737   -webkit-transform-origin: 50% 0%;
7738   transform-origin: 50% 0%;
7739 }
7740 .md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before {
7741   -webkit-transform: scaleY(0.5);
7742   transform: scaleY(0.5);
7743 }
7744 .md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before {
7745   -webkit-transform: scaleY(0.33);
7746   transform: scaleY(0.33);
7747 }
7748 .md .timeline-year-title,
7749 .md .timeline-month-title {
7750   padding: 0 12px;
7751   color: #fff;
7752   background: #2196f3;
7753 }
7754 .md .timeline-year-title span,
7755 .md .timeline-month-title span {
7756   right: 12px;
7757 }
7758 .md .timeline-year-title span {
7759   margin-top: 2px;
7760 }
7761 @media (orientation: landscape) {
7762   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7763   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7764   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7765   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7766   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) {
7767     padding-left: constant(safe-area-inset-left);
7768     padding-left: env(safe-area-inset-left);
7769   }
7770   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7771   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7772   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7773   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7774   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7775   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7776   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7777   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7778   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7779   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span {
7780     left: calc(12px + constant(safe-area-inset-left));
7781     left: calc(12px + env(safe-area-inset-left));
7782   }
7783   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7784   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7785   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7786   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7787   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7788   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7789   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7790   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7791   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7792   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7793   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7794   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7795   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7796   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7797   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title {
7798     left: -44px;
7799     right: 0;
7800     width: auto;
7801   }
7802   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7803   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7804   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7805   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7806   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7807   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7808   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7809   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7810   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7811   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7812   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7813   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7814   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7815   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7816   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7817   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7818   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7819   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7820   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7821   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item {
7822     overflow: visible;
7823   }
7824   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7825   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7826   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7827   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7828   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7829   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7830   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7831   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7832   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7833   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7834   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7835   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7836   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7837   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7838   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7839   .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7840   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7841   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7842   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7843   .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date {
7844     width: auto;
7845     padding-left: calc(12px + constant(safe-area-inset-left));
7846     padding-left: calc(12px + env(safe-area-inset-left));
7847     left: calc(0px - constant(safe-area-inset-left));
7848     left: calc(0px - env(safe-area-inset-left));
7849     right: 0;
7850   }
7851   .md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7852   .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7853   .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7854   .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7855   .md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) {
7856     padding-left: calc(16px + constant(safe-area-inset-left));
7857     padding-left: calc(16px + env(safe-area-inset-left));
7858   }
7859   .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7860   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7861   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7862   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7863   .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7864   .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7865   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7866   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7867   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7868   .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title {
7869     width: auto;
7870     right: calc(0px - constant(safe-area-inset-right));
7871     right: calc(0px - env(safe-area-inset-right));
7872   }
7873   .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7874   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7875   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7876   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7877   .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7878   .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7879   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7880   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7881   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7882   .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child {
7883     overflow: visible;
7884   }
7885   .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7886   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7887   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7888   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7889   .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7890   .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7891   .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7892   .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7893   .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7894   .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date {
7895     width: auto;
7896     right: calc(0px - constant(safe-area-inset-right));
7897     right: calc(0px - env(safe-area-inset-right));
7898     left: 0;
7899   }
7900   .md.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7901   .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7902   .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7903   .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7904   .md.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) {
7905     padding-right: calc(16px + constant(safe-area-inset-right));
7906     padding-right: calc(16px + env(safe-area-inset-right));
7907   }
7908 }
7909 .md .theme-dark .timeline-item-inner {
7910   background-color: rgba(255, 255, 255, 0.03);
7911 }
7912 .md .theme-dark .timeline-item-time {
7913   color: rgba(255, 255, 255, 0.54);
7914 }
7915 .md .color-theme-red .timeline-item-date,
7916 .md .color-theme-red .timeline-year-title,
7917 .md .color-theme-red .timeline-month-title {
7918   background: #f44336;
7919 }
7920 .md .color-theme-green .timeline-item-date,
7921 .md .color-theme-green .timeline-year-title,
7922 .md .color-theme-green .timeline-month-title {
7923   background: #4caf50;
7924 }
7925 .md .color-theme-blue .timeline-item-date,
7926 .md .color-theme-blue .timeline-year-title,
7927 .md .color-theme-blue .timeline-month-title {
7928   background: #2196f3;
7929 }
7930 .md .color-theme-pink .timeline-item-date,
7931 .md .color-theme-pink .timeline-year-title,
7932 .md .color-theme-pink .timeline-month-title {
7933   background: #e91e63;
7934 }
7935 .md .color-theme-yellow .timeline-item-date,
7936 .md .color-theme-yellow .timeline-year-title,
7937 .md .color-theme-yellow .timeline-month-title {
7938   background: #ffeb3b;
7939 }
7940 .md .color-theme-orange .timeline-item-date,
7941 .md .color-theme-orange .timeline-year-title,
7942 .md .color-theme-orange .timeline-month-title {
7943   background: #ff9800;
7944 }
7945 .md .color-theme-gray .timeline-item-date,
7946 .md .color-theme-gray .timeline-year-title,
7947 .md .color-theme-gray .timeline-month-title {
7948   background: #9e9e9e;
7949 }
7950 .md .color-theme-white .timeline-item-date,
7951 .md .color-theme-white .timeline-year-title,
7952 .md .color-theme-white .timeline-month-title {
7953   background: #ffffff;
7954 }
7955 .md .color-theme-black .timeline-item-date,
7956 .md .color-theme-black .timeline-year-title,
7957 .md .color-theme-black .timeline-month-title {
7958   background: #000000;
7959 }
7960 .md .timeline.color-theme-red .timeline-item-date,
7961 .md .timeline.color-theme-red .timeline-year-title,
7962 .md .timeline.color-theme-red .timeline-month-title {
7963   background: #f44336;
7964 }
7965 .md .timeline.color-theme-green .timeline-item-date,
7966 .md .timeline.color-theme-green .timeline-year-title,
7967 .md .timeline.color-theme-green .timeline-month-title {
7968   background: #4caf50;
7969 }
7970 .md .timeline.color-theme-blue .timeline-item-date,
7971 .md .timeline.color-theme-blue .timeline-year-title,
7972 .md .timeline.color-theme-blue .timeline-month-title {
7973   background: #2196f3;
7974 }
7975 .md .timeline.color-theme-pink .timeline-item-date,
7976 .md .timeline.color-theme-pink .timeline-year-title,
7977 .md .timeline.color-theme-pink .timeline-month-title {
7978   background: #e91e63;
7979 }
7980 .md .timeline.color-theme-yellow .timeline-item-date,
7981 .md .timeline.color-theme-yellow .timeline-year-title,
7982 .md .timeline.color-theme-yellow .timeline-month-title {
7983   background: #ffeb3b;
7984 }
7985 .md .timeline.color-theme-orange .timeline-item-date,
7986 .md .timeline.color-theme-orange .timeline-year-title,
7987 .md .timeline.color-theme-orange .timeline-month-title {
7988   background: #ff9800;
7989 }
7990 .md .timeline.color-theme-gray .timeline-item-date,
7991 .md .timeline.color-theme-gray .timeline-year-title,
7992 .md .timeline.color-theme-gray .timeline-month-title {
7993   background: #9e9e9e;
7994 }
7995 .md .timeline.color-theme-white .timeline-item-date,
7996 .md .timeline.color-theme-white .timeline-year-title,
7997 .md .timeline.color-theme-white .timeline-month-title {
7998   background: #ffffff;
7999 }
8000 .md .timeline.color-theme-black .timeline-item-date,
8001 .md .timeline.color-theme-black .timeline-year-title,
8002 .md .timeline.color-theme-black .timeline-month-title {
8003   background: #000000;
8004 }
8005 /* === Tabs === */
8006 .tabs .tab {
8007   display: none;
8008 }
8009 .tabs .tab-active {
8010   display: block;
8011 }
8012 .tabs-animated-wrap {
8013   position: relative;
8014   width: 100%;
8015   overflow: hidden;
8016   height: 100%;
8017 }
8018 .tabs-animated-wrap > .tabs {
8019   display: -webkit-box;
8020   display: -webkit-flex;
8021   display: -ms-flexbox;
8022   display: flex;
8023   height: 100%;
8024   -webkit-transition-duration: 300ms;
8025   transition-duration: 300ms;
8026 }
8027 .tabs-animated-wrap > .tabs > .tab {
8028   width: 100%;
8029   display: block;
8030   -webkit-flex-shrink: 0;
8031   -ms-flex-negative: 0;
8032   flex-shrink: 0;
8033 }
8034 .tabs-animated-wrap.not-animated > .tabs {
8035   -webkit-transition-duration: 300ms;
8036   transition-duration: 300ms;
8037 }
8038 .tabs-swipeable-wrap {
8039   height: 100%;
8040 }
8041 .tabs-swipeable-wrap > .tabs {
8042   height: 100%;
8043 }
8044 .tabs-swipeable-wrap > .tabs > .tab {
8045   display: block;
8046 }
8047 .page > .tabs {
8048   height: 100%;
8049 }
8050 /* === Panels === */
8051 .panel-backdrop {
8052   position: absolute;
8053   left: 0;
8054   top: 0;
8055   width: 100%;
8056   height: 100%;
8057   opacity: 0;
8058   z-index: 5999;
8059   display: none;
8060   -webkit-transform: translate3d(0, 0, 0);
8061   transform: translate3d(0, 0, 0);
8062 }
8063 .panel-backdrop.not-animated {
8064   -webkit-transition-duration: 0ms !important;
8065   transition-duration: 0ms !important;
8066 }
8067 .panel {
8068   z-index: 1000;
8069   display: none;
8070   -webkit-box-sizing: border-box;
8071   box-sizing: border-box;
8072   position: absolute;
8073   overflow: auto;
8074   -webkit-overflow-scrolling: touch;
8075   top: 0;
8076   height: 100%;
8077   -webkit-transform: translate3d(0, 0, 0);
8078   transform: translate3d(0, 0, 0);
8079   width: 260px;
8080   background-color: #fff;
8081 }
8082 .panel.not-animated {
8083   -webkit-transition-duration: 0ms !important;
8084   transition-duration: 0ms !important;
8085 }
8086 .panel.panel-reveal.not-animated ~ .views,
8087 .panel.panel-reveal.not-animated ~ .view {
8088   -webkit-transition-duration: 0ms !important;
8089   transition-duration: 0ms !important;
8090 }
8091 .panel-cover {
8092   z-index: 6000;
8093 }
8094 .panel-left {
8095   left: 0;
8096 }
8097 .panel-left.panel-cover {
8098   -webkit-transform: translate3d(-100%, 0, 0);
8099   transform: translate3d(-100%, 0, 0);
8100 }
8101 .panel-right {
8102   right: 0;
8103 }
8104 .panel-right.panel-cover {
8105   -webkit-transform: translate3d(100%, 0, 0);
8106   transform: translate3d(100%, 0, 0);
8107 }
8108 .panel-visible-by-breakpoint {
8109   display: block;
8110   -webkit-transform: translate3d(0, 0, 0) !important;
8111   transform: translate3d(0, 0, 0) !important;
8112 }
8113 .panel-visible-by-breakpoint.panel-cover {
8114   z-index: 5900;
8115 }
8116 html.with-panel .framework7-root > .views .page-content,
8117 html.with-panel .framework7-root > .view .page-content {
8118   overflow: hidden;
8119   -webkit-overflow-scrolling: auto;
8120 }
8121 html.with-panel-left-cover .panel-backdrop,
8122 html.with-panel-right-cover .panel-backdrop {
8123   display: block;
8124   opacity: 1;
8125 }
8126 html.with-panel-left-reveal .panel-backdrop,
8127 html.with-panel-right-reveal .panel-backdrop,
8128 html.with-panel-transitioning .panel-backdrop {
8129   background: rgba(0, 0, 0, 0);
8130   display: block;
8131   opacity: 0;
8132 }
8133 html.with-panel-left-reveal .views,
8134 html.with-panel-left-reveal .framework7-root > .view,
8135 html.with-panel-left-reveal .panel-backdrop {
8136   -webkit-transform: translate3d(260px, 0, 0);
8137   transform: translate3d(260px, 0, 0);
8138 }
8139 html.with-panel-right-reveal .views,
8140 html.with-panel-right-reveal .framework7-root > .view,
8141 html.with-panel-right-reveal .panel-backdrop {
8142   -webkit-transform: translate3d(-260px, 0, 0);
8143   transform: translate3d(-260px, 0, 0);
8144 }
8145 html.with-panel-left-cover .panel-left {
8146   -webkit-transform: translate3d(0px, 0, 0);
8147   transform: translate3d(0px, 0, 0);
8148 }
8149 html.with-panel-right-cover .panel-right {
8150   -webkit-transform: translate3d(0px, 0, 0);
8151   transform: translate3d(0px, 0, 0);
8152 }
8153 html.with-statusbar.device-ios .panel,
8154 html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel {
8155   top: 20px;
8156   height: calc(100% - 20px);
8157 }
8158 html.with-statusbar.device-android .panel,
8159 html.with-statusbar.md:not(.device-ios):not(.device-android) .panel {
8160   top: 24px;
8161   height: calc(100% - 24px);
8162 }
8163 html.with-statusbar.device-iphone-x .panel {
8164   top: constant(safe-area-inset-top);
8165   top: env(safe-area-inset-top);
8166   height: calc(100% - constant(safe-area-inset-top));
8167   height: calc(100% - env(safe-area-inset-top));
8168 }
8169 .md .panel-backdrop {
8170   -webkit-transition-duration: 300ms;
8171   transition-duration: 300ms;
8172   background: rgba(0, 0, 0, 0.2);
8173 }
8174 .md .panel {
8175   -webkit-transition-duration: 300ms;
8176   transition-duration: 300ms;
8177 }
8178 .md .panel-visible {
8179   display: block;
8180 }
8181 .md .panel-visible-by-breakpoint {
8182   -webkit-box-shadow: none;
8183   box-shadow: none;
8184 }
8185 .md.with-panel-left-cover .panel-cover,
8186 .md.with-panel-right-cover .panel-cover {
8187   -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
8188   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
8189 }
8190 .md.with-panel-left-reveal .views,
8191 .md.with-panel-right-reveal .views,
8192 .md.with-panel-left-reveal .framework7-root > .view,
8193 .md.with-panel-right-reveal .framework7-root > .view {
8194   -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
8195   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
8196 }
8197 .md.with-panel-left-reveal .views,
8198 .md.with-panel-right-reveal .views,
8199 .md.with-panel-transitioning .views,
8200 .md.with-panel-left-reveal .framework7-root > .view,
8201 .md.with-panel-right-reveal .framework7-root > .view,
8202 .md.with-panel-transitioning .framework7-root > .view {
8203   -webkit-transition-duration: 300ms;
8204   transition-duration: 300ms;
8205   -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
8206   transition-property: -webkit-transform, -webkit-box-shadow;
8207   transition-property: transform, box-shadow;
8208   transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
8209 }
8210 /* === Card === */
8211 .cards-list > ul:before,
8212 .card .list > ul:before {
8213   display: none !important;
8214 }
8215 .cards-list > ul:after,
8216 .card .list > ul:after {
8217   display: none !important;
8218 }
8219 .card {
8220   background: #fff;
8221   position: relative;
8222   border-radius: 4px;
8223   font-size: 14px;
8224 }
8225 .card .list,
8226 .card .block {
8227   margin: 0;
8228 }
8229 .row:not(.no-gap) .col > .card {
8230   margin-left: 0;
8231   margin-right: 0;
8232 }
8233 .card-content {
8234   position: relative;
8235 }
8236 .card-content-padding {
8237   position: relative;
8238 }
8239 .card-content-padding > p:first-child {
8240   margin-top: 0;
8241 }
8242 .card-content-padding > p:last-child {
8243   margin-bottom: 0;
8244 }
8245 .card-header,
8246 .card-footer {
8247   min-height: 44px;
8248   position: relative;
8249   -webkit-box-sizing: border-box;
8250   box-sizing: border-box;
8251   display: -webkit-box;
8252   display: -webkit-flex;
8253   display: -ms-flexbox;
8254   display: flex;
8255   -webkit-box-pack: justify;
8256   -webkit-justify-content: space-between;
8257   -ms-flex-pack: justify;
8258   justify-content: space-between;
8259   -webkit-box-align: center;
8260   -webkit-align-items: center;
8261   -ms-flex-align: center;
8262   align-items: center;
8263 }
8264 .card-header[valign="top"],
8265 .card-footer[valign="top"] {
8266   -webkit-box-align: start;
8267   -webkit-align-items: flex-start;
8268   -ms-flex-align: start;
8269   align-items: flex-start;
8270 }
8271 .card-header[valign="bottom"],
8272 .card-footer[valign="bottom"] {
8273   -webkit-box-align: end;
8274   -webkit-align-items: flex-end;
8275   -ms-flex-align: end;
8276   align-items: flex-end;
8277 }
8278 .card-header a.link,
8279 .card-footer a.link {
8280   position: relative;
8281 }
8282 .card-header a.link i.icon,
8283 .card-footer a.link i.icon {
8284   display: block;
8285 }
8286 .card-header a.icon-only,
8287 .card-footer a.icon-only {
8288   display: -webkit-box;
8289   display: -webkit-flex;
8290   display: -ms-flexbox;
8291   display: flex;
8292   -webkit-box-pack: center;
8293   -webkit-justify-content: center;
8294   -ms-flex-pack: center;
8295   justify-content: center;
8296   -webkit-box-align: center;
8297   -webkit-align-items: center;
8298   -ms-flex-align: center;
8299   align-items: center;
8300   margin: 0;
8301 }
8302 .card-header {
8303   border-radius: 4px 4px 0 0;
8304 }
8305 .card-header:after {
8306   content: '';
8307   position: absolute;
8308   background-color: #e1e1e1;
8309   display: block;
8310   z-index: 15;
8311   top: auto;
8312   right: auto;
8313   bottom: 0;
8314   left: 0;
8315   height: 1px;
8316   width: 100%;
8317   -webkit-transform-origin: 50% 100%;
8318   transform-origin: 50% 100%;
8319 }
8320 html.device-pixel-ratio-2 .card-header:after {
8321   -webkit-transform: scaleY(0.5);
8322   transform: scaleY(0.5);
8323 }
8324 html.device-pixel-ratio-3 .card-header:after {
8325   -webkit-transform: scaleY(0.33);
8326   transform: scaleY(0.33);
8327 }
8328 .card-header.no-hairline:after {
8329   display: none !important;
8330 }
8331 .card-footer {
8332   border-radius: 0 0 4px 4px;
8333 }
8334 .card-footer:before {
8335   content: '';
8336   position: absolute;
8337   background-color: #e1e1e1;
8338   display: block;
8339   z-index: 15;
8340   top: 0;
8341   right: auto;
8342   bottom: auto;
8343   left: 0;
8344   height: 1px;
8345   width: 100%;
8346   -webkit-transform-origin: 50% 0%;
8347   transform-origin: 50% 0%;
8348 }
8349 html.device-pixel-ratio-2 .card-footer:before {
8350   -webkit-transform: scaleY(0.5);
8351   transform: scaleY(0.5);
8352 }
8353 html.device-pixel-ratio-3 .card-footer:before {
8354   -webkit-transform: scaleY(0.33);
8355   transform: scaleY(0.33);
8356 }
8357 .card-footer.no-hairline:before {
8358   display: none !important;
8359 }
8360 .md .cards-list ul,
8361 .md .card .list ul {
8362   background: none;
8363 }
8364 .md .card {
8365   margin: 8px;
8366   -webkit-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);
8367   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);
8368 }
8369 .md .card-outline {
8370   -webkit-box-shadow: none;
8371   box-shadow: none;
8372   border: 1px solid rgba(0, 0, 0, 0.12);
8373 }
8374 .md .card-header a.link,
8375 .md .card-footer a.link {
8376   text-decoration: none;
8377   text-align: center;
8378   display: block;
8379   -webkit-appearance: none;
8380   -moz-appearance: none;
8381   appearance: none;
8382   background: none;
8383   padding: 0 10px;
8384   margin: 0;
8385   white-space: nowrap;
8386   text-overflow: ellipsis;
8387   font-size: 14px;
8388   position: relative;
8389   overflow: hidden;
8390   font-family: inherit;
8391   cursor: pointer;
8392   outline: 0;
8393   -webkit-box-sizing: border-box;
8394   box-sizing: border-box;
8395   vertical-align: middle;
8396   color: #2196f3;
8397   border-radius: 4px;
8398   line-height: 36px;
8399   height: 36px;
8400   text-transform: uppercase;
8401   min-width: 64px;
8402   padding: 0 8px;
8403   border: none;
8404   -webkit-transition-duration: 300ms;
8405   transition-duration: 300ms;
8406   -webkit-transform: translate3d(0, 0, 0);
8407   transform: translate3d(0, 0, 0);
8408   font-weight: 500;
8409   letter-spacing: 0.03em;
8410 }
8411 input[type="submit"].md .card-header a.link,
8412 input[type="submit"].md .card-footer a.link,
8413 input[type="button"].md .card-header a.link,
8414 input[type="button"].md .card-footer a.link {
8415   width: 100%;
8416 }
8417 .md .card-header a.link.active-state,
8418 .md .card-footer a.link.active-state {
8419   background: rgba(0, 0, 0, 0.1);
8420 }
8421 .md .card-header a.icon-only,
8422 .md .card-footer a.icon-only {
8423   min-width: 48px;
8424 }
8425 .md .page-content > .card:last-child {
8426   margin-bottom: 32px;
8427 }
8428 .md .card-content-padding {
8429   padding: 16px;
8430 }
8431 .md .card-content-padding > .list,
8432 .md .card-content-padding > .block {
8433   margin: -16px;
8434 }
8435 .md .card-header,
8436 .md .card-footer {
8437   min-height: 48px;
8438   padding: 4px 16px;
8439 }
8440 .md .card-header {
8441   font-size: 16px;
8442 }
8443 .md .card-footer {
8444   color: #757575;
8445 }
8446 .md .theme-dark .card {
8447   background-color: rgba(255, 255, 255, 0.03);
8448 }
8449 .md .theme-dark .card-outline {
8450   border-color: #282829;
8451 }
8452 .md .theme-dark .card-header:after {
8453   background-color: rgba(255, 255, 255, 0.08);
8454 }
8455 .md .theme-dark .card-footer {
8456   color: rgba(255, 255, 255, 0.54);
8457 }
8458 .md .theme-dark .card-footer:before {
8459   background-color: rgba(255, 255, 255, 0.08);
8460 }
8461 @media (orientation: landscape) {
8462   .md.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),
8463   .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),
8464   .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),
8465   .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge),
8466   .md.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) {
8467     margin-left: calc(8px + constant(safe-area-inset-left));
8468     margin-left: calc(8px + env(safe-area-inset-left));
8469   }
8470   .md.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),
8471   .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),
8472   .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),
8473   .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge),
8474   .md.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) {
8475     margin-right: calc(8px + constant(safe-area-inset-right));
8476     margin-right: calc(8px + env(safe-area-inset-right));
8477   }
8478 }
8479 .md .color-theme-red .card-header a.link,
8480 .md .color-theme-red .card-footer a.link,
8481 .md .card-header.color-theme-red a.link,
8482 .md .card-footer.color-theme-red a.link {
8483   color: #f44336;
8484 }
8485 .md .color-theme-green .card-header a.link,
8486 .md .color-theme-green .card-footer a.link,
8487 .md .card-header.color-theme-green a.link,
8488 .md .card-footer.color-theme-green a.link {
8489   color: #4caf50;
8490 }
8491 .md .color-theme-blue .card-header a.link,
8492 .md .color-theme-blue .card-footer a.link,
8493 .md .card-header.color-theme-blue a.link,
8494 .md .card-footer.color-theme-blue a.link {
8495   color: #2196f3;
8496 }
8497 .md .color-theme-pink .card-header a.link,
8498 .md .color-theme-pink .card-footer a.link,
8499 .md .card-header.color-theme-pink a.link,
8500 .md .card-footer.color-theme-pink a.link {
8501   color: #e91e63;
8502 }
8503 .md .color-theme-yellow .card-header a.link,
8504 .md .color-theme-yellow .card-footer a.link,
8505 .md .card-header.color-theme-yellow a.link,
8506 .md .card-footer.color-theme-yellow a.link {
8507   color: #ffeb3b;
8508 }
8509 .md .color-theme-orange .card-header a.link,
8510 .md .color-theme-orange .card-footer a.link,
8511 .md .card-header.color-theme-orange a.link,
8512 .md .card-footer.color-theme-orange a.link {
8513   color: #ff9800;
8514 }
8515 .md .color-theme-gray .card-header a.link,
8516 .md .color-theme-gray .card-footer a.link,
8517 .md .card-header.color-theme-gray a.link,
8518 .md .card-footer.color-theme-gray a.link {
8519   color: #9e9e9e;
8520 }
8521 .md .color-theme-white .card-header a.link,
8522 .md .color-theme-white .card-footer a.link,
8523 .md .card-header.color-theme-white a.link,
8524 .md .card-footer.color-theme-white a.link {
8525   color: #ffffff;
8526 }
8527 .md .color-theme-black .card-header a.link,
8528 .md .color-theme-black .card-footer a.link,
8529 .md .card-header.color-theme-black a.link,
8530 .md .card-footer.color-theme-black a.link {
8531   color: #000000;
8532 }
8533 .md .card-header a.link.color-red,
8534 .md .card-footer a.link.color-red {
8535   color: #f44336;
8536 }
8537 .md .card-header a.link.color-green,
8538 .md .card-footer a.link.color-green {
8539   color: #4caf50;
8540 }
8541 .md .card-header a.link.color-blue,
8542 .md .card-footer a.link.color-blue {
8543   color: #2196f3;
8544 }
8545 .md .card-header a.link.color-pink,
8546 .md .card-footer a.link.color-pink {
8547   color: #e91e63;
8548 }
8549 .md .card-header a.link.color-yellow,
8550 .md .card-footer a.link.color-yellow {
8551   color: #ffeb3b;
8552 }
8553 .md .card-header a.link.color-orange,
8554 .md .card-footer a.link.color-orange {
8555   color: #ff9800;
8556 }
8557 .md .card-header a.link.color-gray,
8558 .md .card-footer a.link.color-gray {
8559   color: #9e9e9e;
8560 }
8561 .md .card-header a.link.color-white,
8562 .md .card-footer a.link.color-white {
8563   color: #ffffff;
8564 }
8565 .md .card-header a.link.color-black,
8566 .md .card-footer a.link.color-black {
8567   color: #000000;
8568 }
8569 /* === Chips === */
8570 .chip {
8571   font-weight: normal;
8572   display: -webkit-inline-box;
8573   display: -webkit-inline-flex;
8574   display: -ms-inline-flexbox;
8575   display: inline-flex;
8576   -webkit-box-sizing: border-box;
8577   box-sizing: border-box;
8578   vertical-align: middle;
8579   -webkit-box-align: center;
8580   -webkit-align-items: center;
8581   -ms-flex-align: center;
8582   align-items: center;
8583   margin: 2px 0;
8584 }
8585 .chip-media {
8586   border-radius: 50%;
8587   text-align: center;
8588   color: #fff;
8589   -webkit-flex-shrink: 0;
8590   -ms-flex-negative: 0;
8591   flex-shrink: 0;
8592   display: -webkit-box;
8593   display: -webkit-flex;
8594   display: -ms-flexbox;
8595   display: flex;
8596   -webkit-box-align: center;
8597   -webkit-align-items: center;
8598   -ms-flex-align: center;
8599   align-items: center;
8600   -webkit-box-pack: center;
8601   -webkit-justify-content: center;
8602   -ms-flex-pack: center;
8603   justify-content: center;
8604 }
8605 .chip-media img {
8606   max-width: 100%;
8607   max-height: 100%;
8608   width: auto;
8609   height: auto;
8610   border-radius: 50%;
8611   display: block;
8612 }
8613 .chip-label {
8614   white-space: nowrap;
8615   overflow: hidden;
8616   text-overflow: ellipsis;
8617   position: relative;
8618   -webkit-flex-shrink: 1;
8619   -ms-flex-negative: 1;
8620   flex-shrink: 1;
8621   min-width: 0;
8622 }
8623 .chip-delete {
8624   text-align: center;
8625   cursor: pointer;
8626   -webkit-flex-shrink: 0;
8627   -ms-flex-negative: 0;
8628   flex-shrink: 0;
8629   background-repeat: no-repeat;
8630 }
8631 .chip .chip-delete.active-state {
8632   opacity: 1;
8633 }
8634 .md .chip {
8635   font-size: 13px;
8636   color: rgba(0, 0, 0, 0.87);
8637   background: rgba(0, 0, 0, 0.12);
8638   height: 32px;
8639   line-height: 32px;
8640   border-radius: 16px;
8641   padding: 0 12px;
8642 }
8643 .md .chip-outline {
8644   background: none;
8645   border: 1px solid rgba(0, 0, 0, 0.12);
8646 }
8647 .md .chip-media {
8648   width: 32px;
8649   height: 32px;
8650   vertical-align: top;
8651   border-radius: 50%;
8652   text-align: center;
8653   line-height: 32px;
8654   color: #fff;
8655   font-size: 16px;
8656   margin-right: -12px;
8657 }
8658 .md .chip-media + .chip-label {
8659   margin-right: 8px;
8660 }
8661 .md .chip-label + .chip-delete {
8662   margin-right: 4px;
8663 }
8664 .md .chip-delete {
8665   margin-right: -8px;
8666   width: 24px;
8667   height: 24px;
8668   line-height: 24px;
8669   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
8670   background-position: center;
8671   background-size: 20px 20px;
8672   opacity: 0.54;
8673   margin-left: -8px;
8674 }
8675 .md .theme-dark .chip {
8676   background: #333;
8677   color: rgba(255, 255, 255, 0.87);
8678 }
8679 .md .theme-dark .chip-outline {
8680   background: none;
8681   border-color: #333;
8682 }
8683 .md .theme-dark .chip-delete {
8684   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
8685 }
8686 .md .chip.color-red {
8687   background: #f44336;
8688   color: #fff;
8689 }
8690 .md .chip.color-red.chip-outline {
8691   background: none;
8692   border-color: #f44336;
8693   color: #f44336;
8694 }
8695 .md .chip.color-green {
8696   background: #4caf50;
8697   color: #fff;
8698 }
8699 .md .chip.color-green.chip-outline {
8700   background: none;
8701   border-color: #4caf50;
8702   color: #4caf50;
8703 }
8704 .md .chip.color-blue {
8705   background: #2196f3;
8706   color: #fff;
8707 }
8708 .md .chip.color-blue.chip-outline {
8709   background: none;
8710   border-color: #2196f3;
8711   color: #2196f3;
8712 }
8713 .md .chip.color-pink {
8714   background: #e91e63;
8715   color: #fff;
8716 }
8717 .md .chip.color-pink.chip-outline {
8718   background: none;
8719   border-color: #e91e63;
8720   color: #e91e63;
8721 }
8722 .md .chip.color-yellow {
8723   background: #ffeb3b;
8724   color: #fff;
8725 }
8726 .md .chip.color-yellow.chip-outline {
8727   background: none;
8728   border-color: #ffeb3b;
8729   color: #ffeb3b;
8730 }
8731 .md .chip.color-orange {
8732   background: #ff9800;
8733   color: #fff;
8734 }
8735 .md .chip.color-orange.chip-outline {
8736   background: none;
8737   border-color: #ff9800;
8738   color: #ff9800;
8739 }
8740 .md .chip.color-gray {
8741   background: #9e9e9e;
8742   color: #fff;
8743 }
8744 .md .chip.color-gray.chip-outline {
8745   background: none;
8746   border-color: #9e9e9e;
8747   color: #9e9e9e;
8748 }
8749 .md .chip.color-white {
8750   background: #ffffff;
8751   color: #fff;
8752 }
8753 .md .chip.color-white.chip-outline {
8754   background: none;
8755   border-color: #ffffff;
8756   color: #ffffff;
8757 }
8758 .md .chip.color-black {
8759   background: #000000;
8760   color: #fff;
8761 }
8762 .md .chip.color-black.chip-outline {
8763   background: none;
8764   border-color: #000000;
8765   color: #000000;
8766 }
8767 /* === Input === */
8768 input[type="text"],
8769 input[type="password"],
8770 input[type="search"],
8771 input[type="email"],
8772 input[type="tel"],
8773 input[type="url"],
8774 input[type="date"],
8775 input[type="datetime-local"],
8776 input[type="time"],
8777 input[type="number"],
8778 select,
8779 textarea {
8780   -webkit-box-sizing: border-box;
8781   box-sizing: border-box;
8782   -webkit-appearance: none;
8783   -moz-appearance: none;
8784   appearance: none;
8785   border: none;
8786   -webkit-box-shadow: none;
8787   box-shadow: none;
8788   border-radius: 0;
8789   outline: 0;
8790   display: block;
8791   padding: 0;
8792   margin: 0;
8793   font-family: inherit;
8794   background: none;
8795   resize: none;
8796   font-size: inherit;
8797   color: inherit;
8798 }
8799 .textarea-resizable-shadow {
8800   opacity: 0;
8801   position: absolute;
8802   z-index: -1000;
8803   pointer-events: none;
8804   left: -1000px;
8805   top: -1000px;
8806   visibility: hidden;
8807 }
8808 .list input[type="text"],
8809 .list input[type="password"],
8810 .list input[type="search"],
8811 .list input[type="email"],
8812 .list input[type="tel"],
8813 .list input[type="url"],
8814 .list input[type="date"],
8815 .list input[type="datetime-local"],
8816 .list input[type="time"],
8817 .list input[type="number"],
8818 .list select,
8819 .list textarea {
8820   width: 100%;
8821 }
8822 .list input[type="datetime-local"] {
8823   max-width: 50vw;
8824 }
8825 .list input[type="date"],
8826 .list input[type="datetime-local"] {
8827   line-height: 44px;
8828 }
8829 .list input[type="date"],
8830 .list input[type="datetime-local"] {
8831   text-align: right;
8832   -webkit-box-orient: horizontal;
8833   -webkit-box-direction: reverse;
8834   -webkit-flex-direction: row-reverse;
8835   -ms-flex-direction: row-reverse;
8836   flex-direction: row-reverse;
8837   width: auto;
8838 }
8839 .list textarea {
8840   resize: none;
8841   line-height: 1.4;
8842   height: 100px;
8843 }
8844 .list .item-label,
8845 .list .item-floating-label {
8846   vertical-align: top;
8847   -webkit-flex-shrink: 0;
8848   -ms-flex-negative: 0;
8849   flex-shrink: 0;
8850 }
8851 .list .item-input-wrap {
8852   width: 100%;
8853   -webkit-flex-shrink: 1;
8854   -ms-flex-negative: 1;
8855   flex-shrink: 1;
8856   position: relative;
8857 }
8858 .input {
8859   position: relative;
8860 }
8861 .input input,
8862 .input select,
8863 .input textarea {
8864   width: 100%;
8865 }
8866 .input-clear-button {
8867   opacity: 0;
8868   pointer-events: none;
8869   visibility: hidden;
8870   -webkit-transition-duration: 100ms;
8871   transition-duration: 100ms;
8872   position: absolute;
8873   top: 50%;
8874   border-radius: 50%;
8875   border: none;
8876   padding: 0;
8877   margin: 0;
8878   outline: 0;
8879   z-index: 1;
8880   cursor: pointer;
8881   background: none;
8882   left: 0;
8883 }
8884 .input-clear-button:after {
8885   content: '';
8886   position: absolute;
8887   width: 100%;
8888   height: 100%;
8889   left: 0;
8890   top: 0;
8891   background-repeat: no-repeat;
8892   background-position: center center;
8893 }
8894 .input-clear-button:before {
8895   position: absolute;
8896   content: '';
8897   left: 50%;
8898   top: 50%;
8899 }
8900 .input-with-value ~ .input-clear-button,
8901 .item-input-with-value .input-clear-button,
8902 .input-with-value .input-clear-button {
8903   opacity: 1;
8904   pointer-events: auto;
8905   visibility: visible;
8906 }
8907 .input-dropdown-wrap,
8908 .input-dropdown {
8909   position: relative;
8910 }
8911 .input-dropdown-wrap:before,
8912 .input-dropdown:before {
8913   content: '';
8914   pointer-events: none;
8915   position: absolute;
8916   top: 50%;
8917   margin-top: -2px;
8918   width: 0;
8919   height: 0;
8920   border-left: 5px solid transparent;
8921   border-right: 5px solid transparent;
8922   border-top: 5px solid #727272;
8923   left: 2px;
8924 }
8925 .input-dropdown-wrap select,
8926 .input-dropdown select,
8927 .input-dropdown-wrap input,
8928 .input-dropdown input,
8929 .input-dropdown-wrap textarea,
8930 .input-dropdown textarea {
8931   padding-right: 14px;
8932 }
8933 .md .list input[type="text"],
8934 .md .list input[type="password"],
8935 .md .list input[type="search"],
8936 .md .list input[type="email"],
8937 .md .list input[type="tel"],
8938 .md .list input[type="url"],
8939 .md .list input[type="date"],
8940 .md .list input[type="datetime-local"],
8941 .md .list input[type="time"],
8942 .md .list input[type="number"],
8943 .md .list select {
8944   height: 36px;
8945   color: #212121;
8946   font-size: 16px;
8947 }
8948 .md .list input[type="text"]::-webkit-input-placeholder,
8949 .md .list input[type="password"]::-webkit-input-placeholder,
8950 .md .list input[type="search"]::-webkit-input-placeholder,
8951 .md .list input[type="email"]::-webkit-input-placeholder,
8952 .md .list input[type="tel"]::-webkit-input-placeholder,
8953 .md .list input[type="url"]::-webkit-input-placeholder,
8954 .md .list input[type="date"]::-webkit-input-placeholder,
8955 .md .list input[type="datetime-local"]::-webkit-input-placeholder,
8956 .md .list input[type="time"]::-webkit-input-placeholder,
8957 .md .list input[type="number"]::-webkit-input-placeholder,
8958 .md .list select::-webkit-input-placeholder {
8959   color: rgba(0, 0, 0, 0.35);
8960 }
8961 .md .list input[type="text"]:-ms-input-placeholder,
8962 .md .list input[type="password"]:-ms-input-placeholder,
8963 .md .list input[type="search"]:-ms-input-placeholder,
8964 .md .list input[type="email"]:-ms-input-placeholder,
8965 .md .list input[type="tel"]:-ms-input-placeholder,
8966 .md .list input[type="url"]:-ms-input-placeholder,
8967 .md .list input[type="date"]:-ms-input-placeholder,
8968 .md .list input[type="datetime-local"]:-ms-input-placeholder,
8969 .md .list input[type="time"]:-ms-input-placeholder,
8970 .md .list input[type="number"]:-ms-input-placeholder,
8971 .md .list select:-ms-input-placeholder {
8972   color: rgba(0, 0, 0, 0.35);
8973 }
8974 .md .list input[type="text"]::-ms-input-placeholder,
8975 .md .list input[type="password"]::-ms-input-placeholder,
8976 .md .list input[type="search"]::-ms-input-placeholder,
8977 .md .list input[type="email"]::-ms-input-placeholder,
8978 .md .list input[type="tel"]::-ms-input-placeholder,
8979 .md .list input[type="url"]::-ms-input-placeholder,
8980 .md .list input[type="date"]::-ms-input-placeholder,
8981 .md .list input[type="datetime-local"]::-ms-input-placeholder,
8982 .md .list input[type="time"]::-ms-input-placeholder,
8983 .md .list input[type="number"]::-ms-input-placeholder,
8984 .md .list select::-ms-input-placeholder {
8985   color: rgba(0, 0, 0, 0.35);
8986 }
8987 .md .list input[type="text"]::placeholder,
8988 .md .list input[type="password"]::placeholder,
8989 .md .list input[type="search"]::placeholder,
8990 .md .list input[type="email"]::placeholder,
8991 .md .list input[type="tel"]::placeholder,
8992 .md .list input[type="url"]::placeholder,
8993 .md .list input[type="date"]::placeholder,
8994 .md .list input[type="datetime-local"]::placeholder,
8995 .md .list input[type="time"]::placeholder,
8996 .md .list input[type="number"]::placeholder,
8997 .md .list select::placeholder {
8998   color: rgba(0, 0, 0, 0.35);
8999 }
9000 .md .list textarea {
9001   color: #212121;
9002   font-size: 16px;
9003   padding-top: 7px;
9004   padding-bottom: 7px;
9005 }
9006 .md .list textarea.resizable {
9007   height: 36px;
9008 }
9009 .md .list textarea::-webkit-input-placeholder {
9010   color: rgba(0, 0, 0, 0.35);
9011 }
9012 .md .list textarea:-ms-input-placeholder {
9013   color: rgba(0, 0, 0, 0.35);
9014 }
9015 .md .list textarea::-ms-input-placeholder {
9016   color: rgba(0, 0, 0, 0.35);
9017 }
9018 .md .list textarea::placeholder {
9019   color: rgba(0, 0, 0, 0.35);
9020 }
9021 .md .item-input-wrap:after,
9022 .md .input:after {
9023   -webkit-transition-duration: 200ms;
9024   transition-duration: 200ms;
9025 }
9026 .md .item-input-wrap {
9027   min-height: 36px;
9028 }
9029 .md .item-input-wrap:after {
9030   content: '';
9031   position: absolute;
9032   background-color: rgba(0, 0, 0, 0.12);
9033   display: block;
9034   z-index: 15;
9035   top: auto;
9036   right: auto;
9037   bottom: 0;
9038   left: 0;
9039   height: 1px;
9040   width: 100%;
9041   -webkit-transform-origin: 50% 100%;
9042   transform-origin: 50% 100%;
9043 }
9044 .md.device-pixel-ratio-2 .item-input-wrap:after {
9045   -webkit-transform: scaleY(0.5);
9046   transform: scaleY(0.5);
9047 }
9048 .md.device-pixel-ratio-3 .item-input-wrap:after {
9049   -webkit-transform: scaleY(0.33);
9050   transform: scaleY(0.33);
9051 }
9052 .md .input:after {
9053   content: '';
9054   position: absolute;
9055   background-color: rgba(0, 0, 0, 0.12);
9056   display: block;
9057   z-index: 15;
9058   top: auto;
9059   right: auto;
9060   bottom: 0;
9061   left: 0;
9062   height: 1px;
9063   width: 100%;
9064   -webkit-transform-origin: 50% 100%;
9065   transform-origin: 50% 100%;
9066 }
9067 .md.device-pixel-ratio-2 .input:after {
9068   -webkit-transform: scaleY(0.5);
9069   transform: scaleY(0.5);
9070 }
9071 .md.device-pixel-ratio-3 .input:after {
9072   -webkit-transform: scaleY(0.33);
9073   transform: scaleY(0.33);
9074 }
9075 .md .item-label,
9076 .md .item-floating-label {
9077   font-size: 12px;
9078   width: 100%;
9079   color: rgba(0, 0, 0, 0.65);
9080   -webkit-transition-duration: 200ms;
9081   transition-duration: 200ms;
9082   line-height: 13px;
9083   -webkit-transition-property: color, -webkit-transform;
9084   transition-property: color, -webkit-transform;
9085   transition-property: transform, color;
9086   transition-property: transform, color, -webkit-transform;
9087 }
9088 .md .item-floating-label {
9089   -webkit-transform: scale(1.33333333) translateY(18px);
9090   transform: scale(1.33333333) translateY(18px);
9091   color: rgba(0, 0, 0, 0.35);
9092   width: auto;
9093   max-width: 75%;
9094   pointer-events: none;
9095   -webkit-transform-origin: right;
9096   transform-origin: right;
9097 }
9098 .md .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder,
9099 .md .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder {
9100   opacity: 0;
9101   -webkit-transition-duration: 100ms;
9102   transition-duration: 100ms;
9103 }
9104 .md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder,
9105 .md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder {
9106   opacity: 0;
9107   transition-duration: 100ms;
9108 }
9109 .md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder,
9110 .md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder {
9111   opacity: 0;
9112   transition-duration: 100ms;
9113 }
9114 .md .item-floating-label ~ .item-input-wrap input::placeholder,
9115 .md .item-floating-label ~ .item-input-wrap textarea::placeholder {
9116   opacity: 0;
9117   -webkit-transition-duration: 100ms;
9118   transition-duration: 100ms;
9119 }
9120 .md .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder,
9121 .md .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder {
9122   opacity: 1;
9123   -webkit-transition-duration: 300ms;
9124   transition-duration: 300ms;
9125 }
9126 .md .item-floating-label ~ .item-input-wrap input.input-focused:-ms-input-placeholder,
9127 .md .item-floating-label ~ .item-input-wrap textarea.input-focused:-ms-input-placeholder {
9128   opacity: 1;
9129   transition-duration: 300ms;
9130 }
9131 .md .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder,
9132 .md .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder {
9133   opacity: 1;
9134   transition-duration: 300ms;
9135 }
9136 .md .item-floating-label ~ .item-input-wrap input.input-focused::placeholder,
9137 .md .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder {
9138   opacity: 1;
9139   -webkit-transition-duration: 300ms;
9140   transition-duration: 300ms;
9141 }
9142 .md .item-input-with-value .item-floating-label,
9143 .md .item-input-focused .item-floating-label {
9144   -webkit-transform: scale(1) translateY(0);
9145   transform: scale(1) translateY(0);
9146 }
9147 .md .item-input-with-value .item-floating-label {
9148   color: rgba(0, 0, 0, 0.65);
9149 }
9150 .md .item-input .item-media {
9151   -webkit-align-self: flex-end;
9152   -ms-flex-item-align: end;
9153   align-self: flex-end;
9154 }
9155 .md .item-input .item-inner {
9156   display: block;
9157 }
9158 .md .item-input .item-inner:after {
9159   display: none !important;
9160 }
9161 .md .inline-labels .item-media,
9162 .md .inline-label .item-media {
9163   -webkit-align-self: flex-start;
9164   -ms-flex-item-align: start;
9165   align-self: flex-start;
9166   padding-top: 14px;
9167 }
9168 .md .inline-labels .item-inner,
9169 .md .inline-label .item-inner {
9170   display: -webkit-box;
9171   display: -webkit-flex;
9172   display: -ms-flexbox;
9173   display: flex;
9174 }
9175 .md .inline-labels .item-label,
9176 .md .inline-label .item-label,
9177 .md .inline-labels .item-floating-label,
9178 .md .inline-label .item-floating-label {
9179   font-size: 16px;
9180   width: 30%;
9181   line-height: 1.5;
9182   -webkit-align-self: flex-start;
9183   -ms-flex-item-align: start;
9184   align-self: flex-start;
9185   padding-top: 7px;
9186 }
9187 .md .inline-labels .item-label + .item-input-wrap,
9188 .md .inline-label .item-label + .item-input-wrap,
9189 .md .inline-labels .item-floating-label + .item-input-wrap,
9190 .md .inline-label .item-floating-label + .item-input-wrap {
9191   margin-right: 8px;
9192 }
9193 .md .item-input-with-error-message,
9194 .md .item-input-with-info,
9195 .md div.input-with-error-message,
9196 .md div.input-with-info,
9197 .md span.input-with-error-message,
9198 .md span.input-with-info {
9199   padding-bottom: 20px;
9200 }
9201 .md .item-input-error-message,
9202 .md .item-input-info,
9203 .md .input-error-message,
9204 .md .input-info {
9205   font-size: 12px;
9206   line-height: 1.4;
9207   position: absolute;
9208   top: 100%;
9209   margin-top: 4px;
9210   white-space: nowrap;
9211   overflow: hidden;
9212   text-overflow: ellipsis;
9213   display: block;
9214   right: 0;
9215   left: 16px;
9216 }
9217 .md .item-input-info,
9218 .md .input-info {
9219   color: rgba(0, 0, 0, 0.45);
9220 }
9221 .md .item-input-error-message,
9222 .md .input-error-message {
9223   color: #f44336;
9224   display: none;
9225 }
9226 .md .item-input-focused .item-label,
9227 .md .item-input-focused .item-floating-label {
9228   color: #2196f3;
9229 }
9230 .md .item-input-focused .item-input-wrap:after,
9231 .md .input-focused:after {
9232   background: #2196f3;
9233 }
9234 .md .item-input-invalid .item-label,
9235 .md .item-invalid .item-label,
9236 .md .item-input-invalid .item-floating-label,
9237 .md .item-invalid .item-floating-label {
9238   color: #f44336;
9239 }
9240 .md .item-input-invalid .item-input-error-message,
9241 .md .item-invalid .item-input-error-message,
9242 .md .item-input-invalid .input-error-message,
9243 .md .item-invalid .input-error-message {
9244   display: block;
9245 }
9246 .md .item-input-invalid .item-input-info,
9247 .md .item-invalid .item-input-info,
9248 .md .item-input-invalid .input-info,
9249 .md .item-invalid .input-info {
9250   display: none;
9251 }
9252 .md .item-input-invalid .item-input-wrap:after,
9253 .md .input-invalid:after {
9254   background: #f44336;
9255 }
9256 .md .item-input-invalid .item-input-wrap:after,
9257 .md .item-input-focused .item-input-wrap:after {
9258   -webkit-transform: scaleY(2);
9259   transform: scaleY(2);
9260 }
9261 .md .input-invalid:after,
9262 .md .input-focused:after {
9263   -webkit-transform: scaleY(2) !important;
9264   transform: scaleY(2) !important;
9265 }
9266 .md .input-clear-button {
9267   width: 24px;
9268   height: 24px;
9269   background: rgba(0, 0, 0, 0.12);
9270   margin-top: -12px;
9271 }
9272 .md .input-clear-button:after {
9273   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
9274   background-size: 16px 16px;
9275   opacity: 0.54;
9276 }
9277 .md .input-clear-button:before {
9278   width: 48px;
9279   height: 48px;
9280   margin-left: -24px;
9281   margin-top: -24px;
9282 }
9283 .md .item-input-wrap .input-clear-button {
9284   bottom: 6px;
9285   margin-top: 0;
9286   top: auto;
9287 }
9288 .md .theme-dark input[type="text"],
9289 .md .theme-dark input[type="password"],
9290 .md .theme-dark input[type="search"],
9291 .md .theme-dark input[type="email"],
9292 .md .theme-dark input[type="tel"],
9293 .md .theme-dark input[type="url"],
9294 .md .theme-dark input[type="date"],
9295 .md .theme-dark input[type="datetime-local"],
9296 .md .theme-dark input[type="time"],
9297 .md .theme-dark input[type="number"],
9298 .md .theme-dark select,
9299 .md .theme-dark textarea {
9300   color: rgba(255, 255, 255, 0.87);
9301 }
9302 .md .theme-dark input[type="text"]::-webkit-input-placeholder,
9303 .md .theme-dark input[type="password"]::-webkit-input-placeholder,
9304 .md .theme-dark input[type="search"]::-webkit-input-placeholder,
9305 .md .theme-dark input[type="email"]::-webkit-input-placeholder,
9306 .md .theme-dark input[type="tel"]::-webkit-input-placeholder,
9307 .md .theme-dark input[type="url"]::-webkit-input-placeholder,
9308 .md .theme-dark input[type="date"]::-webkit-input-placeholder,
9309 .md .theme-dark input[type="datetime-local"]::-webkit-input-placeholder,
9310 .md .theme-dark input[type="time"]::-webkit-input-placeholder,
9311 .md .theme-dark input[type="number"]::-webkit-input-placeholder,
9312 .md .theme-dark select::-webkit-input-placeholder,
9313 .md .theme-dark textarea::-webkit-input-placeholder {
9314   color: rgba(255, 255, 255, 0.35);
9315 }
9316 .md .theme-dark input[type="text"]:-ms-input-placeholder,
9317 .md .theme-dark input[type="password"]:-ms-input-placeholder,
9318 .md .theme-dark input[type="search"]:-ms-input-placeholder,
9319 .md .theme-dark input[type="email"]:-ms-input-placeholder,
9320 .md .theme-dark input[type="tel"]:-ms-input-placeholder,
9321 .md .theme-dark input[type="url"]:-ms-input-placeholder,
9322 .md .theme-dark input[type="date"]:-ms-input-placeholder,
9323 .md .theme-dark input[type="datetime-local"]:-ms-input-placeholder,
9324 .md .theme-dark input[type="time"]:-ms-input-placeholder,
9325 .md .theme-dark input[type="number"]:-ms-input-placeholder,
9326 .md .theme-dark select:-ms-input-placeholder,
9327 .md .theme-dark textarea:-ms-input-placeholder {
9328   color: rgba(255, 255, 255, 0.35);
9329 }
9330 .md .theme-dark input[type="text"]::-ms-input-placeholder,
9331 .md .theme-dark input[type="password"]::-ms-input-placeholder,
9332 .md .theme-dark input[type="search"]::-ms-input-placeholder,
9333 .md .theme-dark input[type="email"]::-ms-input-placeholder,
9334 .md .theme-dark input[type="tel"]::-ms-input-placeholder,
9335 .md .theme-dark input[type="url"]::-ms-input-placeholder,
9336 .md .theme-dark input[type="date"]::-ms-input-placeholder,
9337 .md .theme-dark input[type="datetime-local"]::-ms-input-placeholder,
9338 .md .theme-dark input[type="time"]::-ms-input-placeholder,
9339 .md .theme-dark input[type="number"]::-ms-input-placeholder,
9340 .md .theme-dark select::-ms-input-placeholder,
9341 .md .theme-dark textarea::-ms-input-placeholder {
9342   color: rgba(255, 255, 255, 0.35);
9343 }
9344 .md .theme-dark input[type="text"]::placeholder,
9345 .md .theme-dark input[type="password"]::placeholder,
9346 .md .theme-dark input[type="search"]::placeholder,
9347 .md .theme-dark input[type="email"]::placeholder,
9348 .md .theme-dark input[type="tel"]::placeholder,
9349 .md .theme-dark input[type="url"]::placeholder,
9350 .md .theme-dark input[type="date"]::placeholder,
9351 .md .theme-dark input[type="datetime-local"]::placeholder,
9352 .md .theme-dark input[type="time"]::placeholder,
9353 .md .theme-dark input[type="number"]::placeholder,
9354 .md .theme-dark select::placeholder,
9355 .md .theme-dark textarea::placeholder {
9356   color: rgba(255, 255, 255, 0.35);
9357 }
9358 .md .theme-dark .item-input:not(.item-input-focused) .item-input-wrap:after,
9359 .md .theme-dark .input:after {
9360   background-color: rgba(255, 255, 255, 0.08);
9361 }
9362 .md .theme-dark .item-label,
9363 .md .theme-dark .item-floating-label {
9364   color: rgba(255, 255, 255, 0.54);
9365 }
9366 .md .theme-dark .item-floating-label {
9367   color: rgba(255, 255, 255, 0.35);
9368 }
9369 .md .theme-dark .item-input-with-value .item-floating-label {
9370   color: rgba(255, 255, 255, 0.54);
9371 }
9372 .md .theme-dark .input-clear-button {
9373   background: #fff;
9374 }
9375 .md .color-theme-red .item-input-focused .item-label,
9376 .md .color-theme-red .item-input-focused .item-floating-label {
9377   color: #f44336;
9378 }
9379 .md .color-theme-red .item-input-focused .item-input-wrap:after,
9380 .md .color-theme-red .input-after:after {
9381   background: #f44336;
9382 }
9383 .md .color-theme-green .item-input-focused .item-label,
9384 .md .color-theme-green .item-input-focused .item-floating-label {
9385   color: #4caf50;
9386 }
9387 .md .color-theme-green .item-input-focused .item-input-wrap:after,
9388 .md .color-theme-green .input-after:after {
9389   background: #4caf50;
9390 }
9391 .md .color-theme-blue .item-input-focused .item-label,
9392 .md .color-theme-blue .item-input-focused .item-floating-label {
9393   color: #2196f3;
9394 }
9395 .md .color-theme-blue .item-input-focused .item-input-wrap:after,
9396 .md .color-theme-blue .input-after:after {
9397   background: #2196f3;
9398 }
9399 .md .color-theme-pink .item-input-focused .item-label,
9400 .md .color-theme-pink .item-input-focused .item-floating-label {
9401   color: #e91e63;
9402 }
9403 .md .color-theme-pink .item-input-focused .item-input-wrap:after,
9404 .md .color-theme-pink .input-after:after {
9405   background: #e91e63;
9406 }
9407 .md .color-theme-yellow .item-input-focused .item-label,
9408 .md .color-theme-yellow .item-input-focused .item-floating-label {
9409   color: #ffeb3b;
9410 }
9411 .md .color-theme-yellow .item-input-focused .item-input-wrap:after,
9412 .md .color-theme-yellow .input-after:after {
9413   background: #ffeb3b;
9414 }
9415 .md .color-theme-orange .item-input-focused .item-label,
9416 .md .color-theme-orange .item-input-focused .item-floating-label {
9417   color: #ff9800;
9418 }
9419 .md .color-theme-orange .item-input-focused .item-input-wrap:after,
9420 .md .color-theme-orange .input-after:after {
9421   background: #ff9800;
9422 }
9423 .md .color-theme-gray .item-input-focused .item-label,
9424 .md .color-theme-gray .item-input-focused .item-floating-label {
9425   color: #9e9e9e;
9426 }
9427 .md .color-theme-gray .item-input-focused .item-input-wrap:after,
9428 .md .color-theme-gray .input-after:after {
9429   background: #9e9e9e;
9430 }
9431 .md .color-theme-white .item-input-focused .item-label,
9432 .md .color-theme-white .item-input-focused .item-floating-label {
9433   color: #ffffff;
9434 }
9435 .md .color-theme-white .item-input-focused .item-input-wrap:after,
9436 .md .color-theme-white .input-after:after {
9437   background: #ffffff;
9438 }
9439 .md .color-theme-black .item-input-focused .item-label,
9440 .md .color-theme-black .item-input-focused .item-floating-label {
9441   color: #000000;
9442 }
9443 .md .color-theme-black .item-input-focused .item-input-wrap:after,
9444 .md .color-theme-black .input-after:after {
9445   background: #000000;
9446 }
9447 .md .item-input-focused.color-red .item-label,
9448 .md .item-input-focused.color-red .item-floating-label {
9449   color: #f44336;
9450 }
9451 .md .item-input-focused.color-red .item-input-wrap:after,
9452 .md .input-after.color-red:after {
9453   background: #f44336;
9454 }
9455 .md .item-input-focused.color-green .item-label,
9456 .md .item-input-focused.color-green .item-floating-label {
9457   color: #4caf50;
9458 }
9459 .md .item-input-focused.color-green .item-input-wrap:after,
9460 .md .input-after.color-green:after {
9461   background: #4caf50;
9462 }
9463 .md .item-input-focused.color-blue .item-label,
9464 .md .item-input-focused.color-blue .item-floating-label {
9465   color: #2196f3;
9466 }
9467 .md .item-input-focused.color-blue .item-input-wrap:after,
9468 .md .input-after.color-blue:after {
9469   background: #2196f3;
9470 }
9471 .md .item-input-focused.color-pink .item-label,
9472 .md .item-input-focused.color-pink .item-floating-label {
9473   color: #e91e63;
9474 }
9475 .md .item-input-focused.color-pink .item-input-wrap:after,
9476 .md .input-after.color-pink:after {
9477   background: #e91e63;
9478 }
9479 .md .item-input-focused.color-yellow .item-label,
9480 .md .item-input-focused.color-yellow .item-floating-label {
9481   color: #ffeb3b;
9482 }
9483 .md .item-input-focused.color-yellow .item-input-wrap:after,
9484 .md .input-after.color-yellow:after {
9485   background: #ffeb3b;
9486 }
9487 .md .item-input-focused.color-orange .item-label,
9488 .md .item-input-focused.color-orange .item-floating-label {
9489   color: #ff9800;
9490 }
9491 .md .item-input-focused.color-orange .item-input-wrap:after,
9492 .md .input-after.color-orange:after {
9493   background: #ff9800;
9494 }
9495 .md .item-input-focused.color-gray .item-label,
9496 .md .item-input-focused.color-gray .item-floating-label {
9497   color: #9e9e9e;
9498 }
9499 .md .item-input-focused.color-gray .item-input-wrap:after,
9500 .md .input-after.color-gray:after {
9501   background: #9e9e9e;
9502 }
9503 .md .item-input-focused.color-white .item-label,
9504 .md .item-input-focused.color-white .item-floating-label {
9505   color: #ffffff;
9506 }
9507 .md .item-input-focused.color-white .item-input-wrap:after,
9508 .md .input-after.color-white:after {
9509   background: #ffffff;
9510 }
9511 .md .item-input-focused.color-black .item-label,
9512 .md .item-input-focused.color-black .item-floating-label {
9513   color: #000000;
9514 }
9515 .md .item-input-focused.color-black .item-input-wrap:after,
9516 .md .input-after.color-black:after {
9517   background: #000000;
9518 }
9519 /* === Checkbox === */
9520 .icon-checkbox,
9521 .checkbox i {
9522   -webkit-flex-shrink: 0;
9523   -ms-flex-negative: 0;
9524   flex-shrink: 0;
9525 }
9526 .checkbox {
9527   position: relative;
9528   display: inline-block;
9529   vertical-align: middle;
9530   z-index: 1;
9531 }
9532 label.item-checkbox,
9533 .checkbox {
9534   cursor: pointer;
9535 }
9536 label.item-checkbox input[type="checkbox"],
9537 .checkbox input[type="checkbox"],
9538 label.item-checkbox input[type="radio"],
9539 .checkbox input[type="radio"] {
9540   display: none;
9541 }
9542 label.item-checkbox .icon-checkbox,
9543 .checkbox .icon-checkbox {
9544   -webkit-box-sizing: border-box;
9545   box-sizing: border-box;
9546   position: relative;
9547   display: block;
9548 }
9549 label.item-checkbox .icon-checkbox:after,
9550 .checkbox .icon-checkbox:after {
9551   content: '';
9552   position: absolute;
9553 }
9554 label.item-checkbox {
9555   -webkit-transition-duration: 300ms;
9556   transition-duration: 300ms;
9557 }
9558 label.item-checkbox.active-state:after {
9559   background-color: transparent;
9560 }
9561 label.item-checkbox.disabled,
9562 .disabled label.item-checkbox {
9563   opacity: 0.55;
9564   pointer-events: none;
9565   opacity: 0.55 !important;
9566   pointer-events: none !important;
9567 }
9568 .md .icon-checkbox,
9569 .md .checkbox i {
9570   width: 18px;
9571   height: 18px;
9572   border-radius: 2px;
9573   border: 2px solid #6d6d6d;
9574   -webkit-transition-duration: 200ms;
9575   transition-duration: 200ms;
9576   background-color: transparent;
9577 }
9578 .md .icon-checkbox:after,
9579 .md .checkbox i:after {
9580   width: 18px;
9581   height: 18px;
9582   left: -2px;
9583   top: -2px;
9584   -webkit-transition-duration: 200ms;
9585   transition-duration: 200ms;
9586   opacity: 0;
9587   background: no-repeat center;
9588   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
9589   background-size: 100% auto;
9590 }
9591 .md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9592 .md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9593 .md .checkbox input[type="checkbox"]:checked ~ i {
9594   background-color: #2196f3;
9595   border-color: #2196f3;
9596 }
9597 .md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after,
9598 .md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after,
9599 .md .checkbox input[type="checkbox"]:checked ~ i:after {
9600   opacity: 1;
9601 }
9602 .md label.item-checkbox {
9603   position: relative;
9604   overflow: hidden;
9605   z-index: 0;
9606 }
9607 .md label.item-checkbox > .icon-checkbox {
9608   margin-left: 38px;
9609 }
9610 .md label.item-checkbox .item-content .item-media,
9611 .md label.item-checkbox.item-content .item-media {
9612   -webkit-align-self: center;
9613   -ms-flex-item-align: center;
9614   align-self: center;
9615 }
9616 .md label.item-checkbox.active-state {
9617   background-color: rgba(0, 0, 0, 0.1);
9618 }
9619 .md .theme-dark label.item-checkbox.active-state {
9620   background-color: rgba(255, 255, 255, 0.05);
9621 }
9622 .md .theme-dark .icon-checkbox,
9623 .md .theme-dark .checkbox i {
9624   border-color: rgba(255, 255, 255, 0.54);
9625 }
9626 .md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9627 .md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9628 .md .color-theme-red .checkbox input[type="checkbox"]:checked ~ i {
9629   background-color: #f44336;
9630   border-color: #f44336;
9631 }
9632 .md .color-theme-red .checkbox .ripple-wave {
9633   background: rgba(244, 67, 54, 0.5);
9634 }
9635 .md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9636 .md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9637 .md .color-theme-green .checkbox input[type="checkbox"]:checked ~ i {
9638   background-color: #4caf50;
9639   border-color: #4caf50;
9640 }
9641 .md .color-theme-green .checkbox .ripple-wave {
9642   background: rgba(76, 175, 80, 0.5);
9643 }
9644 .md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9645 .md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9646 .md .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i {
9647   background-color: #2196f3;
9648   border-color: #2196f3;
9649 }
9650 .md .color-theme-blue .checkbox .ripple-wave {
9651   background: rgba(33, 150, 243, 0.5);
9652 }
9653 .md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9654 .md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9655 .md .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i {
9656   background-color: #e91e63;
9657   border-color: #e91e63;
9658 }
9659 .md .color-theme-pink .checkbox .ripple-wave {
9660   background: rgba(233, 30, 99, 0.5);
9661 }
9662 .md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9663 .md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9664 .md .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i {
9665   background-color: #ffeb3b;
9666   border-color: #ffeb3b;
9667 }
9668 .md .color-theme-yellow .checkbox .ripple-wave {
9669   background: rgba(255, 235, 59, 0.5);
9670 }
9671 .md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9672 .md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9673 .md .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i {
9674   background-color: #ff9800;
9675   border-color: #ff9800;
9676 }
9677 .md .color-theme-orange .checkbox .ripple-wave {
9678   background: rgba(255, 152, 0, 0.5);
9679 }
9680 .md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9681 .md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9682 .md .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i {
9683   background-color: #9e9e9e;
9684   border-color: #9e9e9e;
9685 }
9686 .md .color-theme-gray .checkbox .ripple-wave {
9687   background: rgba(158, 158, 158, 0.5);
9688 }
9689 .md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9690 .md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9691 .md .color-theme-white .checkbox input[type="checkbox"]:checked ~ i {
9692   background-color: #ffffff;
9693   border-color: #ffffff;
9694 }
9695 .md .color-theme-white .checkbox .ripple-wave {
9696   background: rgba(255, 255, 255, 0.5);
9697 }
9698 .md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
9699 .md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
9700 .md .color-theme-black .checkbox input[type="checkbox"]:checked ~ i {
9701   background-color: #000000;
9702   border-color: #000000;
9703 }
9704 .md .color-theme-black .checkbox .ripple-wave {
9705   background: rgba(0, 0, 0, 0.5);
9706 }
9707 .md label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox,
9708 .md label.item-checkbox.color-red input[type="checkbox"]:checked ~ * .icon-checkbox,
9709 .md .checkbox.color-red input[type="checkbox"]:checked ~ i {
9710   background-color: #f44336;
9711   border-color: #f44336;
9712 }
9713 .md .checkbox.color-red .ripple-wave {
9714   background: rgba(244, 67, 54, 0.5);
9715 }
9716 .md label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox,
9717 .md label.item-checkbox.color-green input[type="checkbox"]:checked ~ * .icon-checkbox,
9718 .md .checkbox.color-green input[type="checkbox"]:checked ~ i {
9719   background-color: #4caf50;
9720   border-color: #4caf50;
9721 }
9722 .md .checkbox.color-green .ripple-wave {
9723   background: rgba(76, 175, 80, 0.5);
9724 }
9725 .md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox,
9726 .md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ * .icon-checkbox,
9727 .md .checkbox.color-blue input[type="checkbox"]:checked ~ i {
9728   background-color: #2196f3;
9729   border-color: #2196f3;
9730 }
9731 .md .checkbox.color-blue .ripple-wave {
9732   background: rgba(33, 150, 243, 0.5);
9733 }
9734 .md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox,
9735 .md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ * .icon-checkbox,
9736 .md .checkbox.color-pink input[type="checkbox"]:checked ~ i {
9737   background-color: #e91e63;
9738   border-color: #e91e63;
9739 }
9740 .md .checkbox.color-pink .ripple-wave {
9741   background: rgba(233, 30, 99, 0.5);
9742 }
9743 .md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox,
9744 .md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ * .icon-checkbox,
9745 .md .checkbox.color-yellow input[type="checkbox"]:checked ~ i {
9746   background-color: #ffeb3b;
9747   border-color: #ffeb3b;
9748 }
9749 .md .checkbox.color-yellow .ripple-wave {
9750   background: rgba(255, 235, 59, 0.5);
9751 }
9752 .md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox,
9753 .md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ * .icon-checkbox,
9754 .md .checkbox.color-orange input[type="checkbox"]:checked ~ i {
9755   background-color: #ff9800;
9756   border-color: #ff9800;
9757 }
9758 .md .checkbox.color-orange .ripple-wave {
9759   background: rgba(255, 152, 0, 0.5);
9760 }
9761 .md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox,
9762 .md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ * .icon-checkbox,
9763 .md .checkbox.color-gray input[type="checkbox"]:checked ~ i {
9764   background-color: #9e9e9e;
9765   border-color: #9e9e9e;
9766 }
9767 .md .checkbox.color-gray .ripple-wave {
9768   background: rgba(158, 158, 158, 0.5);
9769 }
9770 .md label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox,
9771 .md label.item-checkbox.color-white input[type="checkbox"]:checked ~ * .icon-checkbox,
9772 .md .checkbox.color-white input[type="checkbox"]:checked ~ i {
9773   background-color: #ffffff;
9774   border-color: #ffffff;
9775 }
9776 .md .checkbox.color-white .ripple-wave {
9777   background: rgba(255, 255, 255, 0.5);
9778 }
9779 .md label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox,
9780 .md label.item-checkbox.color-black input[type="checkbox"]:checked ~ * .icon-checkbox,
9781 .md .checkbox.color-black input[type="checkbox"]:checked ~ i {
9782   background-color: #000000;
9783   border-color: #000000;
9784 }
9785 .md .checkbox.color-black .ripple-wave {
9786   background: rgba(0, 0, 0, 0.5);
9787 }
9788 /* === Radio === */
9789 .icon-radio {
9790   -webkit-flex-shrink: 0;
9791   -ms-flex-negative: 0;
9792   flex-shrink: 0;
9793 }
9794 .radio {
9795   position: relative;
9796   display: inline-block;
9797   vertical-align: middle;
9798   z-index: 1;
9799 }
9800 label.item-radio,
9801 .radio {
9802   cursor: pointer;
9803 }
9804 label.item-radio input[type="checkbox"],
9805 .radio input[type="checkbox"],
9806 label.item-radio input[type="radio"],
9807 .radio input[type="radio"] {
9808   display: none;
9809 }
9810 label.item-radio .icon-radio,
9811 .radio .icon-radio {
9812   -webkit-box-sizing: border-box;
9813   box-sizing: border-box;
9814   position: relative;
9815   display: block;
9816 }
9817 label.item-radio .icon-radio:after,
9818 .radio .icon-radio:after {
9819   content: '';
9820   position: absolute;
9821 }
9822 label.item-radio {
9823   -webkit-transition-duration: 300ms;
9824   transition-duration: 300ms;
9825 }
9826 label.item-radio.active-state:after {
9827   background-color: transparent;
9828 }
9829 label.item-radio.disabled,
9830 .disabled label.item-radio {
9831   opacity: 0.55;
9832   pointer-events: none;
9833   opacity: 0.55 !important;
9834   pointer-events: none !important;
9835 }
9836 .md .icon-radio {
9837   width: 20px;
9838   height: 20px;
9839   position: relative;
9840   border-radius: 50%;
9841   border: 2px solid #6d6d6d;
9842   -webkit-box-sizing: border-box;
9843   box-sizing: border-box;
9844   -webkit-transition-duration: 200ms;
9845   transition-duration: 200ms;
9846   display: block;
9847 }
9848 .md .icon-radio:after {
9849   content: '';
9850   position: absolute;
9851   width: 10px;
9852   height: 10px;
9853   left: 50%;
9854   top: 50%;
9855   margin-left: -5px;
9856   margin-top: -5px;
9857   background-color: #2196f3;
9858   border-radius: 50%;
9859   -webkit-transform: scale(0);
9860   transform: scale(0);
9861   -webkit-transition-duration: 200ms;
9862   transition-duration: 200ms;
9863 }
9864 .md label.item-radio input[type="radio"]:checked ~ .icon-radio,
9865 .md label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9866 .md .radio input[type="radio"]:checked ~ .icon-radio {
9867   border-color: #2196f3;
9868 }
9869 .md label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9870 .md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9871 .md .radio input[type="radio"]:checked ~ .icon-radio:after {
9872   background-color: #2196f3;
9873   -webkit-transform: scale(1);
9874   transform: scale(1);
9875 }
9876 .md label.item-radio {
9877   position: relative;
9878   overflow: hidden;
9879   z-index: 0;
9880 }
9881 .md label.item-radio > .icon-radio {
9882   margin-left: 38px;
9883 }
9884 .md label.item-radio .item-content .item-media,
9885 .md label.item-radio.item-content .item-media {
9886   -webkit-align-self: center;
9887   -ms-flex-item-align: center;
9888   align-self: center;
9889 }
9890 .md label.item-radio.active-state {
9891   background-color: rgba(0, 0, 0, 0.1);
9892 }
9893 .md .theme-dark label.item-radio.active-state {
9894   background-color: rgba(255, 255, 255, 0.05);
9895 }
9896 .md .theme-dark .icon-radio {
9897   border-color: rgba(255, 255, 255, 0.54);
9898 }
9899 .md .color-theme-red .icon-radio:after {
9900   background-color: #f44336;
9901 }
9902 .md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio,
9903 .md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9904 .md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio {
9905   border-color: #f44336;
9906 }
9907 .md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9908 .md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9909 .md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio:after {
9910   background-color: #f44336;
9911 }
9912 .md .color-theme-red .radio .ripple-wave {
9913   background: rgba(244, 67, 54, 0.5);
9914 }
9915 .md .color-theme-green .icon-radio:after {
9916   background-color: #4caf50;
9917 }
9918 .md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio,
9919 .md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9920 .md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio {
9921   border-color: #4caf50;
9922 }
9923 .md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9924 .md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9925 .md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio:after {
9926   background-color: #4caf50;
9927 }
9928 .md .color-theme-green .radio .ripple-wave {
9929   background: rgba(76, 175, 80, 0.5);
9930 }
9931 .md .color-theme-blue .icon-radio:after {
9932   background-color: #2196f3;
9933 }
9934 .md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio,
9935 .md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9936 .md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio {
9937   border-color: #2196f3;
9938 }
9939 .md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9940 .md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9941 .md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio:after {
9942   background-color: #2196f3;
9943 }
9944 .md .color-theme-blue .radio .ripple-wave {
9945   background: rgba(33, 150, 243, 0.5);
9946 }
9947 .md .color-theme-pink .icon-radio:after {
9948   background-color: #e91e63;
9949 }
9950 .md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio,
9951 .md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9952 .md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio {
9953   border-color: #e91e63;
9954 }
9955 .md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9956 .md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9957 .md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio:after {
9958   background-color: #e91e63;
9959 }
9960 .md .color-theme-pink .radio .ripple-wave {
9961   background: rgba(233, 30, 99, 0.5);
9962 }
9963 .md .color-theme-yellow .icon-radio:after {
9964   background-color: #ffeb3b;
9965 }
9966 .md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio,
9967 .md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9968 .md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio {
9969   border-color: #ffeb3b;
9970 }
9971 .md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9972 .md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9973 .md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio:after {
9974   background-color: #ffeb3b;
9975 }
9976 .md .color-theme-yellow .radio .ripple-wave {
9977   background: rgba(255, 235, 59, 0.5);
9978 }
9979 .md .color-theme-orange .icon-radio:after {
9980   background-color: #ff9800;
9981 }
9982 .md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio,
9983 .md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9984 .md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio {
9985   border-color: #ff9800;
9986 }
9987 .md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
9988 .md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
9989 .md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio:after {
9990   background-color: #ff9800;
9991 }
9992 .md .color-theme-orange .radio .ripple-wave {
9993   background: rgba(255, 152, 0, 0.5);
9994 }
9995 .md .color-theme-gray .icon-radio:after {
9996   background-color: #9e9e9e;
9997 }
9998 .md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio,
9999 .md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio,
10000 .md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio {
10001   border-color: #9e9e9e;
10002 }
10003 .md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
10004 .md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
10005 .md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio:after {
10006   background-color: #9e9e9e;
10007 }
10008 .md .color-theme-gray .radio .ripple-wave {
10009   background: rgba(158, 158, 158, 0.5);
10010 }
10011 .md .color-theme-white .icon-radio:after {
10012   background-color: #ffffff;
10013 }
10014 .md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio,
10015 .md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio,
10016 .md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio {
10017   border-color: #ffffff;
10018 }
10019 .md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
10020 .md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
10021 .md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio:after {
10022   background-color: #ffffff;
10023 }
10024 .md .color-theme-white .radio .ripple-wave {
10025   background: rgba(255, 255, 255, 0.5);
10026 }
10027 .md .color-theme-black .icon-radio:after {
10028   background-color: #000000;
10029 }
10030 .md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio,
10031 .md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio,
10032 .md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio {
10033   border-color: #000000;
10034 }
10035 .md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
10036 .md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
10037 .md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio:after {
10038   background-color: #000000;
10039 }
10040 .md .color-theme-black .radio .ripple-wave {
10041   background: rgba(0, 0, 0, 0.5);
10042 }
10043 .md .radio.color-red .icon-radio:after {
10044   background-color: #f44336;
10045 }
10046 .md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio,
10047 .md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio,
10048 .md .radio.color-red input[type="radio"]:checked ~ .icon-radio {
10049   border-color: #f44336;
10050 }
10051 .md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio:after,
10052 .md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio:after,
10053 .md .radio.color-red input[type="radio"]:checked ~ .icon-radio:after {
10054   background-color: #f44336;
10055 }
10056 .md .radio.color-red .ripple-wave {
10057   background: rgba(244, 67, 54, 0.5);
10058 }
10059 .md .radio.color-green .icon-radio:after {
10060   background-color: #4caf50;
10061 }
10062 .md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio,
10063 .md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio,
10064 .md .radio.color-green input[type="radio"]:checked ~ .icon-radio {
10065   border-color: #4caf50;
10066 }
10067 .md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio:after,
10068 .md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio:after,
10069 .md .radio.color-green input[type="radio"]:checked ~ .icon-radio:after {
10070   background-color: #4caf50;
10071 }
10072 .md .radio.color-green .ripple-wave {
10073   background: rgba(76, 175, 80, 0.5);
10074 }
10075 .md .radio.color-blue .icon-radio:after {
10076   background-color: #2196f3;
10077 }
10078 .md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio,
10079 .md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio,
10080 .md .radio.color-blue input[type="radio"]:checked ~ .icon-radio {
10081   border-color: #2196f3;
10082 }
10083 .md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio:after,
10084 .md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio:after,
10085 .md .radio.color-blue input[type="radio"]:checked ~ .icon-radio:after {
10086   background-color: #2196f3;
10087 }
10088 .md .radio.color-blue .ripple-wave {
10089   background: rgba(33, 150, 243, 0.5);
10090 }
10091 .md .radio.color-pink .icon-radio:after {
10092   background-color: #e91e63;
10093 }
10094 .md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio,
10095 .md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio,
10096 .md .radio.color-pink input[type="radio"]:checked ~ .icon-radio {
10097   border-color: #e91e63;
10098 }
10099 .md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio:after,
10100 .md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio:after,
10101 .md .radio.color-pink input[type="radio"]:checked ~ .icon-radio:after {
10102   background-color: #e91e63;
10103 }
10104 .md .radio.color-pink .ripple-wave {
10105   background: rgba(233, 30, 99, 0.5);
10106 }
10107 .md .radio.color-yellow .icon-radio:after {
10108   background-color: #ffeb3b;
10109 }
10110 .md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio,
10111 .md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio,
10112 .md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio {
10113   border-color: #ffeb3b;
10114 }
10115 .md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after,
10116 .md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio:after,
10117 .md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after {
10118   background-color: #ffeb3b;
10119 }
10120 .md .radio.color-yellow .ripple-wave {
10121   background: rgba(255, 235, 59, 0.5);
10122 }
10123 .md .radio.color-orange .icon-radio:after {
10124   background-color: #ff9800;
10125 }
10126 .md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio,
10127 .md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio,
10128 .md .radio.color-orange input[type="radio"]:checked ~ .icon-radio {
10129   border-color: #ff9800;
10130 }
10131 .md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio:after,
10132 .md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio:after,
10133 .md .radio.color-orange input[type="radio"]:checked ~ .icon-radio:after {
10134   background-color: #ff9800;
10135 }
10136 .md .radio.color-orange .ripple-wave {
10137   background: rgba(255, 152, 0, 0.5);
10138 }
10139 .md .radio.color-gray .icon-radio:after {
10140   background-color: #9e9e9e;
10141 }
10142 .md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio,
10143 .md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio,
10144 .md .radio.color-gray input[type="radio"]:checked ~ .icon-radio {
10145   border-color: #9e9e9e;
10146 }
10147 .md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio:after,
10148 .md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio:after,
10149 .md .radio.color-gray input[type="radio"]:checked ~ .icon-radio:after {
10150   background-color: #9e9e9e;
10151 }
10152 .md .radio.color-gray .ripple-wave {
10153   background: rgba(158, 158, 158, 0.5);
10154 }
10155 .md .radio.color-white .icon-radio:after {
10156   background-color: #ffffff;
10157 }
10158 .md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio,
10159 .md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio,
10160 .md .radio.color-white input[type="radio"]:checked ~ .icon-radio {
10161   border-color: #ffffff;
10162 }
10163 .md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio:after,
10164 .md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio:after,
10165 .md .radio.color-white input[type="radio"]:checked ~ .icon-radio:after {
10166   background-color: #ffffff;
10167 }
10168 .md .radio.color-white .ripple-wave {
10169   background: rgba(255, 255, 255, 0.5);
10170 }
10171 .md .radio.color-black .icon-radio:after {
10172   background-color: #000000;
10173 }
10174 .md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio,
10175 .md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio,
10176 .md .radio.color-black input[type="radio"]:checked ~ .icon-radio {
10177   border-color: #000000;
10178 }
10179 .md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio:after,
10180 .md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio:after,
10181 .md .radio.color-black input[type="radio"]:checked ~ .icon-radio:after {
10182   background-color: #000000;
10183 }
10184 .md .radio.color-black .ripple-wave {
10185   background: rgba(0, 0, 0, 0.5);
10186 }
10187 /* === Toggle === */
10188 .toggle {
10189   display: inline-block;
10190   vertical-align: middle;
10191   position: relative;
10192   -webkit-box-sizing: border-box;
10193   box-sizing: border-box;
10194   -webkit-align-self: center;
10195   -ms-flex-item-align: center;
10196   align-self: center;
10197   -webkit-user-select: none;
10198   -moz-user-select: none;
10199   -ms-user-select: none;
10200   user-select: none;
10201 }
10202 .toggle input[type="checkbox"] {
10203   display: none;
10204 }
10205 .toggle input[disabled] ~ .toggle-icon {
10206   pointer-events: none;
10207 }
10208 .toggle-icon {
10209   z-index: 0;
10210   margin: 0;
10211   padding: 0;
10212   -webkit-appearance: none;
10213   -moz-appearance: none;
10214   appearance: none;
10215   border: none;
10216   position: relative;
10217   -webkit-transition: 300ms;
10218   transition: 300ms;
10219   -webkit-box-sizing: border-box;
10220   box-sizing: border-box;
10221   display: block;
10222   cursor: pointer;
10223 }
10224 .toggle-icon:before,
10225 .toggle-icon:after {
10226   content: '';
10227 }
10228 .toggle-icon:after {
10229   background: #fff;
10230   position: absolute;
10231   z-index: 2;
10232   -webkit-transform: translateX(0px);
10233   transform: translateX(0px);
10234   -webkit-transition-duration: 300ms;
10235   transition-duration: 300ms;
10236 }
10237 .md .toggle {
10238   width: 36px;
10239   height: 14px;
10240 }
10241 .md .toggle input[type="checkbox"]:checked + .toggle-icon {
10242   background: rgba(33, 150, 243, 0.5);
10243 }
10244 .md .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10245   -webkit-transform: translateX(-16px);
10246   transform: translateX(-16px);
10247   background: #2196f3;
10248 }
10249 .md .toggle-icon {
10250   width: 36px;
10251   height: 14px;
10252   border-radius: 14px;
10253   background: #b0afaf;
10254 }
10255 .md .toggle-icon:after {
10256   height: 20px;
10257   width: 20px;
10258   top: -3px;
10259   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
10260   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
10261   border-radius: 10px;
10262   right: 0;
10263 }
10264 .md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon {
10265   background: rgba(244, 67, 54, 0.5);
10266 }
10267 .md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10268   background: #f44336;
10269 }
10270 .md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon {
10271   background: rgba(76, 175, 80, 0.5);
10272 }
10273 .md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10274   background: #4caf50;
10275 }
10276 .md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon {
10277   background: rgba(33, 150, 243, 0.5);
10278 }
10279 .md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10280   background: #2196f3;
10281 }
10282 .md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon {
10283   background: rgba(233, 30, 99, 0.5);
10284 }
10285 .md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10286   background: #e91e63;
10287 }
10288 .md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon {
10289   background: rgba(255, 235, 59, 0.5);
10290 }
10291 .md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10292   background: #ffeb3b;
10293 }
10294 .md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon {
10295   background: rgba(255, 152, 0, 0.5);
10296 }
10297 .md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10298   background: #ff9800;
10299 }
10300 .md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon {
10301   background: rgba(158, 158, 158, 0.5);
10302 }
10303 .md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10304   background: #9e9e9e;
10305 }
10306 .md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon {
10307   background: rgba(255, 255, 255, 0.5);
10308 }
10309 .md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10310   background: #ffffff;
10311 }
10312 .md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon {
10313   background: rgba(0, 0, 0, 0.5);
10314 }
10315 .md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon:after {
10316   background: #000000;
10317 }
10318 .md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon {
10319   background: rgba(244, 67, 54, 0.5);
10320 }
10321 .md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon:after {
10322   background: #f44336;
10323 }
10324 .md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon {
10325   background: rgba(76, 175, 80, 0.5);
10326 }
10327 .md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon:after {
10328   background: #4caf50;
10329 }
10330 .md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon {
10331   background: rgba(33, 150, 243, 0.5);
10332 }
10333 .md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon:after {
10334   background: #2196f3;
10335 }
10336 .md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon {
10337   background: rgba(233, 30, 99, 0.5);
10338 }
10339 .md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon:after {
10340   background: #e91e63;
10341 }
10342 .md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon {
10343   background: rgba(255, 235, 59, 0.5);
10344 }
10345 .md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon:after {
10346   background: #ffeb3b;
10347 }
10348 .md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon {
10349   background: rgba(255, 152, 0, 0.5);
10350 }
10351 .md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon:after {
10352   background: #ff9800;
10353 }
10354 .md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon {
10355   background: rgba(158, 158, 158, 0.5);
10356 }
10357 .md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon:after {
10358   background: #9e9e9e;
10359 }
10360 .md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon {
10361   background: rgba(255, 255, 255, 0.5);
10362 }
10363 .md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon:after {
10364   background: #ffffff;
10365 }
10366 .md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon {
10367   background: rgba(0, 0, 0, 0.5);
10368 }
10369 .md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon:after {
10370   background: #000000;
10371 }
10372 /* === Range Slider === */
10373 .range-slider {
10374   display: block;
10375   width: 100%;
10376   position: relative;
10377   -webkit-align-self: center;
10378   -ms-flex-item-align: center;
10379   align-self: center;
10380   cursor: pointer;
10381   -webkit-user-select: none;
10382   -moz-user-select: none;
10383   -ms-user-select: none;
10384   user-select: none;
10385 }
10386 .range-slider input[type="range"] {
10387   display: none;
10388 }
10389 .range-bar {
10390   position: absolute;
10391   left: 0;
10392   top: 50%;
10393   width: 100%;
10394   overflow: hidden;
10395 }
10396 .range-bar-active {
10397   position: absolute;
10398   right: 0;
10399   top: 0;
10400   height: 100%;
10401 }
10402 .range-knob-wrap {
10403   z-index: 20;
10404   position: absolute;
10405   top: 50%;
10406   right: 0;
10407 }
10408 .range-knob {
10409   -webkit-box-sizing: border-box;
10410   box-sizing: border-box;
10411   border-radius: 50%;
10412   position: absolute;
10413   left: 0;
10414   top: 0;
10415   width: 100%;
10416   height: 100%;
10417   z-index: 1;
10418 }
10419 .range-knob:after {
10420   content: '';
10421   position: absolute;
10422   left: 50%;
10423   top: 50%;
10424   width: 44px;
10425   height: 44px;
10426   margin-left: -22px;
10427   margin-top: -22px;
10428 }
10429 .range-knob-label {
10430   position: absolute;
10431   left: 50%;
10432   bottom: 100%;
10433   text-align: center;
10434   -webkit-transition-duration: 120ms;
10435   transition-duration: 120ms;
10436   -webkit-transition-property: -webkit-transform;
10437   transition-property: -webkit-transform;
10438   transition-property: transform;
10439   transition-property: transform, -webkit-transform;
10440   -webkit-transform: translateY(100%) scale(0);
10441   transform: translateY(100%) scale(0);
10442 }
10443 .range-knob-active-state .range-knob-label {
10444   -webkit-transform: translateY(0%) scale(1);
10445   transform: translateY(0%) scale(1);
10446 }
10447 .md .range-slider {
10448   height: 20px;
10449 }
10450 .md .range-bar {
10451   background: #b9b9b9;
10452   height: 2px;
10453   margin-top: -1px;
10454 }
10455 .md .range-bar-active {
10456   background: #2196f3;
10457 }
10458 .md .range-knob-wrap {
10459   height: 12px;
10460   width: 12px;
10461   margin-top: -6px;
10462   margin-right: -6px;
10463 }
10464 .md .range-knob {
10465   background: #2196f3;
10466   -webkit-transition-duration: 200ms;
10467   transition-duration: 200ms;
10468   -webkit-transition-property: background-color, -webkit-transform;
10469   transition-property: background-color, -webkit-transform;
10470   transition-property: transform, background-color;
10471   transition-property: transform, background-color, -webkit-transform;
10472 }
10473 .md .range-knob-active-state .range-knob {
10474   -webkit-transform: scale(1.5);
10475   transform: scale(1.5);
10476 }
10477 .md .range-slider-min:not(.range-slider-dual) .range-knob {
10478   background: #fff !important;
10479   border: 2px solid #b9b9b9;
10480 }
10481 .md .range-knob-label {
10482   width: 26px;
10483   height: 26px;
10484   margin-left: -13px;
10485   margin-bottom: 8px;
10486   background: #2196f3;
10487   color: #fff;
10488   font-size: 10px;
10489   border-radius: 50%;
10490   line-height: 26px;
10491 }
10492 .md .range-knob-label:before {
10493   content: '';
10494   left: 50%;
10495   top: 0px;
10496   margin-left: -13px;
10497   position: absolute;
10498   z-index: -1;
10499   width: 26px;
10500   height: 26px;
10501   background: #2196f3;
10502   -webkit-transform: rotate(-45deg);
10503   transform: rotate(-45deg);
10504   border-radius: 50% 50% 50% 0;
10505 }
10506 .md .range-knob-active-state .range-knob-label {
10507   -webkit-transform: translateY(0%) scale(1);
10508   transform: translateY(0%) scale(1);
10509 }
10510 .md .range-slider-label .range-knob-active-state .range-knob {
10511   -webkit-transform: scale(0);
10512   transform: scale(0);
10513 }
10514 .md .color-theme-red .range-slider .range-bar-active,
10515 .md .color-theme-red .range-slider .range-knob,
10516 .md .color-theme-red .range-slider .range-knob-label,
10517 .md .color-theme-red .range-slider .range-knob-label:before {
10518   background-color: #f44336;
10519 }
10520 .md .color-theme-green .range-slider .range-bar-active,
10521 .md .color-theme-green .range-slider .range-knob,
10522 .md .color-theme-green .range-slider .range-knob-label,
10523 .md .color-theme-green .range-slider .range-knob-label:before {
10524   background-color: #4caf50;
10525 }
10526 .md .color-theme-blue .range-slider .range-bar-active,
10527 .md .color-theme-blue .range-slider .range-knob,
10528 .md .color-theme-blue .range-slider .range-knob-label,
10529 .md .color-theme-blue .range-slider .range-knob-label:before {
10530   background-color: #2196f3;
10531 }
10532 .md .color-theme-pink .range-slider .range-bar-active,
10533 .md .color-theme-pink .range-slider .range-knob,
10534 .md .color-theme-pink .range-slider .range-knob-label,
10535 .md .color-theme-pink .range-slider .range-knob-label:before {
10536   background-color: #e91e63;
10537 }
10538 .md .color-theme-yellow .range-slider .range-bar-active,
10539 .md .color-theme-yellow .range-slider .range-knob,
10540 .md .color-theme-yellow .range-slider .range-knob-label,
10541 .md .color-theme-yellow .range-slider .range-knob-label:before {
10542   background-color: #ffeb3b;
10543 }
10544 .md .color-theme-orange .range-slider .range-bar-active,
10545 .md .color-theme-orange .range-slider .range-knob,
10546 .md .color-theme-orange .range-slider .range-knob-label,
10547 .md .color-theme-orange .range-slider .range-knob-label:before {
10548   background-color: #ff9800;
10549 }
10550 .md .color-theme-gray .range-slider .range-bar-active,
10551 .md .color-theme-gray .range-slider .range-knob,
10552 .md .color-theme-gray .range-slider .range-knob-label,
10553 .md .color-theme-gray .range-slider .range-knob-label:before {
10554   background-color: #9e9e9e;
10555 }
10556 .md .color-theme-white .range-slider .range-bar-active,
10557 .md .color-theme-white .range-slider .range-knob,
10558 .md .color-theme-white .range-slider .range-knob-label,
10559 .md .color-theme-white .range-slider .range-knob-label:before {
10560   background-color: #ffffff;
10561 }
10562 .md .color-theme-black .range-slider .range-bar-active,
10563 .md .color-theme-black .range-slider .range-knob,
10564 .md .color-theme-black .range-slider .range-knob-label,
10565 .md .color-theme-black .range-slider .range-knob-label:before {
10566   background-color: #000000;
10567 }
10568 .md .range-slider.color-red .range-bar-active,
10569 .md .range-slider.color-red .range-knob,
10570 .md .range-slider.color-red .range-knob-label,
10571 .md .range-slider.color-red .range-knob-label:before {
10572   background-color: #f44336;
10573 }
10574 .md .range-slider.color-green .range-bar-active,
10575 .md .range-slider.color-green .range-knob,
10576 .md .range-slider.color-green .range-knob-label,
10577 .md .range-slider.color-green .range-knob-label:before {
10578   background-color: #4caf50;
10579 }
10580 .md .range-slider.color-blue .range-bar-active,
10581 .md .range-slider.color-blue .range-knob,
10582 .md .range-slider.color-blue .range-knob-label,
10583 .md .range-slider.color-blue .range-knob-label:before {
10584   background-color: #2196f3;
10585 }
10586 .md .range-slider.color-pink .range-bar-active,
10587 .md .range-slider.color-pink .range-knob,
10588 .md .range-slider.color-pink .range-knob-label,
10589 .md .range-slider.color-pink .range-knob-label:before {
10590   background-color: #e91e63;
10591 }
10592 .md .range-slider.color-yellow .range-bar-active,
10593 .md .range-slider.color-yellow .range-knob,
10594 .md .range-slider.color-yellow .range-knob-label,
10595 .md .range-slider.color-yellow .range-knob-label:before {
10596   background-color: #ffeb3b;
10597 }
10598 .md .range-slider.color-orange .range-bar-active,
10599 .md .range-slider.color-orange .range-knob,
10600 .md .range-slider.color-orange .range-knob-label,
10601 .md .range-slider.color-orange .range-knob-label:before {
10602   background-color: #ff9800;
10603 }
10604 .md .range-slider.color-gray .range-bar-active,
10605 .md .range-slider.color-gray .range-knob,
10606 .md .range-slider.color-gray .range-knob-label,
10607 .md .range-slider.color-gray .range-knob-label:before {
10608   background-color: #9e9e9e;
10609 }
10610 .md .range-slider.color-white .range-bar-active,
10611 .md .range-slider.color-white .range-knob,
10612 .md .range-slider.color-white .range-knob-label,
10613 .md .range-slider.color-white .range-knob-label:before {
10614   background-color: #ffffff;
10615 }
10616 .md .range-slider.color-black .range-bar-active,
10617 .md .range-slider.color-black .range-knob,
10618 .md .range-slider.color-black .range-knob-label,
10619 .md .range-slider.color-black .range-knob-label:before {
10620   background-color: #000000;
10621 }
10622 /* === Stepper === */
10623 .stepper {
10624   display: -webkit-inline-box;
10625   display: -webkit-inline-flex;
10626   display: -ms-inline-flexbox;
10627   display: inline-flex;
10628   -webkit-box-align: stretch;
10629   -webkit-align-items: stretch;
10630   -ms-flex-align: stretch;
10631   align-items: stretch;
10632 }
10633 .stepper-button,
10634 .stepper-button-minus,
10635 .stepper-button-plus {
10636   text-align: center;
10637   display: -webkit-box;
10638   display: -webkit-flex;
10639   display: -ms-flexbox;
10640   display: flex;
10641   -webkit-box-pack: center;
10642   -webkit-justify-content: center;
10643   -ms-flex-pack: center;
10644   justify-content: center;
10645   -webkit-align-content: center;
10646   -ms-flex-line-pack: center;
10647   align-content: center;
10648   -webkit-box-align: center;
10649   -webkit-align-items: center;
10650   -ms-flex-align: center;
10651   align-items: center;
10652   -webkit-flex-shrink: 0;
10653   -ms-flex-negative: 0;
10654   flex-shrink: 0;
10655   -webkit-box-sizing: border-box;
10656   box-sizing: border-box;
10657   position: relative;
10658   cursor: pointer;
10659 }
10660 .stepper-button .icon,
10661 .stepper-button-minus .icon,
10662 .stepper-button-plus .icon {
10663   pointer-events: none;
10664 }
10665 .stepper-value {
10666   display: -webkit-box;
10667   display: -webkit-flex;
10668   display: -ms-flexbox;
10669   display: flex;
10670   -webkit-align-content: center;
10671   -ms-flex-line-pack: center;
10672   align-content: center;
10673   -webkit-box-align: center;
10674   -webkit-align-items: center;
10675   -ms-flex-align: center;
10676   align-items: center;
10677   -webkit-box-pack: center;
10678   -webkit-justify-content: center;
10679   -ms-flex-pack: center;
10680   justify-content: center;
10681 }
10682 .stepper-input-wrap,
10683 .stepper-value {
10684   -webkit-flex-shrink: 1;
10685   -ms-flex-negative: 1;
10686   flex-shrink: 1;
10687   text-align: center;
10688 }
10689 .stepper-button-plus,
10690 .stepper-button-minus {
10691   -webkit-user-select: none;
10692   -moz-user-select: none;
10693   -ms-user-select: none;
10694   user-select: none;
10695 }
10696 .stepper-button-plus:after,
10697 .stepper-button-minus:after,
10698 .stepper-button-plus:before,
10699 .stepper-button-minus:before {
10700   content: '';
10701   position: absolute;
10702   left: 50%;
10703   top: 50%;
10704   -webkit-transform: translate(-50%, -50%);
10705   transform: translate(-50%, -50%);
10706 }
10707 .stepper-button-plus:after,
10708 .stepper-button-minus:after {
10709   width: 15px;
10710   height: 2px;
10711 }
10712 .stepper-button-plus:before {
10713   height: 15px;
10714   width: 2px;
10715 }
10716 .stepper .stepper-input-wrap input,
10717 .stepper .stepper-value {
10718   width: 45px;
10719 }
10720 .md .stepper {
10721   height: 36px;
10722 }
10723 .md .stepper-button,
10724 .md .stepper-button-minus,
10725 .md .stepper-button-plus {
10726   border: 2px solid #2196f3;
10727   color: #2196f3;
10728   line-height: 34px;
10729   height: 36px;
10730   width: 40px;
10731   -webkit-transition-duration: 300ms;
10732   transition-duration: 300ms;
10733   -webkit-transform: translate3d(0, 0, 0);
10734   transform: translate3d(0, 0, 0);
10735   overflow: hidden;
10736 }
10737 .md .stepper-button + .stepper-button,
10738 .md .stepper-button-minus + .stepper-button,
10739 .md .stepper-button-plus + .stepper-button,
10740 .md .stepper-button + .stepper-button-minus,
10741 .md .stepper-button-minus + .stepper-button-minus,
10742 .md .stepper-button-plus + .stepper-button-minus,
10743 .md .stepper-button + .stepper-button-plus,
10744 .md .stepper-button-minus + .stepper-button-plus,
10745 .md .stepper-button-plus + .stepper-button-plus {
10746   border-right: none;
10747 }
10748 .md .stepper-button.active-state,
10749 .md .stepper-button-minus.active-state,
10750 .md .stepper-button-plus.active-state {
10751   background: rgba(0, 0, 0, 0.1);
10752 }
10753 .md .stepper-button:first-child,
10754 .md .stepper-button-minus:first-child,
10755 .md .stepper-button-plus:first-child {
10756   border-radius: 0 4px 4px 0;
10757 }
10758 .md .stepper-button:last-child,
10759 .md .stepper-button-minus:last-child,
10760 .md .stepper-button-plus:last-child {
10761   border-radius: 4px 0 0 4px;
10762 }
10763 .md .stepper-button-plus:after,
10764 .md .stepper-button-minus:after,
10765 .md .stepper-button-plus:before,
10766 .md .stepper-button-minus:before {
10767   background: #2196f3;
10768 }
10769 .md .stepper-value,
10770 .md .stepper-input-wrap {
10771   border-top: 2px solid #2196f3;
10772   border-bottom: 2px solid #2196f3;
10773 }
10774 .md .stepper .stepper-value,
10775 .md .stepper .stepper-input-wrap input {
10776   color: #2196f3;
10777   font-size: 14px;
10778   font-weight: 500;
10779   text-align: center;
10780 }
10781 .md .stepper .stepper-input-wrap input {
10782   height: 100%;
10783 }
10784 .md .stepper-fill .stepper-button,
10785 .md .stepper-fill-md .stepper-button,
10786 .md .stepper-fill .stepper-button-minus,
10787 .md .stepper-fill-md .stepper-button-minus,
10788 .md .stepper-fill .stepper-button-plus,
10789 .md .stepper-fill-md .stepper-button-plus {
10790   background-color: #2196f3;
10791   color: #fff;
10792   border: none;
10793   line-height: 36px;
10794 }
10795 .md .stepper-fill .stepper-button.active-state,
10796 .md .stepper-fill-md .stepper-button.active-state,
10797 .md .stepper-fill .stepper-button-minus.active-state,
10798 .md .stepper-fill-md .stepper-button-minus.active-state,
10799 .md .stepper-fill .stepper-button-plus.active-state,
10800 .md .stepper-fill-md .stepper-button-plus.active-state {
10801   background: #0c82df;
10802 }
10803 .md .stepper-fill .stepper-button:after,
10804 .md .stepper-fill-md .stepper-button:after,
10805 .md .stepper-fill .stepper-button-minus:after,
10806 .md .stepper-fill-md .stepper-button-minus:after,
10807 .md .stepper-fill .stepper-button-plus:after,
10808 .md .stepper-fill-md .stepper-button-plus:after,
10809 .md .stepper-fill .stepper-button:before,
10810 .md .stepper-fill-md .stepper-button:before,
10811 .md .stepper-fill .stepper-button-minus:before,
10812 .md .stepper-fill-md .stepper-button-minus:before,
10813 .md .stepper-fill .stepper-button-plus:before,
10814 .md .stepper-fill-md .stepper-button-plus:before {
10815   background: #fff;
10816 }
10817 .md .stepper-fill .stepper-button + .stepper-button,
10818 .md .stepper-fill-md .stepper-button + .stepper-button,
10819 .md .stepper-fill .stepper-button-minus + .stepper-button-plus,
10820 .md .stepper-fill-md .stepper-button-minus + .stepper-button-plus {
10821   border-right: 1px solid rgba(0, 0, 0, 0.1);
10822 }
10823 .md .stepper-fill.stepper-big .stepper-button,
10824 .md .stepper-fill-md.stepper-big .stepper-button,
10825 .md .stepper-fill.stepper-big-md .stepper-button,
10826 .md .stepper-fill-md.stepper-big-md .stepper-button,
10827 .md .stepper-fill.stepper-big .stepper-button-minus,
10828 .md .stepper-fill-md.stepper-big .stepper-button-minus,
10829 .md .stepper-fill.stepper-big-md .stepper-button-minus,
10830 .md .stepper-fill-md.stepper-big-md .stepper-button-minus,
10831 .md .stepper-fill.stepper-big .stepper-button-plus,
10832 .md .stepper-fill-md.stepper-big .stepper-button-plus,
10833 .md .stepper-fill.stepper-big-md .stepper-button-plus,
10834 .md .stepper-fill-md.stepper-big-md .stepper-button-plus {
10835   line-height: 48px;
10836 }
10837 .md .stepper-fill.stepper-small .stepper-button,
10838 .md .stepper-fill-md.stepper-small .stepper-button,
10839 .md .stepper-fill.stepper-small-md .stepper-button,
10840 .md .stepper-fill-md.stepper-small-md .stepper-button,
10841 .md .stepper-fill.stepper-small .stepper-button-minus,
10842 .md .stepper-fill-md.stepper-small .stepper-button-minus,
10843 .md .stepper-fill.stepper-small-md .stepper-button-minus,
10844 .md .stepper-fill-md.stepper-small-md .stepper-button-minus,
10845 .md .stepper-fill.stepper-small .stepper-button-plus,
10846 .md .stepper-fill-md.stepper-small .stepper-button-plus,
10847 .md .stepper-fill.stepper-small-md .stepper-button-plus,
10848 .md .stepper-fill-md.stepper-small-md .stepper-button-plus {
10849   line-height: 28px;
10850 }
10851 .md .stepper-small,
10852 .md .stepper-small-md {
10853   height: 28px;
10854 }
10855 .md .stepper-small .stepper-button,
10856 .md .stepper-small-md .stepper-button,
10857 .md .stepper-small .stepper-button-minus,
10858 .md .stepper-small-md .stepper-button-minus,
10859 .md .stepper-small .stepper-button-plus,
10860 .md .stepper-small-md .stepper-button-plus {
10861   height: 28px;
10862   line-height: 24px;
10863 }
10864 .md .stepper-small .stepper-button,
10865 .md .stepper-small-md .stepper-button,
10866 .md .stepper-small .stepper-button-minus,
10867 .md .stepper-small-md .stepper-button-minus,
10868 .md .stepper-small .stepper-button-plus,
10869 .md .stepper-small-md .stepper-button-plus,
10870 .md .stepper-small .stepper-input-wrap,
10871 .md .stepper-small-md .stepper-input-wrap,
10872 .md .stepper-small .stepper-value,
10873 .md .stepper-small-md .stepper-value {
10874   border-width: 2px;
10875 }
10876 .md .stepper-big,
10877 .md .stepper-big-md {
10878   height: 48px;
10879 }
10880 .md .stepper-big .stepper-button,
10881 .md .stepper-big-md .stepper-button,
10882 .md .stepper-big .stepper-button-minus,
10883 .md .stepper-big-md .stepper-button-minus,
10884 .md .stepper-big .stepper-button-plus,
10885 .md .stepper-big-md .stepper-button-plus {
10886   height: 48px;
10887   line-height: 46px;
10888 }
10889 .md .stepper-big .stepper-button:first-child,
10890 .md .stepper-big-md .stepper-button:first-child,
10891 .md .stepper-big .stepper-button-minus:first-child,
10892 .md .stepper-big-md .stepper-button-minus:first-child,
10893 .md .stepper-big .stepper-button-plus:first-child,
10894 .md .stepper-big-md .stepper-button-plus:first-child {
10895   border-radius: 0 4px 4px 0;
10896 }
10897 .md .stepper-big .stepper-button:last-child,
10898 .md .stepper-big-md .stepper-button:last-child,
10899 .md .stepper-big .stepper-button-minus:last-child,
10900 .md .stepper-big-md .stepper-button-minus:last-child,
10901 .md .stepper-big .stepper-button-plus:last-child,
10902 .md .stepper-big-md .stepper-button-plus:last-child {
10903   border-radius: 4px 0 0 4px;
10904 }
10905 .md .stepper-round .stepper-button:first-child,
10906 .md .stepper-round-md .stepper-button:first-child,
10907 .md .stepper-round .stepper-button-minus:first-child,
10908 .md .stepper-round-md .stepper-button-minus:first-child,
10909 .md .stepper-round .stepper-button-plus:first-child,
10910 .md .stepper-round-md .stepper-button-plus:first-child {
10911   border-radius: 0 36px 36px 0;
10912 }
10913 .md .stepper-round .stepper-button:last-child,
10914 .md .stepper-round-md .stepper-button:last-child,
10915 .md .stepper-round .stepper-button-minus:last-child,
10916 .md .stepper-round-md .stepper-button-minus:last-child,
10917 .md .stepper-round .stepper-button-plus:last-child,
10918 .md .stepper-round-md .stepper-button-plus:last-child {
10919   border-radius: 36px 0 0 36px;
10920 }
10921 .md .stepper-raised {
10922   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
10923   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
10924   border-radius: 4px;
10925 }
10926 .md .stepper-raised.stepper-big,
10927 .md .stepper-raised.stepper-big-md {
10928   border-radius: 4px;
10929 }
10930 .md .stepper-raised.stepper-round,
10931 .md .stepper-raised.stepper-round-md {
10932   border-radius: 36px;
10933 }
10934 .md .stepper-raised .stepper-value,
10935 .md .stepper-raised .stepper-input-wrap {
10936   border: none;
10937 }
10938 .md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-input-wrap,
10939 .md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-value {
10940   border-left: 1px solid rgba(0, 0, 0, 0.1);
10941   border-right: 1px solid rgba(0, 0, 0, 0.1);
10942 }
10943 .md .stepper-raised .stepper-button,
10944 .md .stepper-raised .stepper-button-minus,
10945 .md .stepper-raised .stepper-button-plus {
10946   border: none;
10947 }
10948 .md .stepper-raised .stepper-button + .stepper-button,
10949 .md .stepper-raised .stepper-button-minus + .stepper-button-plus {
10950   border-right: 1px solid rgba(0, 0, 0, 0.1);
10951 }
10952 .md .color-theme-red .stepper-button,
10953 .md .color-theme-red .stepper-button-minus,
10954 .md .color-theme-red .stepper-button-plus {
10955   border-color: #f44336;
10956   color: #f44336;
10957 }
10958 .md .color-theme-red .stepper-button-plus:after,
10959 .md .color-theme-red .stepper-button-minus:after,
10960 .md .color-theme-red .stepper-button-plus:before,
10961 .md .color-theme-red .stepper-button-minus:before {
10962   background: #f44336;
10963 }
10964 .md .color-theme-red .stepper-value,
10965 .md .color-theme-red .stepper-input-wrap {
10966   border-top-color: #f44336;
10967   border-bottom-color: #f44336;
10968 }
10969 .md .color-theme-red .stepper-value,
10970 .md .color-theme-red .stepper-input-wrap input {
10971   color: #f44336;
10972 }
10973 .md .color-theme-red .stepper-fill .stepper-button,
10974 .md .color-theme-red .stepper-fill-md .stepper-button,
10975 .md .color-theme-red .stepper-fill .stepper-button-minus,
10976 .md .color-theme-red .stepper-fill-md .stepper-button-minus,
10977 .md .color-theme-red .stepper-fill .stepper-button-plus,
10978 .md .color-theme-red .stepper-fill-md .stepper-button-plus {
10979   background-color: #f44336;
10980   color: #fff;
10981 }
10982 .md .color-theme-red .stepper-fill .stepper-button.active-state,
10983 .md .color-theme-red .stepper-fill-md .stepper-button.active-state,
10984 .md .color-theme-red .stepper-fill .stepper-button-minus.active-state,
10985 .md .color-theme-red .stepper-fill-md .stepper-button-minus.active-state,
10986 .md .color-theme-red .stepper-fill .stepper-button-plus.active-state,
10987 .md .color-theme-red .stepper-fill-md .stepper-button-plus.active-state {
10988   background: #f21f0f;
10989 }
10990 .md .color-theme-red .stepper-fill .stepper-button:after,
10991 .md .color-theme-red .stepper-fill-md .stepper-button:after,
10992 .md .color-theme-red .stepper-fill .stepper-button-minus:after,
10993 .md .color-theme-red .stepper-fill-md .stepper-button-minus:after,
10994 .md .color-theme-red .stepper-fill .stepper-button-plus:after,
10995 .md .color-theme-red .stepper-fill-md .stepper-button-plus:after,
10996 .md .color-theme-red .stepper-fill .stepper-button:before,
10997 .md .color-theme-red .stepper-fill-md .stepper-button:before,
10998 .md .color-theme-red .stepper-fill .stepper-button-minus:before,
10999 .md .color-theme-red .stepper-fill-md .stepper-button-minus:before,
11000 .md .color-theme-red .stepper-fill .stepper-button-plus:before,
11001 .md .color-theme-red .stepper-fill-md .stepper-button-plus:before {
11002   background: #fff;
11003 }
11004 .md .color-theme-green .stepper-button,
11005 .md .color-theme-green .stepper-button-minus,
11006 .md .color-theme-green .stepper-button-plus {
11007   border-color: #4caf50;
11008   color: #4caf50;
11009 }
11010 .md .color-theme-green .stepper-button-plus:after,
11011 .md .color-theme-green .stepper-button-minus:after,
11012 .md .color-theme-green .stepper-button-plus:before,
11013 .md .color-theme-green .stepper-button-minus:before {
11014   background: #4caf50;
11015 }
11016 .md .color-theme-green .stepper-value,
11017 .md .color-theme-green .stepper-input-wrap {
11018   border-top-color: #4caf50;
11019   border-bottom-color: #4caf50;
11020 }
11021 .md .color-theme-green .stepper-value,
11022 .md .color-theme-green .stepper-input-wrap input {
11023   color: #4caf50;
11024 }
11025 .md .color-theme-green .stepper-fill .stepper-button,
11026 .md .color-theme-green .stepper-fill-md .stepper-button,
11027 .md .color-theme-green .stepper-fill .stepper-button-minus,
11028 .md .color-theme-green .stepper-fill-md .stepper-button-minus,
11029 .md .color-theme-green .stepper-fill .stepper-button-plus,
11030 .md .color-theme-green .stepper-fill-md .stepper-button-plus {
11031   background-color: #4caf50;
11032   color: #fff;
11033 }
11034 .md .color-theme-green .stepper-fill .stepper-button.active-state,
11035 .md .color-theme-green .stepper-fill-md .stepper-button.active-state,
11036 .md .color-theme-green .stepper-fill .stepper-button-minus.active-state,
11037 .md .color-theme-green .stepper-fill-md .stepper-button-minus.active-state,
11038 .md .color-theme-green .stepper-fill .stepper-button-plus.active-state,
11039 .md .color-theme-green .stepper-fill-md .stepper-button-plus.active-state {
11040   background: #409343;
11041 }
11042 .md .color-theme-green .stepper-fill .stepper-button:after,
11043 .md .color-theme-green .stepper-fill-md .stepper-button:after,
11044 .md .color-theme-green .stepper-fill .stepper-button-minus:after,
11045 .md .color-theme-green .stepper-fill-md .stepper-button-minus:after,
11046 .md .color-theme-green .stepper-fill .stepper-button-plus:after,
11047 .md .color-theme-green .stepper-fill-md .stepper-button-plus:after,
11048 .md .color-theme-green .stepper-fill .stepper-button:before,
11049 .md .color-theme-green .stepper-fill-md .stepper-button:before,
11050 .md .color-theme-green .stepper-fill .stepper-button-minus:before,
11051 .md .color-theme-green .stepper-fill-md .stepper-button-minus:before,
11052 .md .color-theme-green .stepper-fill .stepper-button-plus:before,
11053 .md .color-theme-green .stepper-fill-md .stepper-button-plus:before {
11054   background: #fff;
11055 }
11056 .md .color-theme-blue .stepper-button,
11057 .md .color-theme-blue .stepper-button-minus,
11058 .md .color-theme-blue .stepper-button-plus {
11059   border-color: #2196f3;
11060   color: #2196f3;
11061 }
11062 .md .color-theme-blue .stepper-button-plus:after,
11063 .md .color-theme-blue .stepper-button-minus:after,
11064 .md .color-theme-blue .stepper-button-plus:before,
11065 .md .color-theme-blue .stepper-button-minus:before {
11066   background: #2196f3;
11067 }
11068 .md .color-theme-blue .stepper-value,
11069 .md .color-theme-blue .stepper-input-wrap {
11070   border-top-color: #2196f3;
11071   border-bottom-color: #2196f3;
11072 }
11073 .md .color-theme-blue .stepper-value,
11074 .md .color-theme-blue .stepper-input-wrap input {
11075   color: #2196f3;
11076 }
11077 .md .color-theme-blue .stepper-fill .stepper-button,
11078 .md .color-theme-blue .stepper-fill-md .stepper-button,
11079 .md .color-theme-blue .stepper-fill .stepper-button-minus,
11080 .md .color-theme-blue .stepper-fill-md .stepper-button-minus,
11081 .md .color-theme-blue .stepper-fill .stepper-button-plus,
11082 .md .color-theme-blue .stepper-fill-md .stepper-button-plus {
11083   background-color: #2196f3;
11084   color: #fff;
11085 }
11086 .md .color-theme-blue .stepper-fill .stepper-button.active-state,
11087 .md .color-theme-blue .stepper-fill-md .stepper-button.active-state,
11088 .md .color-theme-blue .stepper-fill .stepper-button-minus.active-state,
11089 .md .color-theme-blue .stepper-fill-md .stepper-button-minus.active-state,
11090 .md .color-theme-blue .stepper-fill .stepper-button-plus.active-state,
11091 .md .color-theme-blue .stepper-fill-md .stepper-button-plus.active-state {
11092   background: #0c82df;
11093 }
11094 .md .color-theme-blue .stepper-fill .stepper-button:after,
11095 .md .color-theme-blue .stepper-fill-md .stepper-button:after,
11096 .md .color-theme-blue .stepper-fill .stepper-button-minus:after,
11097 .md .color-theme-blue .stepper-fill-md .stepper-button-minus:after,
11098 .md .color-theme-blue .stepper-fill .stepper-button-plus:after,
11099 .md .color-theme-blue .stepper-fill-md .stepper-button-plus:after,
11100 .md .color-theme-blue .stepper-fill .stepper-button:before,
11101 .md .color-theme-blue .stepper-fill-md .stepper-button:before,
11102 .md .color-theme-blue .stepper-fill .stepper-button-minus:before,
11103 .md .color-theme-blue .stepper-fill-md .stepper-button-minus:before,
11104 .md .color-theme-blue .stepper-fill .stepper-button-plus:before,
11105 .md .color-theme-blue .stepper-fill-md .stepper-button-plus:before {
11106   background: #fff;
11107 }
11108 .md .color-theme-pink .stepper-button,
11109 .md .color-theme-pink .stepper-button-minus,
11110 .md .color-theme-pink .stepper-button-plus {
11111   border-color: #e91e63;
11112   color: #e91e63;
11113 }
11114 .md .color-theme-pink .stepper-button-plus:after,
11115 .md .color-theme-pink .stepper-button-minus:after,
11116 .md .color-theme-pink .stepper-button-plus:before,
11117 .md .color-theme-pink .stepper-button-minus:before {
11118   background: #e91e63;
11119 }
11120 .md .color-theme-pink .stepper-value,
11121 .md .color-theme-pink .stepper-input-wrap {
11122   border-top-color: #e91e63;
11123   border-bottom-color: #e91e63;
11124 }
11125 .md .color-theme-pink .stepper-value,
11126 .md .color-theme-pink .stepper-input-wrap input {
11127   color: #e91e63;
11128 }
11129 .md .color-theme-pink .stepper-fill .stepper-button,
11130 .md .color-theme-pink .stepper-fill-md .stepper-button,
11131 .md .color-theme-pink .stepper-fill .stepper-button-minus,
11132 .md .color-theme-pink .stepper-fill-md .stepper-button-minus,
11133 .md .color-theme-pink .stepper-fill .stepper-button-plus,
11134 .md .color-theme-pink .stepper-fill-md .stepper-button-plus {
11135   background-color: #e91e63;
11136   color: #fff;
11137 }
11138 .md .color-theme-pink .stepper-fill .stepper-button.active-state,
11139 .md .color-theme-pink .stepper-fill-md .stepper-button.active-state,
11140 .md .color-theme-pink .stepper-fill .stepper-button-minus.active-state,
11141 .md .color-theme-pink .stepper-fill-md .stepper-button-minus.active-state,
11142 .md .color-theme-pink .stepper-fill .stepper-button-plus.active-state,
11143 .md .color-theme-pink .stepper-fill-md .stepper-button-plus.active-state {
11144   background: #ca1452;
11145 }
11146 .md .color-theme-pink .stepper-fill .stepper-button:after,
11147 .md .color-theme-pink .stepper-fill-md .stepper-button:after,
11148 .md .color-theme-pink .stepper-fill .stepper-button-minus:after,
11149 .md .color-theme-pink .stepper-fill-md .stepper-button-minus:after,
11150 .md .color-theme-pink .stepper-fill .stepper-button-plus:after,
11151 .md .color-theme-pink .stepper-fill-md .stepper-button-plus:after,
11152 .md .color-theme-pink .stepper-fill .stepper-button:before,
11153 .md .color-theme-pink .stepper-fill-md .stepper-button:before,
11154 .md .color-theme-pink .stepper-fill .stepper-button-minus:before,
11155 .md .color-theme-pink .stepper-fill-md .stepper-button-minus:before,
11156 .md .color-theme-pink .stepper-fill .stepper-button-plus:before,
11157 .md .color-theme-pink .stepper-fill-md .stepper-button-plus:before {
11158   background: #fff;
11159 }
11160 .md .color-theme-yellow .stepper-button,
11161 .md .color-theme-yellow .stepper-button-minus,
11162 .md .color-theme-yellow .stepper-button-plus {
11163   border-color: #ffeb3b;
11164   color: #ffeb3b;
11165 }
11166 .md .color-theme-yellow .stepper-button-plus:after,
11167 .md .color-theme-yellow .stepper-button-minus:after,
11168 .md .color-theme-yellow .stepper-button-plus:before,
11169 .md .color-theme-yellow .stepper-button-minus:before {
11170   background: #ffeb3b;
11171 }
11172 .md .color-theme-yellow .stepper-value,
11173 .md .color-theme-yellow .stepper-input-wrap {
11174   border-top-color: #ffeb3b;
11175   border-bottom-color: #ffeb3b;
11176 }
11177 .md .color-theme-yellow .stepper-value,
11178 .md .color-theme-yellow .stepper-input-wrap input {
11179   color: #ffeb3b;
11180 }
11181 .md .color-theme-yellow .stepper-fill .stepper-button,
11182 .md .color-theme-yellow .stepper-fill-md .stepper-button,
11183 .md .color-theme-yellow .stepper-fill .stepper-button-minus,
11184 .md .color-theme-yellow .stepper-fill-md .stepper-button-minus,
11185 .md .color-theme-yellow .stepper-fill .stepper-button-plus,
11186 .md .color-theme-yellow .stepper-fill-md .stepper-button-plus {
11187   background-color: #ffeb3b;
11188   color: #fff;
11189 }
11190 .md .color-theme-yellow .stepper-fill .stepper-button.active-state,
11191 .md .color-theme-yellow .stepper-fill-md .stepper-button.active-state,
11192 .md .color-theme-yellow .stepper-fill .stepper-button-minus.active-state,
11193 .md .color-theme-yellow .stepper-fill-md .stepper-button-minus.active-state,
11194 .md .color-theme-yellow .stepper-fill .stepper-button-plus.active-state,
11195 .md .color-theme-yellow .stepper-fill-md .stepper-button-plus.active-state {
11196   background: #ffe712;
11197 }
11198 .md .color-theme-yellow .stepper-fill .stepper-button:after,
11199 .md .color-theme-yellow .stepper-fill-md .stepper-button:after,
11200 .md .color-theme-yellow .stepper-fill .stepper-button-minus:after,
11201 .md .color-theme-yellow .stepper-fill-md .stepper-button-minus:after,
11202 .md .color-theme-yellow .stepper-fill .stepper-button-plus:after,
11203 .md .color-theme-yellow .stepper-fill-md .stepper-button-plus:after,
11204 .md .color-theme-yellow .stepper-fill .stepper-button:before,
11205 .md .color-theme-yellow .stepper-fill-md .stepper-button:before,
11206 .md .color-theme-yellow .stepper-fill .stepper-button-minus:before,
11207 .md .color-theme-yellow .stepper-fill-md .stepper-button-minus:before,
11208 .md .color-theme-yellow .stepper-fill .stepper-button-plus:before,
11209 .md .color-theme-yellow .stepper-fill-md .stepper-button-plus:before {
11210   background: #fff;
11211 }
11212 .md .color-theme-orange .stepper-button,
11213 .md .color-theme-orange .stepper-button-minus,
11214 .md .color-theme-orange .stepper-button-plus {
11215   border-color: #ff9800;
11216   color: #ff9800;
11217 }
11218 .md .color-theme-orange .stepper-button-plus:after,
11219 .md .color-theme-orange .stepper-button-minus:after,
11220 .md .color-theme-orange .stepper-button-plus:before,
11221 .md .color-theme-orange .stepper-button-minus:before {
11222   background: #ff9800;
11223 }
11224 .md .color-theme-orange .stepper-value,
11225 .md .color-theme-orange .stepper-input-wrap {
11226   border-top-color: #ff9800;
11227   border-bottom-color: #ff9800;
11228 }
11229 .md .color-theme-orange .stepper-value,
11230 .md .color-theme-orange .stepper-input-wrap input {
11231   color: #ff9800;
11232 }
11233 .md .color-theme-orange .stepper-fill .stepper-button,
11234 .md .color-theme-orange .stepper-fill-md .stepper-button,
11235 .md .color-theme-orange .stepper-fill .stepper-button-minus,
11236 .md .color-theme-orange .stepper-fill-md .stepper-button-minus,
11237 .md .color-theme-orange .stepper-fill .stepper-button-plus,
11238 .md .color-theme-orange .stepper-fill-md .stepper-button-plus {
11239   background-color: #ff9800;
11240   color: #fff;
11241 }
11242 .md .color-theme-orange .stepper-fill .stepper-button.active-state,
11243 .md .color-theme-orange .stepper-fill-md .stepper-button.active-state,
11244 .md .color-theme-orange .stepper-fill .stepper-button-minus.active-state,
11245 .md .color-theme-orange .stepper-fill-md .stepper-button-minus.active-state,
11246 .md .color-theme-orange .stepper-fill .stepper-button-plus.active-state,
11247 .md .color-theme-orange .stepper-fill-md .stepper-button-plus.active-state {
11248   background: #d68000;
11249 }
11250 .md .color-theme-orange .stepper-fill .stepper-button:after,
11251 .md .color-theme-orange .stepper-fill-md .stepper-button:after,
11252 .md .color-theme-orange .stepper-fill .stepper-button-minus:after,
11253 .md .color-theme-orange .stepper-fill-md .stepper-button-minus:after,
11254 .md .color-theme-orange .stepper-fill .stepper-button-plus:after,
11255 .md .color-theme-orange .stepper-fill-md .stepper-button-plus:after,
11256 .md .color-theme-orange .stepper-fill .stepper-button:before,
11257 .md .color-theme-orange .stepper-fill-md .stepper-button:before,
11258 .md .color-theme-orange .stepper-fill .stepper-button-minus:before,
11259 .md .color-theme-orange .stepper-fill-md .stepper-button-minus:before,
11260 .md .color-theme-orange .stepper-fill .stepper-button-plus:before,
11261 .md .color-theme-orange .stepper-fill-md .stepper-button-plus:before {
11262   background: #fff;
11263 }
11264 .md .color-theme-gray .stepper-button,
11265 .md .color-theme-gray .stepper-button-minus,
11266 .md .color-theme-gray .stepper-button-plus {
11267   border-color: #9e9e9e;
11268   color: #9e9e9e;
11269 }
11270 .md .color-theme-gray .stepper-button-plus:after,
11271 .md .color-theme-gray .stepper-button-minus:after,
11272 .md .color-theme-gray .stepper-button-plus:before,
11273 .md .color-theme-gray .stepper-button-minus:before {
11274   background: #9e9e9e;
11275 }
11276 .md .color-theme-gray .stepper-value,
11277 .md .color-theme-gray .stepper-input-wrap {
11278   border-top-color: #9e9e9e;
11279   border-bottom-color: #9e9e9e;
11280 }
11281 .md .color-theme-gray .stepper-value,
11282 .md .color-theme-gray .stepper-input-wrap input {
11283   color: #9e9e9e;
11284 }
11285 .md .color-theme-gray .stepper-fill .stepper-button,
11286 .md .color-theme-gray .stepper-fill-md .stepper-button,
11287 .md .color-theme-gray .stepper-fill .stepper-button-minus,
11288 .md .color-theme-gray .stepper-fill-md .stepper-button-minus,
11289 .md .color-theme-gray .stepper-fill .stepper-button-plus,
11290 .md .color-theme-gray .stepper-fill-md .stepper-button-plus {
11291   background-color: #9e9e9e;
11292   color: #fff;
11293 }
11294 .md .color-theme-gray .stepper-fill .stepper-button.active-state,
11295 .md .color-theme-gray .stepper-fill-md .stepper-button.active-state,
11296 .md .color-theme-gray .stepper-fill .stepper-button-minus.active-state,
11297 .md .color-theme-gray .stepper-fill-md .stepper-button-minus.active-state,
11298 .md .color-theme-gray .stepper-fill .stepper-button-plus.active-state,
11299 .md .color-theme-gray .stepper-fill-md .stepper-button-plus.active-state {
11300   background: #8a8a8a;
11301 }
11302 .md .color-theme-gray .stepper-fill .stepper-button:after,
11303 .md .color-theme-gray .stepper-fill-md .stepper-button:after,
11304 .md .color-theme-gray .stepper-fill .stepper-button-minus:after,
11305 .md .color-theme-gray .stepper-fill-md .stepper-button-minus:after,
11306 .md .color-theme-gray .stepper-fill .stepper-button-plus:after,
11307 .md .color-theme-gray .stepper-fill-md .stepper-button-plus:after,
11308 .md .color-theme-gray .stepper-fill .stepper-button:before,
11309 .md .color-theme-gray .stepper-fill-md .stepper-button:before,
11310 .md .color-theme-gray .stepper-fill .stepper-button-minus:before,
11311 .md .color-theme-gray .stepper-fill-md .stepper-button-minus:before,
11312 .md .color-theme-gray .stepper-fill .stepper-button-plus:before,
11313 .md .color-theme-gray .stepper-fill-md .stepper-button-plus:before {
11314   background: #fff;
11315 }
11316 .md .color-theme-white .stepper-button,
11317 .md .color-theme-white .stepper-button-minus,
11318 .md .color-theme-white .stepper-button-plus {
11319   border-color: #ffffff;
11320   color: #ffffff;
11321 }
11322 .md .color-theme-white .stepper-button-plus:after,
11323 .md .color-theme-white .stepper-button-minus:after,
11324 .md .color-theme-white .stepper-button-plus:before,
11325 .md .color-theme-white .stepper-button-minus:before {
11326   background: #ffffff;
11327 }
11328 .md .color-theme-white .stepper-value,
11329 .md .color-theme-white .stepper-input-wrap {
11330   border-top-color: #ffffff;
11331   border-bottom-color: #ffffff;
11332 }
11333 .md .color-theme-white .stepper-value,
11334 .md .color-theme-white .stepper-input-wrap input {
11335   color: #ffffff;
11336 }
11337 .md .color-theme-white .stepper-fill .stepper-button,
11338 .md .color-theme-white .stepper-fill-md .stepper-button,
11339 .md .color-theme-white .stepper-fill .stepper-button-minus,
11340 .md .color-theme-white .stepper-fill-md .stepper-button-minus,
11341 .md .color-theme-white .stepper-fill .stepper-button-plus,
11342 .md .color-theme-white .stepper-fill-md .stepper-button-plus {
11343   background-color: #ffffff;
11344   color: #fff;
11345 }
11346 .md .color-theme-white .stepper-fill .stepper-button.active-state,
11347 .md .color-theme-white .stepper-fill-md .stepper-button.active-state,
11348 .md .color-theme-white .stepper-fill .stepper-button-minus.active-state,
11349 .md .color-theme-white .stepper-fill-md .stepper-button-minus.active-state,
11350 .md .color-theme-white .stepper-fill .stepper-button-plus.active-state,
11351 .md .color-theme-white .stepper-fill-md .stepper-button-plus.active-state {
11352   background: #ebebeb;
11353 }
11354 .md .color-theme-white .stepper-fill .stepper-button:after,
11355 .md .color-theme-white .stepper-fill-md .stepper-button:after,
11356 .md .color-theme-white .stepper-fill .stepper-button-minus:after,
11357 .md .color-theme-white .stepper-fill-md .stepper-button-minus:after,
11358 .md .color-theme-white .stepper-fill .stepper-button-plus:after,
11359 .md .color-theme-white .stepper-fill-md .stepper-button-plus:after,
11360 .md .color-theme-white .stepper-fill .stepper-button:before,
11361 .md .color-theme-white .stepper-fill-md .stepper-button:before,
11362 .md .color-theme-white .stepper-fill .stepper-button-minus:before,
11363 .md .color-theme-white .stepper-fill-md .stepper-button-minus:before,
11364 .md .color-theme-white .stepper-fill .stepper-button-plus:before,
11365 .md .color-theme-white .stepper-fill-md .stepper-button-plus:before {
11366   background: #fff;
11367 }
11368 .md .color-theme-black .stepper-button,
11369 .md .color-theme-black .stepper-button-minus,
11370 .md .color-theme-black .stepper-button-plus {
11371   border-color: #000000;
11372   color: #000000;
11373 }
11374 .md .color-theme-black .stepper-button-plus:after,
11375 .md .color-theme-black .stepper-button-minus:after,
11376 .md .color-theme-black .stepper-button-plus:before,
11377 .md .color-theme-black .stepper-button-minus:before {
11378   background: #000000;
11379 }
11380 .md .color-theme-black .stepper-value,
11381 .md .color-theme-black .stepper-input-wrap {
11382   border-top-color: #000000;
11383   border-bottom-color: #000000;
11384 }
11385 .md .color-theme-black .stepper-value,
11386 .md .color-theme-black .stepper-input-wrap input {
11387   color: #000000;
11388 }
11389 .md .color-theme-black .stepper-fill .stepper-button,
11390 .md .color-theme-black .stepper-fill-md .stepper-button,
11391 .md .color-theme-black .stepper-fill .stepper-button-minus,
11392 .md .color-theme-black .stepper-fill-md .stepper-button-minus,
11393 .md .color-theme-black .stepper-fill .stepper-button-plus,
11394 .md .color-theme-black .stepper-fill-md .stepper-button-plus {
11395   background-color: #000000;
11396   color: #fff;
11397 }
11398 .md .color-theme-black .stepper-fill .stepper-button.active-state,
11399 .md .color-theme-black .stepper-fill-md .stepper-button.active-state,
11400 .md .color-theme-black .stepper-fill .stepper-button-minus.active-state,
11401 .md .color-theme-black .stepper-fill-md .stepper-button-minus.active-state,
11402 .md .color-theme-black .stepper-fill .stepper-button-plus.active-state,
11403 .md .color-theme-black .stepper-fill-md .stepper-button-plus.active-state {
11404   background: #000000;
11405 }
11406 .md .color-theme-black .stepper-fill .stepper-button:after,
11407 .md .color-theme-black .stepper-fill-md .stepper-button:after,
11408 .md .color-theme-black .stepper-fill .stepper-button-minus:after,
11409 .md .color-theme-black .stepper-fill-md .stepper-button-minus:after,
11410 .md .color-theme-black .stepper-fill .stepper-button-plus:after,
11411 .md .color-theme-black .stepper-fill-md .stepper-button-plus:after,
11412 .md .color-theme-black .stepper-fill .stepper-button:before,
11413 .md .color-theme-black .stepper-fill-md .stepper-button:before,
11414 .md .color-theme-black .stepper-fill .stepper-button-minus:before,
11415 .md .color-theme-black .stepper-fill-md .stepper-button-minus:before,
11416 .md .color-theme-black .stepper-fill .stepper-button-plus:before,
11417 .md .color-theme-black .stepper-fill-md .stepper-button-plus:before {
11418   background: #fff;
11419 }
11420 .md .stepper.color-red .stepper-button,
11421 .md .stepper.color-red .stepper-button-minus,
11422 .md .stepper.color-red .stepper-button-plus {
11423   border-color: #f44336;
11424   color: #f44336;
11425 }
11426 .md .stepper.color-red .stepper-button-plus:after,
11427 .md .stepper.color-red .stepper-button-minus:after,
11428 .md .stepper.color-red .stepper-button-plus:before,
11429 .md .stepper.color-red .stepper-button-minus:before {
11430   background: #f44336;
11431 }
11432 .md .stepper.color-red .stepper-value,
11433 .md .stepper.color-red .stepper-input-wrap {
11434   border-top-color: #f44336;
11435   border-bottom-color: #f44336;
11436 }
11437 .md .stepper.color-red .stepper-value,
11438 .md .stepper.color-red .stepper-input-wrap input {
11439   color: #f44336;
11440 }
11441 .md .stepper-fill.color-red .stepper-button,
11442 .md .stepper-fill-md.color-red .stepper-button,
11443 .md .stepper-fill.color-red .stepper-button-minus,
11444 .md .stepper-fill-md.color-red .stepper-button-minus,
11445 .md .stepper-fill.color-red .stepper-button-plus,
11446 .md .stepper-fill-md.color-red .stepper-button-plus {
11447   background-color: #f44336;
11448   color: #fff;
11449 }
11450 .md .stepper-fill.color-red .stepper-button.active-state,
11451 .md .stepper-fill-md.color-red .stepper-button.active-state,
11452 .md .stepper-fill.color-red .stepper-button-minus.active-state,
11453 .md .stepper-fill-md.color-red .stepper-button-minus.active-state,
11454 .md .stepper-fill.color-red .stepper-button-plus.active-state,
11455 .md .stepper-fill-md.color-red .stepper-button-plus.active-state {
11456   background: #f21f0f;
11457 }
11458 .md .stepper-fill.color-red .stepper-button:after,
11459 .md .stepper-fill-md.color-red .stepper-button:after,
11460 .md .stepper-fill.color-red .stepper-button-minus:after,
11461 .md .stepper-fill-md.color-red .stepper-button-minus:after,
11462 .md .stepper-fill.color-red .stepper-button-plus:after,
11463 .md .stepper-fill-md.color-red .stepper-button-plus:after,
11464 .md .stepper-fill.color-red .stepper-button:before,
11465 .md .stepper-fill-md.color-red .stepper-button:before,
11466 .md .stepper-fill.color-red .stepper-button-minus:before,
11467 .md .stepper-fill-md.color-red .stepper-button-minus:before,
11468 .md .stepper-fill.color-red .stepper-button-plus:before,
11469 .md .stepper-fill-md.color-red .stepper-button-plus:before {
11470   background: #fff;
11471 }
11472 .md .stepper.color-green .stepper-button,
11473 .md .stepper.color-green .stepper-button-minus,
11474 .md .stepper.color-green .stepper-button-plus {
11475   border-color: #4caf50;
11476   color: #4caf50;
11477 }
11478 .md .stepper.color-green .stepper-button-plus:after,
11479 .md .stepper.color-green .stepper-button-minus:after,
11480 .md .stepper.color-green .stepper-button-plus:before,
11481 .md .stepper.color-green .stepper-button-minus:before {
11482   background: #4caf50;
11483 }
11484 .md .stepper.color-green .stepper-value,
11485 .md .stepper.color-green .stepper-input-wrap {
11486   border-top-color: #4caf50;
11487   border-bottom-color: #4caf50;
11488 }
11489 .md .stepper.color-green .stepper-value,
11490 .md .stepper.color-green .stepper-input-wrap input {
11491   color: #4caf50;
11492 }
11493 .md .stepper-fill.color-green .stepper-button,
11494 .md .stepper-fill-md.color-green .stepper-button,
11495 .md .stepper-fill.color-green .stepper-button-minus,
11496 .md .stepper-fill-md.color-green .stepper-button-minus,
11497 .md .stepper-fill.color-green .stepper-button-plus,
11498 .md .stepper-fill-md.color-green .stepper-button-plus {
11499   background-color: #4caf50;
11500   color: #fff;
11501 }
11502 .md .stepper-fill.color-green .stepper-button.active-state,
11503 .md .stepper-fill-md.color-green .stepper-button.active-state,
11504 .md .stepper-fill.color-green .stepper-button-minus.active-state,
11505 .md .stepper-fill-md.color-green .stepper-button-minus.active-state,
11506 .md .stepper-fill.color-green .stepper-button-plus.active-state,
11507 .md .stepper-fill-md.color-green .stepper-button-plus.active-state {
11508   background: #409343;
11509 }
11510 .md .stepper-fill.color-green .stepper-button:after,
11511 .md .stepper-fill-md.color-green .stepper-button:after,
11512 .md .stepper-fill.color-green .stepper-button-minus:after,
11513 .md .stepper-fill-md.color-green .stepper-button-minus:after,
11514 .md .stepper-fill.color-green .stepper-button-plus:after,
11515 .md .stepper-fill-md.color-green .stepper-button-plus:after,
11516 .md .stepper-fill.color-green .stepper-button:before,
11517 .md .stepper-fill-md.color-green .stepper-button:before,
11518 .md .stepper-fill.color-green .stepper-button-minus:before,
11519 .md .stepper-fill-md.color-green .stepper-button-minus:before,
11520 .md .stepper-fill.color-green .stepper-button-plus:before,
11521 .md .stepper-fill-md.color-green .stepper-button-plus:before {
11522   background: #fff;
11523 }
11524 .md .stepper.color-blue .stepper-button,
11525 .md .stepper.color-blue .stepper-button-minus,
11526 .md .stepper.color-blue .stepper-button-plus {
11527   border-color: #2196f3;
11528   color: #2196f3;
11529 }
11530 .md .stepper.color-blue .stepper-button-plus:after,
11531 .md .stepper.color-blue .stepper-button-minus:after,
11532 .md .stepper.color-blue .stepper-button-plus:before,
11533 .md .stepper.color-blue .stepper-button-minus:before {
11534   background: #2196f3;
11535 }
11536 .md .stepper.color-blue .stepper-value,
11537 .md .stepper.color-blue .stepper-input-wrap {
11538   border-top-color: #2196f3;
11539   border-bottom-color: #2196f3;
11540 }
11541 .md .stepper.color-blue .stepper-value,
11542 .md .stepper.color-blue .stepper-input-wrap input {
11543   color: #2196f3;
11544 }
11545 .md .stepper-fill.color-blue .stepper-button,
11546 .md .stepper-fill-md.color-blue .stepper-button,
11547 .md .stepper-fill.color-blue .stepper-button-minus,
11548 .md .stepper-fill-md.color-blue .stepper-button-minus,
11549 .md .stepper-fill.color-blue .stepper-button-plus,
11550 .md .stepper-fill-md.color-blue .stepper-button-plus {
11551   background-color: #2196f3;
11552   color: #fff;
11553 }
11554 .md .stepper-fill.color-blue .stepper-button.active-state,
11555 .md .stepper-fill-md.color-blue .stepper-button.active-state,
11556 .md .stepper-fill.color-blue .stepper-button-minus.active-state,
11557 .md .stepper-fill-md.color-blue .stepper-button-minus.active-state,
11558 .md .stepper-fill.color-blue .stepper-button-plus.active-state,
11559 .md .stepper-fill-md.color-blue .stepper-button-plus.active-state {
11560   background: #0c82df;
11561 }
11562 .md .stepper-fill.color-blue .stepper-button:after,
11563 .md .stepper-fill-md.color-blue .stepper-button:after,
11564 .md .stepper-fill.color-blue .stepper-button-minus:after,
11565 .md .stepper-fill-md.color-blue .stepper-button-minus:after,
11566 .md .stepper-fill.color-blue .stepper-button-plus:after,
11567 .md .stepper-fill-md.color-blue .stepper-button-plus:after,
11568 .md .stepper-fill.color-blue .stepper-button:before,
11569 .md .stepper-fill-md.color-blue .stepper-button:before,
11570 .md .stepper-fill.color-blue .stepper-button-minus:before,
11571 .md .stepper-fill-md.color-blue .stepper-button-minus:before,
11572 .md .stepper-fill.color-blue .stepper-button-plus:before,
11573 .md .stepper-fill-md.color-blue .stepper-button-plus:before {
11574   background: #fff;
11575 }
11576 .md .stepper.color-pink .stepper-button,
11577 .md .stepper.color-pink .stepper-button-minus,
11578 .md .stepper.color-pink .stepper-button-plus {
11579   border-color: #e91e63;
11580   color: #e91e63;
11581 }
11582 .md .stepper.color-pink .stepper-button-plus:after,
11583 .md .stepper.color-pink .stepper-button-minus:after,
11584 .md .stepper.color-pink .stepper-button-plus:before,
11585 .md .stepper.color-pink .stepper-button-minus:before {
11586   background: #e91e63;
11587 }
11588 .md .stepper.color-pink .stepper-value,
11589 .md .stepper.color-pink .stepper-input-wrap {
11590   border-top-color: #e91e63;
11591   border-bottom-color: #e91e63;
11592 }
11593 .md .stepper.color-pink .stepper-value,
11594 .md .stepper.color-pink .stepper-input-wrap input {
11595   color: #e91e63;
11596 }
11597 .md .stepper-fill.color-pink .stepper-button,
11598 .md .stepper-fill-md.color-pink .stepper-button,
11599 .md .stepper-fill.color-pink .stepper-button-minus,
11600 .md .stepper-fill-md.color-pink .stepper-button-minus,
11601 .md .stepper-fill.color-pink .stepper-button-plus,
11602 .md .stepper-fill-md.color-pink .stepper-button-plus {
11603   background-color: #e91e63;
11604   color: #fff;
11605 }
11606 .md .stepper-fill.color-pink .stepper-button.active-state,
11607 .md .stepper-fill-md.color-pink .stepper-button.active-state,
11608 .md .stepper-fill.color-pink .stepper-button-minus.active-state,
11609 .md .stepper-fill-md.color-pink .stepper-button-minus.active-state,
11610 .md .stepper-fill.color-pink .stepper-button-plus.active-state,
11611 .md .stepper-fill-md.color-pink .stepper-button-plus.active-state {
11612   background: #ca1452;
11613 }
11614 .md .stepper-fill.color-pink .stepper-button:after,
11615 .md .stepper-fill-md.color-pink .stepper-button:after,
11616 .md .stepper-fill.color-pink .stepper-button-minus:after,
11617 .md .stepper-fill-md.color-pink .stepper-button-minus:after,
11618 .md .stepper-fill.color-pink .stepper-button-plus:after,
11619 .md .stepper-fill-md.color-pink .stepper-button-plus:after,
11620 .md .stepper-fill.color-pink .stepper-button:before,
11621 .md .stepper-fill-md.color-pink .stepper-button:before,
11622 .md .stepper-fill.color-pink .stepper-button-minus:before,
11623 .md .stepper-fill-md.color-pink .stepper-button-minus:before,
11624 .md .stepper-fill.color-pink .stepper-button-plus:before,
11625 .md .stepper-fill-md.color-pink .stepper-button-plus:before {
11626   background: #fff;
11627 }
11628 .md .stepper.color-yellow .stepper-button,
11629 .md .stepper.color-yellow .stepper-button-minus,
11630 .md .stepper.color-yellow .stepper-button-plus {
11631   border-color: #ffeb3b;
11632   color: #ffeb3b;
11633 }
11634 .md .stepper.color-yellow .stepper-button-plus:after,
11635 .md .stepper.color-yellow .stepper-button-minus:after,
11636 .md .stepper.color-yellow .stepper-button-plus:before,
11637 .md .stepper.color-yellow .stepper-button-minus:before {
11638   background: #ffeb3b;
11639 }
11640 .md .stepper.color-yellow .stepper-value,
11641 .md .stepper.color-yellow .stepper-input-wrap {
11642   border-top-color: #ffeb3b;
11643   border-bottom-color: #ffeb3b;
11644 }
11645 .md .stepper.color-yellow .stepper-value,
11646 .md .stepper.color-yellow .stepper-input-wrap input {
11647   color: #ffeb3b;
11648 }
11649 .md .stepper-fill.color-yellow .stepper-button,
11650 .md .stepper-fill-md.color-yellow .stepper-button,
11651 .md .stepper-fill.color-yellow .stepper-button-minus,
11652 .md .stepper-fill-md.color-yellow .stepper-button-minus,
11653 .md .stepper-fill.color-yellow .stepper-button-plus,
11654 .md .stepper-fill-md.color-yellow .stepper-button-plus {
11655   background-color: #ffeb3b;
11656   color: #fff;
11657 }
11658 .md .stepper-fill.color-yellow .stepper-button.active-state,
11659 .md .stepper-fill-md.color-yellow .stepper-button.active-state,
11660 .md .stepper-fill.color-yellow .stepper-button-minus.active-state,
11661 .md .stepper-fill-md.color-yellow .stepper-button-minus.active-state,
11662 .md .stepper-fill.color-yellow .stepper-button-plus.active-state,
11663 .md .stepper-fill-md.color-yellow .stepper-button-plus.active-state {
11664   background: #ffe712;
11665 }
11666 .md .stepper-fill.color-yellow .stepper-button:after,
11667 .md .stepper-fill-md.color-yellow .stepper-button:after,
11668 .md .stepper-fill.color-yellow .stepper-button-minus:after,
11669 .md .stepper-fill-md.color-yellow .stepper-button-minus:after,
11670 .md .stepper-fill.color-yellow .stepper-button-plus:after,
11671 .md .stepper-fill-md.color-yellow .stepper-button-plus:after,
11672 .md .stepper-fill.color-yellow .stepper-button:before,
11673 .md .stepper-fill-md.color-yellow .stepper-button:before,
11674 .md .stepper-fill.color-yellow .stepper-button-minus:before,
11675 .md .stepper-fill-md.color-yellow .stepper-button-minus:before,
11676 .md .stepper-fill.color-yellow .stepper-button-plus:before,
11677 .md .stepper-fill-md.color-yellow .stepper-button-plus:before {
11678   background: #fff;
11679 }
11680 .md .stepper.color-orange .stepper-button,
11681 .md .stepper.color-orange .stepper-button-minus,
11682 .md .stepper.color-orange .stepper-button-plus {
11683   border-color: #ff9800;
11684   color: #ff9800;
11685 }
11686 .md .stepper.color-orange .stepper-button-plus:after,
11687 .md .stepper.color-orange .stepper-button-minus:after,
11688 .md .stepper.color-orange .stepper-button-plus:before,
11689 .md .stepper.color-orange .stepper-button-minus:before {
11690   background: #ff9800;
11691 }
11692 .md .stepper.color-orange .stepper-value,
11693 .md .stepper.color-orange .stepper-input-wrap {
11694   border-top-color: #ff9800;
11695   border-bottom-color: #ff9800;
11696 }
11697 .md .stepper.color-orange .stepper-value,
11698 .md .stepper.color-orange .stepper-input-wrap input {
11699   color: #ff9800;
11700 }
11701 .md .stepper-fill.color-orange .stepper-button,
11702 .md .stepper-fill-md.color-orange .stepper-button,
11703 .md .stepper-fill.color-orange .stepper-button-minus,
11704 .md .stepper-fill-md.color-orange .stepper-button-minus,
11705 .md .stepper-fill.color-orange .stepper-button-plus,
11706 .md .stepper-fill-md.color-orange .stepper-button-plus {
11707   background-color: #ff9800;
11708   color: #fff;
11709 }
11710 .md .stepper-fill.color-orange .stepper-button.active-state,
11711 .md .stepper-fill-md.color-orange .stepper-button.active-state,
11712 .md .stepper-fill.color-orange .stepper-button-minus.active-state,
11713 .md .stepper-fill-md.color-orange .stepper-button-minus.active-state,
11714 .md .stepper-fill.color-orange .stepper-button-plus.active-state,
11715 .md .stepper-fill-md.color-orange .stepper-button-plus.active-state {
11716   background: #d68000;
11717 }
11718 .md .stepper-fill.color-orange .stepper-button:after,
11719 .md .stepper-fill-md.color-orange .stepper-button:after,
11720 .md .stepper-fill.color-orange .stepper-button-minus:after,
11721 .md .stepper-fill-md.color-orange .stepper-button-minus:after,
11722 .md .stepper-fill.color-orange .stepper-button-plus:after,
11723 .md .stepper-fill-md.color-orange .stepper-button-plus:after,
11724 .md .stepper-fill.color-orange .stepper-button:before,
11725 .md .stepper-fill-md.color-orange .stepper-button:before,
11726 .md .stepper-fill.color-orange .stepper-button-minus:before,
11727 .md .stepper-fill-md.color-orange .stepper-button-minus:before,
11728 .md .stepper-fill.color-orange .stepper-button-plus:before,
11729 .md .stepper-fill-md.color-orange .stepper-button-plus:before {
11730   background: #fff;
11731 }
11732 .md .stepper.color-gray .stepper-button,
11733 .md .stepper.color-gray .stepper-button-minus,
11734 .md .stepper.color-gray .stepper-button-plus {
11735   border-color: #9e9e9e;
11736   color: #9e9e9e;
11737 }
11738 .md .stepper.color-gray .stepper-button-plus:after,
11739 .md .stepper.color-gray .stepper-button-minus:after,
11740 .md .stepper.color-gray .stepper-button-plus:before,
11741 .md .stepper.color-gray .stepper-button-minus:before {
11742   background: #9e9e9e;
11743 }
11744 .md .stepper.color-gray .stepper-value,
11745 .md .stepper.color-gray .stepper-input-wrap {
11746   border-top-color: #9e9e9e;
11747   border-bottom-color: #9e9e9e;
11748 }
11749 .md .stepper.color-gray .stepper-value,
11750 .md .stepper.color-gray .stepper-input-wrap input {
11751   color: #9e9e9e;
11752 }
11753 .md .stepper-fill.color-gray .stepper-button,
11754 .md .stepper-fill-md.color-gray .stepper-button,
11755 .md .stepper-fill.color-gray .stepper-button-minus,
11756 .md .stepper-fill-md.color-gray .stepper-button-minus,
11757 .md .stepper-fill.color-gray .stepper-button-plus,
11758 .md .stepper-fill-md.color-gray .stepper-button-plus {
11759   background-color: #9e9e9e;
11760   color: #fff;
11761 }
11762 .md .stepper-fill.color-gray .stepper-button.active-state,
11763 .md .stepper-fill-md.color-gray .stepper-button.active-state,
11764 .md .stepper-fill.color-gray .stepper-button-minus.active-state,
11765 .md .stepper-fill-md.color-gray .stepper-button-minus.active-state,
11766 .md .stepper-fill.color-gray .stepper-button-plus.active-state,
11767 .md .stepper-fill-md.color-gray .stepper-button-plus.active-state {
11768   background: #8a8a8a;
11769 }
11770 .md .stepper-fill.color-gray .stepper-button:after,
11771 .md .stepper-fill-md.color-gray .stepper-button:after,
11772 .md .stepper-fill.color-gray .stepper-button-minus:after,
11773 .md .stepper-fill-md.color-gray .stepper-button-minus:after,
11774 .md .stepper-fill.color-gray .stepper-button-plus:after,
11775 .md .stepper-fill-md.color-gray .stepper-button-plus:after,
11776 .md .stepper-fill.color-gray .stepper-button:before,
11777 .md .stepper-fill-md.color-gray .stepper-button:before,
11778 .md .stepper-fill.color-gray .stepper-button-minus:before,
11779 .md .stepper-fill-md.color-gray .stepper-button-minus:before,
11780 .md .stepper-fill.color-gray .stepper-button-plus:before,
11781 .md .stepper-fill-md.color-gray .stepper-button-plus:before {
11782   background: #fff;
11783 }
11784 .md .stepper.color-white .stepper-button,
11785 .md .stepper.color-white .stepper-button-minus,
11786 .md .stepper.color-white .stepper-button-plus {
11787   border-color: #ffffff;
11788   color: #ffffff;
11789 }
11790 .md .stepper.color-white .stepper-button-plus:after,
11791 .md .stepper.color-white .stepper-button-minus:after,
11792 .md .stepper.color-white .stepper-button-plus:before,
11793 .md .stepper.color-white .stepper-button-minus:before {
11794   background: #ffffff;
11795 }
11796 .md .stepper.color-white .stepper-value,
11797 .md .stepper.color-white .stepper-input-wrap {
11798   border-top-color: #ffffff;
11799   border-bottom-color: #ffffff;
11800 }
11801 .md .stepper.color-white .stepper-value,
11802 .md .stepper.color-white .stepper-input-wrap input {
11803   color: #ffffff;
11804 }
11805 .md .stepper-fill.color-white .stepper-button,
11806 .md .stepper-fill-md.color-white .stepper-button,
11807 .md .stepper-fill.color-white .stepper-button-minus,
11808 .md .stepper-fill-md.color-white .stepper-button-minus,
11809 .md .stepper-fill.color-white .stepper-button-plus,
11810 .md .stepper-fill-md.color-white .stepper-button-plus {
11811   background-color: #ffffff;
11812   color: #fff;
11813 }
11814 .md .stepper-fill.color-white .stepper-button.active-state,
11815 .md .stepper-fill-md.color-white .stepper-button.active-state,
11816 .md .stepper-fill.color-white .stepper-button-minus.active-state,
11817 .md .stepper-fill-md.color-white .stepper-button-minus.active-state,
11818 .md .stepper-fill.color-white .stepper-button-plus.active-state,
11819 .md .stepper-fill-md.color-white .stepper-button-plus.active-state {
11820   background: #ebebeb;
11821 }
11822 .md .stepper-fill.color-white .stepper-button:after,
11823 .md .stepper-fill-md.color-white .stepper-button:after,
11824 .md .stepper-fill.color-white .stepper-button-minus:after,
11825 .md .stepper-fill-md.color-white .stepper-button-minus:after,
11826 .md .stepper-fill.color-white .stepper-button-plus:after,
11827 .md .stepper-fill-md.color-white .stepper-button-plus:after,
11828 .md .stepper-fill.color-white .stepper-button:before,
11829 .md .stepper-fill-md.color-white .stepper-button:before,
11830 .md .stepper-fill.color-white .stepper-button-minus:before,
11831 .md .stepper-fill-md.color-white .stepper-button-minus:before,
11832 .md .stepper-fill.color-white .stepper-button-plus:before,
11833 .md .stepper-fill-md.color-white .stepper-button-plus:before {
11834   background: #fff;
11835 }
11836 .md .stepper.color-black .stepper-button,
11837 .md .stepper.color-black .stepper-button-minus,
11838 .md .stepper.color-black .stepper-button-plus {
11839   border-color: #000000;
11840   color: #000000;
11841 }
11842 .md .stepper.color-black .stepper-button-plus:after,
11843 .md .stepper.color-black .stepper-button-minus:after,
11844 .md .stepper.color-black .stepper-button-plus:before,
11845 .md .stepper.color-black .stepper-button-minus:before {
11846   background: #000000;
11847 }
11848 .md .stepper.color-black .stepper-value,
11849 .md .stepper.color-black .stepper-input-wrap {
11850   border-top-color: #000000;
11851   border-bottom-color: #000000;
11852 }
11853 .md .stepper.color-black .stepper-value,
11854 .md .stepper.color-black .stepper-input-wrap input {
11855   color: #000000;
11856 }
11857 .md .stepper-fill.color-black .stepper-button,
11858 .md .stepper-fill-md.color-black .stepper-button,
11859 .md .stepper-fill.color-black .stepper-button-minus,
11860 .md .stepper-fill-md.color-black .stepper-button-minus,
11861 .md .stepper-fill.color-black .stepper-button-plus,
11862 .md .stepper-fill-md.color-black .stepper-button-plus {
11863   background-color: #000000;
11864   color: #fff;
11865 }
11866 .md .stepper-fill.color-black .stepper-button.active-state,
11867 .md .stepper-fill-md.color-black .stepper-button.active-state,
11868 .md .stepper-fill.color-black .stepper-button-minus.active-state,
11869 .md .stepper-fill-md.color-black .stepper-button-minus.active-state,
11870 .md .stepper-fill.color-black .stepper-button-plus.active-state,
11871 .md .stepper-fill-md.color-black .stepper-button-plus.active-state {
11872   background: #000000;
11873 }
11874 .md .stepper-fill.color-black .stepper-button:after,
11875 .md .stepper-fill-md.color-black .stepper-button:after,
11876 .md .stepper-fill.color-black .stepper-button-minus:after,
11877 .md .stepper-fill-md.color-black .stepper-button-minus:after,
11878 .md .stepper-fill.color-black .stepper-button-plus:after,
11879 .md .stepper-fill-md.color-black .stepper-button-plus:after,
11880 .md .stepper-fill.color-black .stepper-button:before,
11881 .md .stepper-fill-md.color-black .stepper-button:before,
11882 .md .stepper-fill.color-black .stepper-button-minus:before,
11883 .md .stepper-fill-md.color-black .stepper-button-minus:before,
11884 .md .stepper-fill.color-black .stepper-button-plus:before,
11885 .md .stepper-fill-md.color-black .stepper-button-plus:before {
11886   background: #fff;
11887 }
11888 /* === Smart Select === */
11889 .smart-select select {
11890   display: none;
11891 }
11892 .smart-select .item-after {
11893   max-width: 70%;
11894   overflow: hidden;
11895   text-overflow: ellipsis;
11896   position: relative;
11897   display: block;
11898 }
11899 .sheet-modal.smart-select-sheet .sheet-modal-inner {
11900   background: #fff;
11901 }
11902 .sheet-modal.smart-select-sheet .list {
11903   margin: 0;
11904 }
11905 .sheet-modal.smart-select-sheet .list ul:before {
11906   display: none !important;
11907 }
11908 .sheet-modal.smart-select-sheet .list ul:after {
11909   display: none !important;
11910 }
11911 .smart-select-popover .popover-inner {
11912   max-height: 40vh;
11913 }
11914 .md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner {
11915   background-color: transparent;
11916 }
11917 /* === Grid === */
11918 .row {
11919   display: -webkit-box;
11920   display: -webkit-flex;
11921   display: -ms-flexbox;
11922   display: flex;
11923   -webkit-box-pack: justify;
11924   -webkit-justify-content: space-between;
11925   -ms-flex-pack: justify;
11926   justify-content: space-between;
11927   -webkit-flex-wrap: wrap;
11928   -ms-flex-wrap: wrap;
11929   flex-wrap: wrap;
11930   -webkit-box-align: start;
11931   -webkit-align-items: flex-start;
11932   -ms-flex-align: start;
11933   align-items: flex-start;
11934 }
11935 .row > [class*="col-"],
11936 .row > .col {
11937   -webkit-box-sizing: border-box;
11938   box-sizing: border-box;
11939 }
11940 .row .col {
11941   width: 100%;
11942 }
11943 /* === Grid === */
11944 .md .row .col-100 {
11945   width: 100%;
11946   width: calc((100% - 16px*0) / 1);
11947 }
11948 .md .row.no-gap .col-100 {
11949   width: 100%;
11950 }
11951 .md .row .col-95 {
11952   width: 95%;
11953   width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
11954 }
11955 .md .row.no-gap .col-95 {
11956   width: 95%;
11957 }
11958 .md .row .col-90 {
11959   width: 90%;
11960   width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
11961 }
11962 .md .row.no-gap .col-90 {
11963   width: 90%;
11964 }
11965 .md .row .col-85 {
11966   width: 85%;
11967   width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
11968 }
11969 .md .row.no-gap .col-85 {
11970   width: 85%;
11971 }
11972 .md .row .col-80 {
11973   width: 80%;
11974   width: calc((100% - 16px*0.25) / 1.25);
11975 }
11976 .md .row.no-gap .col-80 {
11977   width: 80%;
11978 }
11979 .md .row .col-75 {
11980   width: 75%;
11981   width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
11982 }
11983 .md .row.no-gap .col-75 {
11984   width: 75%;
11985 }
11986 .md .row .col-70 {
11987   width: 70%;
11988   width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
11989 }
11990 .md .row.no-gap .col-70 {
11991   width: 70%;
11992 }
11993 .md .row .col-66 {
11994   width: 66.66666666666666%;
11995   width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
11996 }
11997 .md .row.no-gap .col-66 {
11998   width: 66.66666666666666%;
11999 }
12000 .md .row .col-65 {
12001   width: 65%;
12002   width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
12003 }
12004 .md .row.no-gap .col-65 {
12005   width: 65%;
12006 }
12007 .md .row .col-60 {
12008   width: 60%;
12009   width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
12010 }
12011 .md .row.no-gap .col-60 {
12012   width: 60%;
12013 }
12014 .md .row .col-55 {
12015   width: 55%;
12016   width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
12017 }
12018 .md .row.no-gap .col-55 {
12019   width: 55%;
12020 }
12021 .md .row .col-50 {
12022   width: 50%;
12023   width: calc((100% - 16px*1) / 2);
12024 }
12025 .md .row.no-gap .col-50 {
12026   width: 50%;
12027 }
12028 .md .row .col-45 {
12029   width: 45%;
12030   width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
12031 }
12032 .md .row.no-gap .col-45 {
12033   width: 45%;
12034 }
12035 .md .row .col-40 {
12036   width: 40%;
12037   width: calc((100% - 16px*1.5) / 2.5);
12038 }
12039 .md .row.no-gap .col-40 {
12040   width: 40%;
12041 }
12042 .md .row .col-35 {
12043   width: 35%;
12044   width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
12045 }
12046 .md .row.no-gap .col-35 {
12047   width: 35%;
12048 }
12049 .md .row .col-33 {
12050   width: 33.333333333333336%;
12051   width: calc((100% - 16px*2) / 3);
12052 }
12053 .md .row.no-gap .col-33 {
12054   width: 33.333333333333336%;
12055 }
12056 .md .row .col-30 {
12057   width: 30%;
12058   width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
12059 }
12060 .md .row.no-gap .col-30 {
12061   width: 30%;
12062 }
12063 .md .row .col-25 {
12064   width: 25%;
12065   width: calc((100% - 16px*3) / 4);
12066 }
12067 .md .row.no-gap .col-25 {
12068   width: 25%;
12069 }
12070 .md .row .col-20 {
12071   width: 20%;
12072   width: calc((100% - 16px*4) / 5);
12073 }
12074 .md .row.no-gap .col-20 {
12075   width: 20%;
12076 }
12077 .md .row .col-15 {
12078   width: 15%;
12079   width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
12080 }
12081 .md .row.no-gap .col-15 {
12082   width: 15%;
12083 }
12084 .md .row .col-10 {
12085   width: 10%;
12086   width: calc((100% - 16px*9) / 10);
12087 }
12088 .md .row.no-gap .col-10 {
12089   width: 10%;
12090 }
12091 .md .row .col-5 {
12092   width: 5%;
12093   width: calc((100% - 16px*19) / 20);
12094 }
12095 .md .row.no-gap .col-5 {
12096   width: 5%;
12097 }
12098 .md .row .col:nth-last-child(1),
12099 .md .row .col:nth-last-child(1) ~ .col {
12100   width: 100%;
12101   width: calc((100% - 16px*0) / 1);
12102 }
12103 .md .row.no-gap .col:nth-last-child(1),
12104 .md .row.no-gap .col:nth-last-child(1) ~ .col {
12105   width: 100%;
12106 }
12107 .md .row .col:nth-last-child(2),
12108 .md .row .col:nth-last-child(2) ~ .col {
12109   width: 50%;
12110   width: calc((100% - 16px*1) / 2);
12111 }
12112 .md .row.no-gap .col:nth-last-child(2),
12113 .md .row.no-gap .col:nth-last-child(2) ~ .col {
12114   width: 50%;
12115 }
12116 .md .row .col:nth-last-child(3),
12117 .md .row .col:nth-last-child(3) ~ .col {
12118   width: 33.33333333%;
12119   width: calc((100% - 16px*2) / 3);
12120 }
12121 .md .row.no-gap .col:nth-last-child(3),
12122 .md .row.no-gap .col:nth-last-child(3) ~ .col {
12123   width: 33.33333333%;
12124 }
12125 .md .row .col:nth-last-child(4),
12126 .md .row .col:nth-last-child(4) ~ .col {
12127   width: 25%;
12128   width: calc((100% - 16px*3) / 4);
12129 }
12130 .md .row.no-gap .col:nth-last-child(4),
12131 .md .row.no-gap .col:nth-last-child(4) ~ .col {
12132   width: 25%;
12133 }
12134 .md .row .col:nth-last-child(5),
12135 .md .row .col:nth-last-child(5) ~ .col {
12136   width: 20%;
12137   width: calc((100% - 16px*4) / 5);
12138 }
12139 .md .row.no-gap .col:nth-last-child(5),
12140 .md .row.no-gap .col:nth-last-child(5) ~ .col {
12141   width: 20%;
12142 }
12143 .md .row .col:nth-last-child(6),
12144 .md .row .col:nth-last-child(6) ~ .col {
12145   width: 16.66666667%;
12146   width: calc((100% - 16px*5) / 6);
12147 }
12148 .md .row.no-gap .col:nth-last-child(6),
12149 .md .row.no-gap .col:nth-last-child(6) ~ .col {
12150   width: 16.66666667%;
12151 }
12152 .md .row .col:nth-last-child(7),
12153 .md .row .col:nth-last-child(7) ~ .col {
12154   width: 14.28571429%;
12155   width: calc((100% - 16px*6) / 7);
12156 }
12157 .md .row.no-gap .col:nth-last-child(7),
12158 .md .row.no-gap .col:nth-last-child(7) ~ .col {
12159   width: 14.28571429%;
12160 }
12161 .md .row .col:nth-last-child(8),
12162 .md .row .col:nth-last-child(8) ~ .col {
12163   width: 12.5%;
12164   width: calc((100% - 16px*7) / 8);
12165 }
12166 .md .row.no-gap .col:nth-last-child(8),
12167 .md .row.no-gap .col:nth-last-child(8) ~ .col {
12168   width: 12.5%;
12169 }
12170 .md .row .col:nth-last-child(9),
12171 .md .row .col:nth-last-child(9) ~ .col {
12172   width: 11.11111111%;
12173   width: calc((100% - 16px*8) / 9);
12174 }
12175 .md .row.no-gap .col:nth-last-child(9),
12176 .md .row.no-gap .col:nth-last-child(9) ~ .col {
12177   width: 11.11111111%;
12178 }
12179 .md .row .col:nth-last-child(10),
12180 .md .row .col:nth-last-child(10) ~ .col {
12181   width: 10%;
12182   width: calc((100% - 16px*9) / 10);
12183 }
12184 .md .row.no-gap .col:nth-last-child(10),
12185 .md .row.no-gap .col:nth-last-child(10) ~ .col {
12186   width: 10%;
12187 }
12188 .md .row .col:nth-last-child(11),
12189 .md .row .col:nth-last-child(11) ~ .col {
12190   width: 9.09090909%;
12191   width: calc((100% - 16px*10) / 11);
12192 }
12193 .md .row.no-gap .col:nth-last-child(11),
12194 .md .row.no-gap .col:nth-last-child(11) ~ .col {
12195   width: 9.09090909%;
12196 }
12197 .md .row .col:nth-last-child(12),
12198 .md .row .col:nth-last-child(12) ~ .col {
12199   width: 8.33333333%;
12200   width: calc((100% - 16px*11) / 12);
12201 }
12202 .md .row.no-gap .col:nth-last-child(12),
12203 .md .row.no-gap .col:nth-last-child(12) ~ .col {
12204   width: 8.33333333%;
12205 }
12206 .md .row .col:nth-last-child(13),
12207 .md .row .col:nth-last-child(13) ~ .col {
12208   width: 7.69230769%;
12209   width: calc((100% - 16px*12) / 13);
12210 }
12211 .md .row.no-gap .col:nth-last-child(13),
12212 .md .row.no-gap .col:nth-last-child(13) ~ .col {
12213   width: 7.69230769%;
12214 }
12215 .md .row .col:nth-last-child(14),
12216 .md .row .col:nth-last-child(14) ~ .col {
12217   width: 7.14285714%;
12218   width: calc((100% - 16px*13) / 14);
12219 }
12220 .md .row.no-gap .col:nth-last-child(14),
12221 .md .row.no-gap .col:nth-last-child(14) ~ .col {
12222   width: 7.14285714%;
12223 }
12224 .md .row .col:nth-last-child(15),
12225 .md .row .col:nth-last-child(15) ~ .col {
12226   width: 6.66666667%;
12227   width: calc((100% - 16px*14) / 15);
12228 }
12229 .md .row.no-gap .col:nth-last-child(15),
12230 .md .row.no-gap .col:nth-last-child(15) ~ .col {
12231   width: 6.66666667%;
12232 }
12233 .md .row .col:nth-last-child(16),
12234 .md .row .col:nth-last-child(16) ~ .col {
12235   width: 6.25%;
12236   width: calc((100% - 16px*15) / 16);
12237 }
12238 .md .row.no-gap .col:nth-last-child(16),
12239 .md .row.no-gap .col:nth-last-child(16) ~ .col {
12240   width: 6.25%;
12241 }
12242 .md .row .col:nth-last-child(17),
12243 .md .row .col:nth-last-child(17) ~ .col {
12244   width: 5.88235294%;
12245   width: calc((100% - 16px*16) / 17);
12246 }
12247 .md .row.no-gap .col:nth-last-child(17),
12248 .md .row.no-gap .col:nth-last-child(17) ~ .col {
12249   width: 5.88235294%;
12250 }
12251 .md .row .col:nth-last-child(18),
12252 .md .row .col:nth-last-child(18) ~ .col {
12253   width: 5.55555556%;
12254   width: calc((100% - 16px*17) / 18);
12255 }
12256 .md .row.no-gap .col:nth-last-child(18),
12257 .md .row.no-gap .col:nth-last-child(18) ~ .col {
12258   width: 5.55555556%;
12259 }
12260 .md .row .col:nth-last-child(19),
12261 .md .row .col:nth-last-child(19) ~ .col {
12262   width: 5.26315789%;
12263   width: calc((100% - 16px*18) / 19);
12264 }
12265 .md .row.no-gap .col:nth-last-child(19),
12266 .md .row.no-gap .col:nth-last-child(19) ~ .col {
12267   width: 5.26315789%;
12268 }
12269 .md .row .col:nth-last-child(20),
12270 .md .row .col:nth-last-child(20) ~ .col {
12271   width: 5%;
12272   width: calc((100% - 16px*19) / 20);
12273 }
12274 .md .row.no-gap .col:nth-last-child(20),
12275 .md .row.no-gap .col:nth-last-child(20) ~ .col {
12276   width: 5%;
12277 }
12278 .md .row .col:nth-last-child(21),
12279 .md .row .col:nth-last-child(21) ~ .col {
12280   width: 4.76190476%;
12281   width: calc((100% - 16px*20) / 21);
12282 }
12283 .md .row.no-gap .col:nth-last-child(21),
12284 .md .row.no-gap .col:nth-last-child(21) ~ .col {
12285   width: 4.76190476%;
12286 }
12287 @media (min-width: 768px) {
12288   .md .row .tablet-100 {
12289     width: 100%;
12290     width: calc((100% - 16px*0) / 1);
12291   }
12292   .md .row.no-gap .tablet-100 {
12293     width: 100%;
12294   }
12295   .md .row .tablet-95 {
12296     width: 95%;
12297     width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
12298   }
12299   .md .row.no-gap .tablet-95 {
12300     width: 95%;
12301   }
12302   .md .row .tablet-90 {
12303     width: 90%;
12304     width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
12305   }
12306   .md .row.no-gap .tablet-90 {
12307     width: 90%;
12308   }
12309   .md .row .tablet-85 {
12310     width: 85%;
12311     width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
12312   }
12313   .md .row.no-gap .tablet-85 {
12314     width: 85%;
12315   }
12316   .md .row .tablet-80 {
12317     width: 80%;
12318     width: calc((100% - 16px*0.25) / 1.25);
12319   }
12320   .md .row.no-gap .tablet-80 {
12321     width: 80%;
12322   }
12323   .md .row .tablet-75 {
12324     width: 75%;
12325     width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
12326   }
12327   .md .row.no-gap .tablet-75 {
12328     width: 75%;
12329   }
12330   .md .row .tablet-70 {
12331     width: 70%;
12332     width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
12333   }
12334   .md .row.no-gap .tablet-70 {
12335     width: 70%;
12336   }
12337   .md .row .tablet-66 {
12338     width: 66.66666666666666%;
12339     width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
12340   }
12341   .md .row.no-gap .tablet-66 {
12342     width: 66.66666666666666%;
12343   }
12344   .md .row .tablet-65 {
12345     width: 65%;
12346     width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
12347   }
12348   .md .row.no-gap .tablet-65 {
12349     width: 65%;
12350   }
12351   .md .row .tablet-60 {
12352     width: 60%;
12353     width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
12354   }
12355   .md .row.no-gap .tablet-60 {
12356     width: 60%;
12357   }
12358   .md .row .tablet-55 {
12359     width: 55%;
12360     width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
12361   }
12362   .md .row.no-gap .tablet-55 {
12363     width: 55%;
12364   }
12365   .md .row .tablet-50 {
12366     width: 50%;
12367     width: calc((100% - 16px*1) / 2);
12368   }
12369   .md .row.no-gap .tablet-50 {
12370     width: 50%;
12371   }
12372   .md .row .tablet-45 {
12373     width: 45%;
12374     width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
12375   }
12376   .md .row.no-gap .tablet-45 {
12377     width: 45%;
12378   }
12379   .md .row .tablet-40 {
12380     width: 40%;
12381     width: calc((100% - 16px*1.5) / 2.5);
12382   }
12383   .md .row.no-gap .tablet-40 {
12384     width: 40%;
12385   }
12386   .md .row .tablet-35 {
12387     width: 35%;
12388     width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
12389   }
12390   .md .row.no-gap .tablet-35 {
12391     width: 35%;
12392   }
12393   .md .row .tablet-33 {
12394     width: 33.333333333333336%;
12395     width: calc((100% - 16px*2) / 3);
12396   }
12397   .md .row.no-gap .tablet-33 {
12398     width: 33.333333333333336%;
12399   }
12400   .md .row .tablet-30 {
12401     width: 30%;
12402     width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
12403   }
12404   .md .row.no-gap .tablet-30 {
12405     width: 30%;
12406   }
12407   .md .row .tablet-25 {
12408     width: 25%;
12409     width: calc((100% - 16px*3) / 4);
12410   }
12411   .md .row.no-gap .tablet-25 {
12412     width: 25%;
12413   }
12414   .md .row .tablet-20 {
12415     width: 20%;
12416     width: calc((100% - 16px*4) / 5);
12417   }
12418   .md .row.no-gap .tablet-20 {
12419     width: 20%;
12420   }
12421   .md .row .tablet-15 {
12422     width: 15%;
12423     width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
12424   }
12425   .md .row.no-gap .tablet-15 {
12426     width: 15%;
12427   }
12428   .md .row .tablet-10 {
12429     width: 10%;
12430     width: calc((100% - 16px*9) / 10);
12431   }
12432   .md .row.no-gap .tablet-10 {
12433     width: 10%;
12434   }
12435   .md .row .tablet-5 {
12436     width: 5%;
12437     width: calc((100% - 16px*19) / 20);
12438   }
12439   .md .row.no-gap .tablet-5 {
12440     width: 5%;
12441   }
12442   .md .row .tablet-auto:nth-last-child(1),
12443   .md .row .tablet-auto:nth-last-child(1) ~ .tablet-auto {
12444     width: 100%;
12445     width: calc((100% - 16px*0) / 1);
12446   }
12447   .md .row.no-gap .tablet-auto:nth-last-child(1),
12448   .md .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto {
12449     width: 100%;
12450   }
12451   .md .row .tablet-auto:nth-last-child(2),
12452   .md .row .tablet-auto:nth-last-child(2) ~ .tablet-auto {
12453     width: 50%;
12454     width: calc((100% - 16px*1) / 2);
12455   }
12456   .md .row.no-gap .tablet-auto:nth-last-child(2),
12457   .md .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto {
12458     width: 50%;
12459   }
12460   .md .row .tablet-auto:nth-last-child(3),
12461   .md .row .tablet-auto:nth-last-child(3) ~ .tablet-auto {
12462     width: 33.33333333%;
12463     width: calc((100% - 16px*2) / 3);
12464   }
12465   .md .row.no-gap .tablet-auto:nth-last-child(3),
12466   .md .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto {
12467     width: 33.33333333%;
12468   }
12469   .md .row .tablet-auto:nth-last-child(4),
12470   .md .row .tablet-auto:nth-last-child(4) ~ .tablet-auto {
12471     width: 25%;
12472     width: calc((100% - 16px*3) / 4);
12473   }
12474   .md .row.no-gap .tablet-auto:nth-last-child(4),
12475   .md .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto {
12476     width: 25%;
12477   }
12478   .md .row .tablet-auto:nth-last-child(5),
12479   .md .row .tablet-auto:nth-last-child(5) ~ .tablet-auto {
12480     width: 20%;
12481     width: calc((100% - 16px*4) / 5);
12482   }
12483   .md .row.no-gap .tablet-auto:nth-last-child(5),
12484   .md .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto {
12485     width: 20%;
12486   }
12487   .md .row .tablet-auto:nth-last-child(6),
12488   .md .row .tablet-auto:nth-last-child(6) ~ .tablet-auto {
12489     width: 16.66666667%;
12490     width: calc((100% - 16px*5) / 6);
12491   }
12492   .md .row.no-gap .tablet-auto:nth-last-child(6),
12493   .md .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto {
12494     width: 16.66666667%;
12495   }
12496   .md .row .tablet-auto:nth-last-child(7),
12497   .md .row .tablet-auto:nth-last-child(7) ~ .tablet-auto {
12498     width: 14.28571429%;
12499     width: calc((100% - 16px*6) / 7);
12500   }
12501   .md .row.no-gap .tablet-auto:nth-last-child(7),
12502   .md .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto {
12503     width: 14.28571429%;
12504   }
12505   .md .row .tablet-auto:nth-last-child(8),
12506   .md .row .tablet-auto:nth-last-child(8) ~ .tablet-auto {
12507     width: 12.5%;
12508     width: calc((100% - 16px*7) / 8);
12509   }
12510   .md .row.no-gap .tablet-auto:nth-last-child(8),
12511   .md .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto {
12512     width: 12.5%;
12513   }
12514   .md .row .tablet-auto:nth-last-child(9),
12515   .md .row .tablet-auto:nth-last-child(9) ~ .tablet-auto {
12516     width: 11.11111111%;
12517     width: calc((100% - 16px*8) / 9);
12518   }
12519   .md .row.no-gap .tablet-auto:nth-last-child(9),
12520   .md .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto {
12521     width: 11.11111111%;
12522   }
12523   .md .row .tablet-auto:nth-last-child(10),
12524   .md .row .tablet-auto:nth-last-child(10) ~ .tablet-auto {
12525     width: 10%;
12526     width: calc((100% - 16px*9) / 10);
12527   }
12528   .md .row.no-gap .tablet-auto:nth-last-child(10),
12529   .md .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto {
12530     width: 10%;
12531   }
12532   .md .row .tablet-auto:nth-last-child(11),
12533   .md .row .tablet-auto:nth-last-child(11) ~ .tablet-auto {
12534     width: 9.09090909%;
12535     width: calc((100% - 16px*10) / 11);
12536   }
12537   .md .row.no-gap .tablet-auto:nth-last-child(11),
12538   .md .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto {
12539     width: 9.09090909%;
12540   }
12541   .md .row .tablet-auto:nth-last-child(12),
12542   .md .row .tablet-auto:nth-last-child(12) ~ .tablet-auto {
12543     width: 8.33333333%;
12544     width: calc((100% - 16px*11) / 12);
12545   }
12546   .md .row.no-gap .tablet-auto:nth-last-child(12),
12547   .md .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto {
12548     width: 8.33333333%;
12549   }
12550   .md .row .tablet-auto:nth-last-child(13),
12551   .md .row .tablet-auto:nth-last-child(13) ~ .tablet-auto {
12552     width: 7.69230769%;
12553     width: calc((100% - 16px*12) / 13);
12554   }
12555   .md .row.no-gap .tablet-auto:nth-last-child(13),
12556   .md .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto {
12557     width: 7.69230769%;
12558   }
12559   .md .row .tablet-auto:nth-last-child(14),
12560   .md .row .tablet-auto:nth-last-child(14) ~ .tablet-auto {
12561     width: 7.14285714%;
12562     width: calc((100% - 16px*13) / 14);
12563   }
12564   .md .row.no-gap .tablet-auto:nth-last-child(14),
12565   .md .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto {
12566     width: 7.14285714%;
12567   }
12568   .md .row .tablet-auto:nth-last-child(15),
12569   .md .row .tablet-auto:nth-last-child(15) ~ .tablet-auto {
12570     width: 6.66666667%;
12571     width: calc((100% - 16px*14) / 15);
12572   }
12573   .md .row.no-gap .tablet-auto:nth-last-child(15),
12574   .md .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto {
12575     width: 6.66666667%;
12576   }
12577   .md .row .tablet-auto:nth-last-child(16),
12578   .md .row .tablet-auto:nth-last-child(16) ~ .tablet-auto {
12579     width: 6.25%;
12580     width: calc((100% - 16px*15) / 16);
12581   }
12582   .md .row.no-gap .tablet-auto:nth-last-child(16),
12583   .md .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto {
12584     width: 6.25%;
12585   }
12586   .md .row .tablet-auto:nth-last-child(17),
12587   .md .row .tablet-auto:nth-last-child(17) ~ .tablet-auto {
12588     width: 5.88235294%;
12589     width: calc((100% - 16px*16) / 17);
12590   }
12591   .md .row.no-gap .tablet-auto:nth-last-child(17),
12592   .md .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto {
12593     width: 5.88235294%;
12594   }
12595   .md .row .tablet-auto:nth-last-child(18),
12596   .md .row .tablet-auto:nth-last-child(18) ~ .tablet-auto {
12597     width: 5.55555556%;
12598     width: calc((100% - 16px*17) / 18);
12599   }
12600   .md .row.no-gap .tablet-auto:nth-last-child(18),
12601   .md .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto {
12602     width: 5.55555556%;
12603   }
12604   .md .row .tablet-auto:nth-last-child(19),
12605   .md .row .tablet-auto:nth-last-child(19) ~ .tablet-auto {
12606     width: 5.26315789%;
12607     width: calc((100% - 16px*18) / 19);
12608   }
12609   .md .row.no-gap .tablet-auto:nth-last-child(19),
12610   .md .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto {
12611     width: 5.26315789%;
12612   }
12613   .md .row .tablet-auto:nth-last-child(20),
12614   .md .row .tablet-auto:nth-last-child(20) ~ .tablet-auto {
12615     width: 5%;
12616     width: calc((100% - 16px*19) / 20);
12617   }
12618   .md .row.no-gap .tablet-auto:nth-last-child(20),
12619   .md .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto {
12620     width: 5%;
12621   }
12622   .md .row .tablet-auto:nth-last-child(21),
12623   .md .row .tablet-auto:nth-last-child(21) ~ .tablet-auto {
12624     width: 4.76190476%;
12625     width: calc((100% - 16px*20) / 21);
12626   }
12627   .md .row.no-gap .tablet-auto:nth-last-child(21),
12628   .md .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto {
12629     width: 4.76190476%;
12630   }
12631 }
12632 @media (min-width: 1025px) {
12633   .md .row .desktop-100 {
12634     width: 100%;
12635     width: calc((100% - 16px*0) / 1);
12636   }
12637   .md .row.no-gap .desktop-100 {
12638     width: 100%;
12639   }
12640   .md .row .desktop-95 {
12641     width: 95%;
12642     width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
12643   }
12644   .md .row.no-gap .desktop-95 {
12645     width: 95%;
12646   }
12647   .md .row .desktop-90 {
12648     width: 90%;
12649     width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
12650   }
12651   .md .row.no-gap .desktop-90 {
12652     width: 90%;
12653   }
12654   .md .row .desktop-85 {
12655     width: 85%;
12656     width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
12657   }
12658   .md .row.no-gap .desktop-85 {
12659     width: 85%;
12660   }
12661   .md .row .desktop-80 {
12662     width: 80%;
12663     width: calc((100% - 16px*0.25) / 1.25);
12664   }
12665   .md .row.no-gap .desktop-80 {
12666     width: 80%;
12667   }
12668   .md .row .desktop-75 {
12669     width: 75%;
12670     width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
12671   }
12672   .md .row.no-gap .desktop-75 {
12673     width: 75%;
12674   }
12675   .md .row .desktop-70 {
12676     width: 70%;
12677     width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
12678   }
12679   .md .row.no-gap .desktop-70 {
12680     width: 70%;
12681   }
12682   .md .row .desktop-66 {
12683     width: 66.66666666666666%;
12684     width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
12685   }
12686   .md .row.no-gap .desktop-66 {
12687     width: 66.66666666666666%;
12688   }
12689   .md .row .desktop-65 {
12690     width: 65%;
12691     width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
12692   }
12693   .md .row.no-gap .desktop-65 {
12694     width: 65%;
12695   }
12696   .md .row .desktop-60 {
12697     width: 60%;
12698     width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
12699   }
12700   .md .row.no-gap .desktop-60 {
12701     width: 60%;
12702   }
12703   .md .row .desktop-55 {
12704     width: 55%;
12705     width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
12706   }
12707   .md .row.no-gap .desktop-55 {
12708     width: 55%;
12709   }
12710   .md .row .desktop-50 {
12711     width: 50%;
12712     width: calc((100% - 16px*1) / 2);
12713   }
12714   .md .row.no-gap .desktop-50 {
12715     width: 50%;
12716   }
12717   .md .row .desktop-45 {
12718     width: 45%;
12719     width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
12720   }
12721   .md .row.no-gap .desktop-45 {
12722     width: 45%;
12723   }
12724   .md .row .desktop-40 {
12725     width: 40%;
12726     width: calc((100% - 16px*1.5) / 2.5);
12727   }
12728   .md .row.no-gap .desktop-40 {
12729     width: 40%;
12730   }
12731   .md .row .desktop-35 {
12732     width: 35%;
12733     width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
12734   }
12735   .md .row.no-gap .desktop-35 {
12736     width: 35%;
12737   }
12738   .md .row .desktop-33 {
12739     width: 33.333333333333336%;
12740     width: calc((100% - 16px*2) / 3);
12741   }
12742   .md .row.no-gap .desktop-33 {
12743     width: 33.333333333333336%;
12744   }
12745   .md .row .desktop-30 {
12746     width: 30%;
12747     width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
12748   }
12749   .md .row.no-gap .desktop-30 {
12750     width: 30%;
12751   }
12752   .md .row .desktop-25 {
12753     width: 25%;
12754     width: calc((100% - 16px*3) / 4);
12755   }
12756   .md .row.no-gap .desktop-25 {
12757     width: 25%;
12758   }
12759   .md .row .desktop-20 {
12760     width: 20%;
12761     width: calc((100% - 16px*4) / 5);
12762   }
12763   .md .row.no-gap .desktop-20 {
12764     width: 20%;
12765   }
12766   .md .row .desktop-15 {
12767     width: 15%;
12768     width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
12769   }
12770   .md .row.no-gap .desktop-15 {
12771     width: 15%;
12772   }
12773   .md .row .desktop-10 {
12774     width: 10%;
12775     width: calc((100% - 16px*9) / 10);
12776   }
12777   .md .row.no-gap .desktop-10 {
12778     width: 10%;
12779   }
12780   .md .row .desktop-5 {
12781     width: 5%;
12782     width: calc((100% - 16px*19) / 20);
12783   }
12784   .md .row.no-gap .desktop-5 {
12785     width: 5%;
12786   }
12787   .md .row .desktop-auto:nth-last-child(1),
12788   .md .row .desktop-auto:nth-last-child(1) ~ .desktop-auto {
12789     width: 100%;
12790     width: calc((100% - 16px*0) / 1);
12791   }
12792   .md .row.no-gap .desktop-auto:nth-last-child(1),
12793   .md .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto {
12794     width: 100%;
12795   }
12796   .md .row .desktop-auto:nth-last-child(2),
12797   .md .row .desktop-auto:nth-last-child(2) ~ .desktop-auto {
12798     width: 50%;
12799     width: calc((100% - 16px*1) / 2);
12800   }
12801   .md .row.no-gap .desktop-auto:nth-last-child(2),
12802   .md .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto {
12803     width: 50%;
12804   }
12805   .md .row .desktop-auto:nth-last-child(3),
12806   .md .row .desktop-auto:nth-last-child(3) ~ .desktop-auto {
12807     width: 33.33333333%;
12808     width: calc((100% - 16px*2) / 3);
12809   }
12810   .md .row.no-gap .desktop-auto:nth-last-child(3),
12811   .md .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto {
12812     width: 33.33333333%;
12813   }
12814   .md .row .desktop-auto:nth-last-child(4),
12815   .md .row .desktop-auto:nth-last-child(4) ~ .desktop-auto {
12816     width: 25%;
12817     width: calc((100% - 16px*3) / 4);
12818   }
12819   .md .row.no-gap .desktop-auto:nth-last-child(4),
12820   .md .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto {
12821     width: 25%;
12822   }
12823   .md .row .desktop-auto:nth-last-child(5),
12824   .md .row .desktop-auto:nth-last-child(5) ~ .desktop-auto {
12825     width: 20%;
12826     width: calc((100% - 16px*4) / 5);
12827   }
12828   .md .row.no-gap .desktop-auto:nth-last-child(5),
12829   .md .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto {
12830     width: 20%;
12831   }
12832   .md .row .desktop-auto:nth-last-child(6),
12833   .md .row .desktop-auto:nth-last-child(6) ~ .desktop-auto {
12834     width: 16.66666667%;
12835     width: calc((100% - 16px*5) / 6);
12836   }
12837   .md .row.no-gap .desktop-auto:nth-last-child(6),
12838   .md .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto {
12839     width: 16.66666667%;
12840   }
12841   .md .row .desktop-auto:nth-last-child(7),
12842   .md .row .desktop-auto:nth-last-child(7) ~ .desktop-auto {
12843     width: 14.28571429%;
12844     width: calc((100% - 16px*6) / 7);
12845   }
12846   .md .row.no-gap .desktop-auto:nth-last-child(7),
12847   .md .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto {
12848     width: 14.28571429%;
12849   }
12850   .md .row .desktop-auto:nth-last-child(8),
12851   .md .row .desktop-auto:nth-last-child(8) ~ .desktop-auto {
12852     width: 12.5%;
12853     width: calc((100% - 16px*7) / 8);
12854   }
12855   .md .row.no-gap .desktop-auto:nth-last-child(8),
12856   .md .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto {
12857     width: 12.5%;
12858   }
12859   .md .row .desktop-auto:nth-last-child(9),
12860   .md .row .desktop-auto:nth-last-child(9) ~ .desktop-auto {
12861     width: 11.11111111%;
12862     width: calc((100% - 16px*8) / 9);
12863   }
12864   .md .row.no-gap .desktop-auto:nth-last-child(9),
12865   .md .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto {
12866     width: 11.11111111%;
12867   }
12868   .md .row .desktop-auto:nth-last-child(10),
12869   .md .row .desktop-auto:nth-last-child(10) ~ .desktop-auto {
12870     width: 10%;
12871     width: calc((100% - 16px*9) / 10);
12872   }
12873   .md .row.no-gap .desktop-auto:nth-last-child(10),
12874   .md .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto {
12875     width: 10%;
12876   }
12877   .md .row .desktop-auto:nth-last-child(11),
12878   .md .row .desktop-auto:nth-last-child(11) ~ .desktop-auto {
12879     width: 9.09090909%;
12880     width: calc((100% - 16px*10) / 11);
12881   }
12882   .md .row.no-gap .desktop-auto:nth-last-child(11),
12883   .md .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto {
12884     width: 9.09090909%;
12885   }
12886   .md .row .desktop-auto:nth-last-child(12),
12887   .md .row .desktop-auto:nth-last-child(12) ~ .desktop-auto {
12888     width: 8.33333333%;
12889     width: calc((100% - 16px*11) / 12);
12890   }
12891   .md .row.no-gap .desktop-auto:nth-last-child(12),
12892   .md .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto {
12893     width: 8.33333333%;
12894   }
12895   .md .row .desktop-auto:nth-last-child(13),
12896   .md .row .desktop-auto:nth-last-child(13) ~ .desktop-auto {
12897     width: 7.69230769%;
12898     width: calc((100% - 16px*12) / 13);
12899   }
12900   .md .row.no-gap .desktop-auto:nth-last-child(13),
12901   .md .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto {
12902     width: 7.69230769%;
12903   }
12904   .md .row .desktop-auto:nth-last-child(14),
12905   .md .row .desktop-auto:nth-last-child(14) ~ .desktop-auto {
12906     width: 7.14285714%;
12907     width: calc((100% - 16px*13) / 14);
12908   }
12909   .md .row.no-gap .desktop-auto:nth-last-child(14),
12910   .md .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto {
12911     width: 7.14285714%;
12912   }
12913   .md .row .desktop-auto:nth-last-child(15),
12914   .md .row .desktop-auto:nth-last-child(15) ~ .desktop-auto {
12915     width: 6.66666667%;
12916     width: calc((100% - 16px*14) / 15);
12917   }
12918   .md .row.no-gap .desktop-auto:nth-last-child(15),
12919   .md .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto {
12920     width: 6.66666667%;
12921   }
12922   .md .row .desktop-auto:nth-last-child(16),
12923   .md .row .desktop-auto:nth-last-child(16) ~ .desktop-auto {
12924     width: 6.25%;
12925     width: calc((100% - 16px*15) / 16);
12926   }
12927   .md .row.no-gap .desktop-auto:nth-last-child(16),
12928   .md .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto {
12929     width: 6.25%;
12930   }
12931   .md .row .desktop-auto:nth-last-child(17),
12932   .md .row .desktop-auto:nth-last-child(17) ~ .desktop-auto {
12933     width: 5.88235294%;
12934     width: calc((100% - 16px*16) / 17);
12935   }
12936   .md .row.no-gap .desktop-auto:nth-last-child(17),
12937   .md .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto {
12938     width: 5.88235294%;
12939   }
12940   .md .row .desktop-auto:nth-last-child(18),
12941   .md .row .desktop-auto:nth-last-child(18) ~ .desktop-auto {
12942     width: 5.55555556%;
12943     width: calc((100% - 16px*17) / 18);
12944   }
12945   .md .row.no-gap .desktop-auto:nth-last-child(18),
12946   .md .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto {
12947     width: 5.55555556%;
12948   }
12949   .md .row .desktop-auto:nth-last-child(19),
12950   .md .row .desktop-auto:nth-last-child(19) ~ .desktop-auto {
12951     width: 5.26315789%;
12952     width: calc((100% - 16px*18) / 19);
12953   }
12954   .md .row.no-gap .desktop-auto:nth-last-child(19),
12955   .md .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto {
12956     width: 5.26315789%;
12957   }
12958   .md .row .desktop-auto:nth-last-child(20),
12959   .md .row .desktop-auto:nth-last-child(20) ~ .desktop-auto {
12960     width: 5%;
12961     width: calc((100% - 16px*19) / 20);
12962   }
12963   .md .row.no-gap .desktop-auto:nth-last-child(20),
12964   .md .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto {
12965     width: 5%;
12966   }
12967   .md .row .desktop-auto:nth-last-child(21),
12968   .md .row .desktop-auto:nth-last-child(21) ~ .desktop-auto {
12969     width: 4.76190476%;
12970     width: calc((100% - 16px*20) / 21);
12971   }
12972   .md .row.no-gap .desktop-auto:nth-last-child(21),
12973   .md .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto {
12974     width: 4.76190476%;
12975   }
12976 }
12977 /* === Calendar/Datepicker === */
12978 .calendar {
12979   overflow: hidden;
12980   height: 320px;
12981   width: 100%;
12982   display: -webkit-box;
12983   display: -webkit-flex;
12984   display: -ms-flexbox;
12985   display: flex;
12986   -webkit-box-orient: vertical;
12987   -webkit-box-direction: normal;
12988   -webkit-flex-direction: column;
12989   -ms-flex-direction: column;
12990   flex-direction: column;
12991 }
12992 .calendar.modal-in {
12993   display: -webkit-box;
12994   display: -webkit-flex;
12995   display: -ms-flexbox;
12996   display: flex;
12997 }
12998 @media (orientation: landscape) and (max-height: 415px) {
12999   .calendar.calendar-sheet {
13000     height: 220px;
13001   }
13002   .calendar.calendar-modal {
13003     height: calc(100vh - 44px);
13004   }
13005 }
13006 .calendar.calendar-inline,
13007 .calendar.calendar-popover .calendar {
13008   position: relative;
13009 }
13010 .calendar-modal {
13011   position: absolute;
13012   height: 420px;
13013   overflow: hidden;
13014   top: 50%;
13015   left: 50%;
13016   min-width: 300px;
13017   max-width: 380px;
13018   -webkit-transform: translate3d(-50%, 100%, 0);
13019   transform: translate3d(-50%, 100%, 0);
13020   -webkit-transition-property: -webkit-transform;
13021   transition-property: -webkit-transform;
13022   transition-property: transform;
13023   transition-property: transform, -webkit-transform;
13024   display: -webkit-box;
13025   display: -webkit-flex;
13026   display: -ms-flexbox;
13027   display: flex;
13028   z-index: 12000;
13029   background: #fff;
13030   width: 90%;
13031   border-radius: 4px;
13032   -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
13033   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
13034 }
13035 .calendar-modal.modal-in,
13036 .calendar-modal.modal-out {
13037   -webkit-transition-duration: 400ms;
13038   transition-duration: 400ms;
13039 }
13040 .calendar-modal.modal-in {
13041   -webkit-transform: translate3d(-50%, -50%, 0);
13042   transform: translate3d(-50%, -50%, 0);
13043 }
13044 .calendar-modal.modal-out {
13045   -webkit-transform: translate3d(-50%, 100%, 0);
13046   transform: translate3d(-50%, 100%, 0);
13047 }
13048 .calendar-popover {
13049   width: 320px;
13050 }
13051 .calendar-popover .calendar {
13052   height: 320px;
13053 }
13054 .calendar-week-header {
13055   display: -webkit-box;
13056   display: -webkit-flex;
13057   display: -ms-flexbox;
13058   display: flex;
13059   -webkit-box-sizing: border-box;
13060   box-sizing: border-box;
13061   position: relative;
13062   font-size: 11px;
13063 }
13064 .calendar-week-header .calendar-week-day {
13065   -webkit-flex-shrink: 1;
13066   -ms-flex-negative: 1;
13067   flex-shrink: 1;
13068   width: 14.28571429%;
13069   width: calc(100% / 7);
13070   text-align: center;
13071 }
13072 .calendar-months {
13073   width: 100%;
13074   height: 100%;
13075   overflow: hidden;
13076   position: relative;
13077   -webkit-flex-shrink: 10;
13078   -ms-flex-negative: 10;
13079   flex-shrink: 10;
13080 }
13081 .calendar-months-wrapper {
13082   position: relative;
13083   width: 100%;
13084   height: 100%;
13085   -webkit-transition: 300ms;
13086   transition: 300ms;
13087 }
13088 .calendar-month {
13089   display: -webkit-box;
13090   display: -webkit-flex;
13091   display: -ms-flexbox;
13092   display: flex;
13093   -webkit-box-orient: vertical;
13094   -webkit-box-direction: normal;
13095   -webkit-flex-direction: column;
13096   -ms-flex-direction: column;
13097   flex-direction: column;
13098   width: 100%;
13099   height: 100%;
13100   position: absolute;
13101   left: 0;
13102   top: 0;
13103 }
13104 .calendar-row {
13105   height: 16.66666667%;
13106   height: calc(100% / 6);
13107   display: -webkit-box;
13108   display: -webkit-flex;
13109   display: -ms-flexbox;
13110   display: flex;
13111   -webkit-flex-shrink: 1;
13112   -ms-flex-negative: 1;
13113   flex-shrink: 1;
13114   width: 100%;
13115   position: relative;
13116   -webkit-box-sizing: border-box;
13117   box-sizing: border-box;
13118 }
13119 .calendar-day {
13120   -webkit-flex-shrink: 1;
13121   -ms-flex-negative: 1;
13122   flex-shrink: 1;
13123   display: -webkit-box;
13124   display: -webkit-flex;
13125   display: -ms-flexbox;
13126   display: flex;
13127   -webkit-box-pack: center;
13128   -webkit-justify-content: center;
13129   -ms-flex-pack: center;
13130   justify-content: center;
13131   -webkit-box-align: center;
13132   -webkit-align-items: center;
13133   -ms-flex-align: center;
13134   align-items: center;
13135   -webkit-box-sizing: border-box;
13136   box-sizing: border-box;
13137   width: 14.28571429%;
13138   width: calc(100% / 7);
13139   text-align: center;
13140   cursor: pointer;
13141   z-index: 20;
13142   color: #000;
13143   height: 100%;
13144 }
13145 .calendar-day.calendar-day-prev,
13146 .calendar-day.calendar-day-next {
13147   color: #b8b8b8;
13148 }
13149 .calendar-day.calendar-day-disabled {
13150   color: #d4d4d4;
13151   cursor: auto;
13152 }
13153 .calendar-day.calendar-day-selected .calendar-day-number {
13154   color: #fff;
13155 }
13156 .calendar-day .calendar-day-number {
13157   display: inline-block;
13158   border-radius: 100%;
13159   position: relative;
13160 }
13161 .calendar-day .calendar-day-events {
13162   position: absolute;
13163   display: -webkit-box;
13164   display: -webkit-flex;
13165   display: -ms-flexbox;
13166   display: flex;
13167   left: 0;
13168   width: 100%;
13169   top: 100%;
13170   -webkit-box-align: center;
13171   -webkit-align-items: center;
13172   -ms-flex-align: center;
13173   align-items: center;
13174   -webkit-box-pack: center;
13175   -webkit-justify-content: center;
13176   -ms-flex-pack: center;
13177   justify-content: center;
13178   margin-top: 1px;
13179 }
13180 .calendar-day .calendar-day-event {
13181   width: 4px;
13182   height: 4px;
13183   border-radius: 50%;
13184 }
13185 .calendar-day .calendar-day-event + .calendar-day-event {
13186   margin-left: 2px;
13187 }
13188 .calendar-range .calendar-day.calendar-day-selected {
13189   -webkit-box-align: stretch;
13190   -webkit-align-items: stretch;
13191   -ms-flex-align: stretch;
13192   align-items: stretch;
13193   -webkit-align-content: stretch;
13194   -ms-flex-line-pack: stretch;
13195   align-content: stretch;
13196 }
13197 .calendar-range .calendar-day.calendar-day-selected .calendar-day-number {
13198   width: 100%;
13199   border-radius: 0;
13200   height: auto;
13201   text-align: center;
13202   display: -webkit-box;
13203   display: -webkit-flex;
13204   display: -ms-flexbox;
13205   display: flex;
13206   -webkit-box-align: center;
13207   -webkit-align-items: center;
13208   -ms-flex-align: center;
13209   align-items: center;
13210   -webkit-box-pack: center;
13211   -webkit-justify-content: center;
13212   -ms-flex-pack: center;
13213   justify-content: center;
13214 }
13215 .calendar-month-selector,
13216 .calendar-year-selector {
13217   display: -webkit-box;
13218   display: -webkit-flex;
13219   display: -ms-flexbox;
13220   display: flex;
13221   -webkit-box-pack: justify;
13222   -webkit-justify-content: space-between;
13223   -ms-flex-pack: justify;
13224   justify-content: space-between;
13225   -webkit-box-align: center;
13226   -webkit-align-items: center;
13227   -ms-flex-align: center;
13228   align-items: center;
13229   width: 50%;
13230   max-width: 200px;
13231   -webkit-flex-shrink: 10;
13232   -ms-flex-negative: 10;
13233   flex-shrink: 10;
13234 }
13235 .calendar-month-selector .calendar-day-number,
13236 .calendar-year-selector .calendar-day-number {
13237   -webkit-flex-shrink: 1;
13238   -ms-flex-negative: 1;
13239   flex-shrink: 1;
13240   position: relative;
13241   overflow: hidden;
13242   text-overflow: ellipsis;
13243 }
13244 .md .calendar-header {
13245   height: 56px;
13246   background: #2196f3;
13247   font-size: 20px;
13248   line-height: 56px;
13249   padding: 0 24px;
13250   color: #fff;
13251   position: relative;
13252   overflow: hidden;
13253   white-space: nowrap;
13254   text-overflow: ellipsis;
13255   -webkit-box-sizing: border-box;
13256   box-sizing: border-box;
13257 }
13258 .md .calendar-footer {
13259   position: relative;
13260   width: 100%;
13261   height: 48px;
13262   padding: 6px 8px;
13263   overflow: hidden;
13264   -webkit-box-sizing: border-box;
13265   box-sizing: border-box;
13266   display: -webkit-box;
13267   display: -webkit-flex;
13268   display: -ms-flexbox;
13269   display: flex;
13270   -webkit-box-pack: end;
13271   -webkit-justify-content: flex-end;
13272   -ms-flex-pack: end;
13273   justify-content: flex-end;
13274 }
13275 .md .calendar .toolbar {
13276   background: none !important;
13277   color: #212121;
13278 }
13279 .md .calendar .toolbar a.link:before {
13280   content: '';
13281   width: 152%;
13282   height: 152%;
13283   position: absolute;
13284   left: -26%;
13285   top: -26%;
13286   background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%);
13287   background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%);
13288   background-repeat: no-repeat;
13289   background-position: center;
13290   background-size: 100% 100%;
13291   opacity: 0;
13292   pointer-events: none;
13293   -webkit-transition-duration: 600ms;
13294   transition-duration: 600ms;
13295 }
13296 .md .calendar .toolbar a.link.active-state:before {
13297   opacity: 1;
13298   -webkit-transition-duration: 150ms;
13299   transition-duration: 150ms;
13300 }
13301 .md .calendar .toolbar a.link .ripple-wave {
13302   background: rgba(0, 0, 0, 0.1);
13303 }
13304 .md .calendar .toolbar .icon-next,
13305 .md .calendar .toolbar .icon-prev,
13306 .md .calendar .toolbar .icon-forward,
13307 .md .calendar .toolbar .icon-back {
13308   opacity: 0.54;
13309 }
13310 .md .calendar-week-header {
13311   color: rgba(0, 0, 0, 0.54);
13312   height: 24px;
13313 }
13314 .md .calendar-week-header .calendar-week-day {
13315   line-height: 24px;
13316 }
13317 .md .calendar-day.calendar-day-today .calendar-day-number {
13318   color: #2196f3;
13319 }
13320 .md .calendar-day.calendar-day-selected .calendar-day-number {
13321   background: #2196f3;
13322   color: #fff;
13323 }
13324 .md .calendar-day .calendar-day-number {
13325   width: 32px;
13326   height: 32px;
13327   line-height: 32px;
13328 }
13329 .md .calendar-day .calendar-day-event {
13330   background: #2196f3;
13331 }
13332 .md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number {
13333   color: #fff;
13334 }
13335 .md .calendar-month-selector a.icon-only,
13336 .md .calendar-year-selector a.icon-only {
13337   min-width: 36px;
13338 }
13339 .md .calendar-sheet:before {
13340   content: '';
13341   position: absolute;
13342   background-color: #ccc;
13343   display: block;
13344   z-index: 15;
13345   top: 0;
13346   right: auto;
13347   bottom: auto;
13348   left: 0;
13349   height: 1px;
13350   width: 100%;
13351   -webkit-transform-origin: 50% 0%;
13352   transform-origin: 50% 0%;
13353 }
13354 .md.device-pixel-ratio-2 .calendar-sheet:before {
13355   -webkit-transform: scaleY(0.5);
13356   transform: scaleY(0.5);
13357 }
13358 .md.device-pixel-ratio-3 .calendar-sheet:before {
13359   -webkit-transform: scaleY(0.33);
13360   transform: scaleY(0.33);
13361 }
13362 .md.device-iphone-x .calendar-sheet .sheet-modal-inner {
13363   margin-bottom: constant(safe-area-inset-bottom);
13364   margin-bottom: env(safe-area-inset-bottom);
13365 }
13366 @media (orientation: landscape) {
13367   .md.device-iphone-x .ios-left-edge.calendar .calendar-row,
13368   .md.device-iphone-x .ios-edges.calendar .calendar-row,
13369   .md.device-iphone-x .popup.calendar .calendar-row,
13370   .md.device-iphone-x .sheet-modal.calendar .calendar-row,
13371   .md.device-iphone-x .panel-left.calendar .calendar-row,
13372   .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
13373   .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
13374   .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
13375   .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
13376   .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
13377   .md.device-iphone-x .ios-left-edge.calendar .calendar-week-header,
13378   .md.device-iphone-x .ios-edges.calendar .calendar-week-header,
13379   .md.device-iphone-x .popup.calendar .calendar-week-header,
13380   .md.device-iphone-x .sheet-modal.calendar .calendar-week-header,
13381   .md.device-iphone-x .panel-left.calendar .calendar-week-header,
13382   .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
13383   .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
13384   .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
13385   .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
13386   .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header {
13387     padding-left: constant(safe-area-inset-left);
13388     padding-left: env(safe-area-inset-left);
13389   }
13390   .md.device-iphone-x .ios-right-edge.calendar .calendar-row,
13391   .md.device-iphone-x .ios-edges.calendar .calendar-row,
13392   .md.device-iphone-x .popup.calendar .calendar-row,
13393   .md.device-iphone-x .sheet-modal.calendar .calendar-row,
13394   .md.device-iphone-x .panel-right.calendar .calendar-row,
13395   .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
13396   .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
13397   .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
13398   .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
13399   .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
13400   .md.device-iphone-x .ios-right-edge.calendar .calendar-week-header,
13401   .md.device-iphone-x .ios-edges.calendar .calendar-week-header,
13402   .md.device-iphone-x .popup.calendar .calendar-week-header,
13403   .md.device-iphone-x .sheet-modal.calendar .calendar-week-header,
13404   .md.device-iphone-x .panel-right.calendar .calendar-week-header,
13405   .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
13406   .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
13407   .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
13408   .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
13409   .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header {
13410     padding-right: constant(safe-area-inset-right);
13411     padding-right: env(safe-area-inset-right);
13412   }
13413 }
13414 .md .theme-dark .calendar-popover .calendar-week-header {
13415   background-color: transparent;
13416 }
13417 .md .theme-dark .calendar-week-header {
13418   color: rgba(255, 255, 255, 0.54);
13419 }
13420 .md .theme-dark .calendar-day {
13421   color: rgba(255, 255, 255, 0.87);
13422 }
13423 .md .theme-dark .calendar-day.calendar-day-disabled {
13424   color: rgba(255, 255, 255, 0.54);
13425 }
13426 .md .theme-dark .calendar-day.calendar-day-prev,
13427 .md .theme-dark .calendar-day.calendar-day-next {
13428   color: rgba(255, 255, 255, 0.35);
13429 }
13430 .md .theme-dark .calendar-modal,
13431 .calendar-modal.md .theme-dark {
13432   background: #202020;
13433 }
13434 .md .theme-dark .calendar.calendar-sheet:before,
13435 .calendar.md .theme-dark.calendar-sheet:before {
13436   background-color: rgba(255, 255, 255, 0.2);
13437 }
13438 .md .theme-dark .calendar .toolbar,
13439 .calendar.md .theme-dark .toolbar {
13440   color: rgba(255, 255, 255, 0.54);
13441 }
13442 .md .theme-dark .calendar .toolbar a.link:before,
13443 .calendar.md .theme-dark .toolbar a.link:before {
13444   content: '';
13445   width: 152%;
13446   height: 152%;
13447   position: absolute;
13448   left: -26%;
13449   top: -26%;
13450   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
13451   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
13452   background-repeat: no-repeat;
13453   background-position: center;
13454   background-size: 100% 100%;
13455   opacity: 0;
13456   pointer-events: none;
13457   -webkit-transition-duration: 600ms;
13458   transition-duration: 600ms;
13459 }
13460 .md .theme-dark .calendar .toolbar a.link.active-state:before,
13461 .calendar.md .theme-dark .toolbar a.link.active-state:before {
13462   opacity: 1;
13463   -webkit-transition-duration: 150ms;
13464   transition-duration: 150ms;
13465 }
13466 .md .theme-dark .calendar .toolbar a.link .ripple-wave,
13467 .calendar.md .theme-dark .toolbar a.link .ripple-wave {
13468   background-color: rgba(255, 255, 255, 0.3);
13469 }
13470 .md .color-theme-red .calendar-header,
13471 .md .color-red .calendar-header {
13472   background: #f44336;
13473 }
13474 .md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number,
13475 .md .color-red .calendar-day.calendar-day-today .calendar-day-number {
13476   color: #f44336;
13477 }
13478 .md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number,
13479 .md .color-red .calendar-day.calendar-day-selected .calendar-day-number {
13480   background: #f44336;
13481   color: #fff;
13482 }
13483 .md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after,
13484 .md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after {
13485   background-color: #fff;
13486 }
13487 .md .color-theme-red .calendar-day .calendar-day-event,
13488 .md .color-red .calendar-day .calendar-day-event {
13489   background: #f44336;
13490 }
13491 .md .color-theme-green .calendar-header,
13492 .md .color-green .calendar-header {
13493   background: #4caf50;
13494 }
13495 .md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number,
13496 .md .color-green .calendar-day.calendar-day-today .calendar-day-number {
13497   color: #4caf50;
13498 }
13499 .md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number,
13500 .md .color-green .calendar-day.calendar-day-selected .calendar-day-number {
13501   background: #4caf50;
13502   color: #fff;
13503 }
13504 .md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after,
13505 .md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after {
13506   background-color: #fff;
13507 }
13508 .md .color-theme-green .calendar-day .calendar-day-event,
13509 .md .color-green .calendar-day .calendar-day-event {
13510   background: #4caf50;
13511 }
13512 .md .color-theme-blue .calendar-header,
13513 .md .color-blue .calendar-header {
13514   background: #2196f3;
13515 }
13516 .md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number,
13517 .md .color-blue .calendar-day.calendar-day-today .calendar-day-number {
13518   color: #2196f3;
13519 }
13520 .md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number,
13521 .md .color-blue .calendar-day.calendar-day-selected .calendar-day-number {
13522   background: #2196f3;
13523   color: #fff;
13524 }
13525 .md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after,
13526 .md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after {
13527   background-color: #fff;
13528 }
13529 .md .color-theme-blue .calendar-day .calendar-day-event,
13530 .md .color-blue .calendar-day .calendar-day-event {
13531   background: #2196f3;
13532 }
13533 .md .color-theme-pink .calendar-header,
13534 .md .color-pink .calendar-header {
13535   background: #e91e63;
13536 }
13537 .md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number,
13538 .md .color-pink .calendar-day.calendar-day-today .calendar-day-number {
13539   color: #e91e63;
13540 }
13541 .md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number,
13542 .md .color-pink .calendar-day.calendar-day-selected .calendar-day-number {
13543   background: #e91e63;
13544   color: #fff;
13545 }
13546 .md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after,
13547 .md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after {
13548   background-color: #fff;
13549 }
13550 .md .color-theme-pink .calendar-day .calendar-day-event,
13551 .md .color-pink .calendar-day .calendar-day-event {
13552   background: #e91e63;
13553 }
13554 .md .color-theme-yellow .calendar-header,
13555 .md .color-yellow .calendar-header {
13556   background: #ffeb3b;
13557 }
13558 .md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number,
13559 .md .color-yellow .calendar-day.calendar-day-today .calendar-day-number {
13560   color: #ffeb3b;
13561 }
13562 .md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,
13563 .md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number {
13564   background: #ffeb3b;
13565   color: #fff;
13566 }
13567 .md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after,
13568 .md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after {
13569   background-color: #fff;
13570 }
13571 .md .color-theme-yellow .calendar-day .calendar-day-event,
13572 .md .color-yellow .calendar-day .calendar-day-event {
13573   background: #ffeb3b;
13574 }
13575 .md .color-theme-orange .calendar-header,
13576 .md .color-orange .calendar-header {
13577   background: #ff9800;
13578 }
13579 .md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number,
13580 .md .color-orange .calendar-day.calendar-day-today .calendar-day-number {
13581   color: #ff9800;
13582 }
13583 .md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number,
13584 .md .color-orange .calendar-day.calendar-day-selected .calendar-day-number {
13585   background: #ff9800;
13586   color: #fff;
13587 }
13588 .md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after,
13589 .md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after {
13590   background-color: #fff;
13591 }
13592 .md .color-theme-orange .calendar-day .calendar-day-event,
13593 .md .color-orange .calendar-day .calendar-day-event {
13594   background: #ff9800;
13595 }
13596 .md .color-theme-gray .calendar-header,
13597 .md .color-gray .calendar-header {
13598   background: #9e9e9e;
13599 }
13600 .md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number,
13601 .md .color-gray .calendar-day.calendar-day-today .calendar-day-number {
13602   color: #9e9e9e;
13603 }
13604 .md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number,
13605 .md .color-gray .calendar-day.calendar-day-selected .calendar-day-number {
13606   background: #9e9e9e;
13607   color: #fff;
13608 }
13609 .md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after,
13610 .md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after {
13611   background-color: #fff;
13612 }
13613 .md .color-theme-gray .calendar-day .calendar-day-event,
13614 .md .color-gray .calendar-day .calendar-day-event {
13615   background: #9e9e9e;
13616 }
13617 .md .color-theme-white .calendar-header,
13618 .md .color-white .calendar-header {
13619   background: #ffffff;
13620 }
13621 .md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number,
13622 .md .color-white .calendar-day.calendar-day-today .calendar-day-number {
13623   color: #ffffff;
13624 }
13625 .md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,
13626 .md .color-white .calendar-day.calendar-day-selected .calendar-day-number {
13627   background: #ffffff;
13628   color: #fff;
13629 }
13630 .md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after,
13631 .md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after {
13632   background-color: #fff;
13633 }
13634 .md .color-theme-white .calendar-day .calendar-day-event,
13635 .md .color-white .calendar-day .calendar-day-event {
13636   background: #ffffff;
13637 }
13638 .md .color-theme-black .calendar-header,
13639 .md .color-black .calendar-header {
13640   background: #000000;
13641 }
13642 .md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number,
13643 .md .color-black .calendar-day.calendar-day-today .calendar-day-number {
13644   color: #000000;
13645 }
13646 .md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number,
13647 .md .color-black .calendar-day.calendar-day-selected .calendar-day-number {
13648   background: #000000;
13649   color: #fff;
13650 }
13651 .md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after,
13652 .md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after {
13653   background-color: #fff;
13654 }
13655 .md .color-theme-black .calendar-day .calendar-day-event,
13656 .md .color-black .calendar-day .calendar-day-event {
13657   background: #000000;
13658 }
13659 /* === Picker === */
13660 .picker {
13661   width: 100%;
13662   height: 260px;
13663 }
13664 .picker.picker-inline,
13665 .popover .picker {
13666   height: 200px;
13667 }
13668 @media (orientation: landscape) and (max-height: 415px) {
13669   .picker:not(.picker-inline) {
13670     height: 200px;
13671   }
13672 }
13673 .picker-popover {
13674   width: 280px;
13675 }
13676 .picker-columns {
13677   display: -webkit-box;
13678   display: -webkit-flex;
13679   display: -ms-flexbox;
13680   display: flex;
13681   overflow: hidden;
13682   -webkit-box-pack: center;
13683   -webkit-justify-content: center;
13684   -ms-flex-pack: center;
13685   justify-content: center;
13686   padding: 0;
13687   text-align: right;
13688   height: 100%;
13689   position: relative;
13690   -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
13691 }
13692 .picker-column {
13693   position: relative;
13694   max-height: 100%;
13695 }
13696 .picker-column.picker-column-first:before,
13697 .picker-column.picker-column-last:after {
13698   height: 100%;
13699   width: 100vw;
13700   position: absolute;
13701   content: '';
13702   top: 0;
13703 }
13704 .picker-column.picker-column-first:before {
13705   left: 100%;
13706 }
13707 .picker-column.picker-column-last:after {
13708   right: 100%;
13709 }
13710 .picker-column.picker-column-left {
13711   text-align: left;
13712 }
13713 .picker-column.picker-column-center {
13714   text-align: center;
13715 }
13716 .picker-column.picker-column-right {
13717   text-align: right;
13718 }
13719 .picker-column.picker-column-divider {
13720   display: -webkit-box;
13721   display: -webkit-flex;
13722   display: -ms-flexbox;
13723   display: flex;
13724   -webkit-box-align: center;
13725   -webkit-align-items: center;
13726   -ms-flex-align: center;
13727   align-items: center;
13728 }
13729 .picker-items {
13730   -webkit-transition: 300ms;
13731   transition: 300ms;
13732   -webkit-transition-timing-function: ease-out;
13733   transition-timing-function: ease-out;
13734 }
13735 .picker-item {
13736   height: 36px;
13737   line-height: 36px;
13738   white-space: nowrap;
13739   position: relative;
13740   overflow: hidden;
13741   text-overflow: ellipsis;
13742   left: 0;
13743   top: 0;
13744   width: 100%;
13745   -webkit-box-sizing: border-box;
13746   box-sizing: border-box;
13747   -webkit-transition: 300ms;
13748   transition: 300ms;
13749 }
13750 .picker-item span {
13751   padding: 0 10px;
13752 }
13753 .picker-column-absolute .picker-item {
13754   position: absolute;
13755 }
13756 .picker-item.picker-item-far {
13757   pointer-events: none;
13758 }
13759 .picker-item.picker-item-selected {
13760   -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
13761   transform: translate3d(0, 0, 0) rotateX(0deg);
13762 }
13763 .picker-center-highlight {
13764   height: 36px;
13765   -webkit-box-sizing: border-box;
13766   box-sizing: border-box;
13767   position: absolute;
13768   left: 0;
13769   width: 100%;
13770   top: 50%;
13771   margin-top: -18px;
13772   pointer-events: none;
13773 }
13774 .picker-3d .picker-columns {
13775   overflow: hidden;
13776   -webkit-perspective: 1200px;
13777   perspective: 1200px;
13778 }
13779 .picker-3d .picker-column,
13780 .picker-3d .picker-items,
13781 .picker-3d .picker-item {
13782   -webkit-transform-style: preserve-3d;
13783   transform-style: preserve-3d;
13784 }
13785 .picker-3d .picker-column {
13786   overflow: visible;
13787 }
13788 .picker-3d .picker-item {
13789   -webkit-transform-origin: center center -110px;
13790   transform-origin: center center -110px;
13791   -webkit-backface-visibility: hidden;
13792   backface-visibility: hidden;
13793   -webkit-transition-timing-function: ease-out;
13794   transition-timing-function: ease-out;
13795 }
13796 .md .picker-popover .toolbar {
13797   border-radius: 2px 2px 0 0;
13798 }
13799 .md .picker-columns {
13800   font-size: 20px;
13801 }
13802 .md .picker-column-divider {
13803   color: rgba(0, 0, 0, 0.87);
13804 }
13805 .md .picker-popover .picker > .toolbar + .picker-columns {
13806   height: calc(100% - 48px);
13807 }
13808 .md .picker-center-highlight:before {
13809   content: '';
13810   position: absolute;
13811   background-color: rgba(0, 0, 0, 0.15);
13812   display: block;
13813   z-index: 15;
13814   top: 0;
13815   right: auto;
13816   bottom: auto;
13817   left: 0;
13818   height: 1px;
13819   width: 100%;
13820   -webkit-transform-origin: 50% 0%;
13821   transform-origin: 50% 0%;
13822 }
13823 .md.device-pixel-ratio-2 .picker-center-highlight:before {
13824   -webkit-transform: scaleY(0.5);
13825   transform: scaleY(0.5);
13826 }
13827 .md.device-pixel-ratio-3 .picker-center-highlight:before {
13828   -webkit-transform: scaleY(0.33);
13829   transform: scaleY(0.33);
13830 }
13831 .md .picker-center-highlight:after {
13832   content: '';
13833   position: absolute;
13834   background-color: rgba(0, 0, 0, 0.15);
13835   display: block;
13836   z-index: 15;
13837   top: auto;
13838   right: auto;
13839   bottom: 0;
13840   left: 0;
13841   height: 1px;
13842   width: 100%;
13843   -webkit-transform-origin: 50% 100%;
13844   transform-origin: 50% 100%;
13845 }
13846 .md.device-pixel-ratio-2 .picker-center-highlight:after {
13847   -webkit-transform: scaleY(0.5);
13848   transform: scaleY(0.5);
13849 }
13850 .md.device-pixel-ratio-3 .picker-center-highlight:after {
13851   -webkit-transform: scaleY(0.33);
13852   transform: scaleY(0.33);
13853 }
13854 .md .theme-dark .picker-column-divider {
13855   color: rgba(255, 255, 255, 0.87);
13856 }
13857 .md .theme-dark .picker-center-highlight:before {
13858   background-color: rgba(255, 255, 255, 0.15);
13859 }
13860 .md .theme-dark .picker-center-highlight:after {
13861   background-color: rgba(255, 255, 255, 0.15);
13862 }
13863 /* === Infinite === */
13864 .infinite-scroll-preloader {
13865   margin-left: auto;
13866   margin-right: auto;
13867   text-align: center;
13868 }
13869 .infinite-scroll-preloader.preloader {
13870   display: block;
13871 }
13872 .md .infinite-scroll-preloader {
13873   margin-top: 32px;
13874   margin-bottom: 32px;
13875 }
13876 /* === PTR === */
13877 .ptr-preloader .preloader {
13878   position: absolute;
13879   left: 50%;
13880 }
13881 .md .ptr-preloader {
13882   position: absolute;
13883   left: 50%;
13884   top: 16px;
13885   width: 40px;
13886   height: 40px;
13887   border-radius: 50%;
13888   background: #fff;
13889   margin-left: -20px;
13890   margin-top: -7px;
13891   z-index: 100;
13892   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
13893   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
13894 }
13895 @media (min-width: 768px) {
13896   .md .ptr-preloader {
13897     top: 24px;
13898   }
13899 }
13900 .md .ptr-preloader .preloader {
13901   width: 22px;
13902   height: 22px;
13903   margin-left: -11px;
13904   margin-top: -11px;
13905   top: 50%;
13906   visibility: hidden;
13907 }
13908 .md .ptr-preloader .preloader .preloader-inner-gap,
13909 .md .ptr-preloader .preloader .preloader-inner-half-circle {
13910   border-width: 3px;
13911 }
13912 .md .ptr-arrow {
13913   width: 22px;
13914   height: 22px;
13915   -webkit-box-sizing: border-box;
13916   box-sizing: border-box;
13917   border: 3px solid #757575;
13918   position: absolute;
13919   left: 50%;
13920   top: 50%;
13921   margin-left: -11px;
13922   margin-top: -11px;
13923   border-left-color: transparent;
13924   border-radius: 50%;
13925   opacity: 1;
13926   -webkit-transform: rotate(150deg);
13927   transform: rotate(150deg);
13928 }
13929 .md .ptr-arrow:after {
13930   content: '';
13931   width: 0px;
13932   height: 0px;
13933   position: absolute;
13934   left: -5px;
13935   bottom: 0px;
13936   border-bottom-width: 6px;
13937   border-bottom-style: solid;
13938   border-bottom-color: inherit;
13939   border-left: 5px solid transparent;
13940   border-right: 5px solid transparent;
13941   -webkit-transform: rotate(-40deg);
13942   transform: rotate(-40deg);
13943 }
13944 .md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,
13945 .md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * {
13946   -webkit-animation: none;
13947   animation: none;
13948 }
13949 .md .ptr-refreshing .ptr-preloader .preloader,
13950 .md .ptr-pull-up .ptr-preloader .preloader {
13951   visibility: visible;
13952 }
13953 .md .ptr-refreshing .ptr-arrow,
13954 .md .ptr-pull-up .ptr-arrow {
13955   visibility: hidden;
13956 }
13957 .md .ptr-refreshing .ptr-preloader {
13958   -webkit-transform: translate3d(0, 66px, 0);
13959   transform: translate3d(0, 66px, 0);
13960 }
13961 .md .ptr-transitioning .ptr-arrow {
13962   -webkit-transition: 300ms;
13963   transition: 300ms;
13964 }
13965 .md .ptr-pull-up .ptr-arrow {
13966   -webkit-transition: 400ms;
13967   transition: 400ms;
13968   -webkit-transform: rotate(620deg) !important;
13969   transform: rotate(620deg) !important;
13970   opacity: 0;
13971 }
13972 .md .ptr-transitioning .ptr-preloader,
13973 .md .ptr-refreshing .ptr-preloader {
13974   -webkit-transition-duration: 300ms;
13975   transition-duration: 300ms;
13976   -webkit-transition-property: -webkit-transform;
13977   transition-property: -webkit-transform;
13978   transition-property: transform;
13979   transition-property: transform, -webkit-transform;
13980 }
13981 .md .ptr-no-navbar .ptr-preloader {
13982   top: auto;
13983   bottom: 100%;
13984   margin-bottom: 7px;
13985 }
13986 .md .page-with-subnavbar .ptr-preloader,
13987 .md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader,
13988 .md .searchbar ~ .ptr-content .ptr-preloader {
13989   top: 64px;
13990 }
13991 @media (min-width: 768px) {
13992   .md .page-with-subnavbar .ptr-preloader,
13993   .md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader,
13994   .md .searchbar ~ .ptr-content .ptr-preloader {
13995     top: 72px;
13996   }
13997 }
13998 /* === Images Lazy Loading === */
13999 .lazy-loaded.lazy-fade-in {
14000   -webkit-animation: lazyFadeIn 600ms;
14001   animation: lazyFadeIn 600ms;
14002 }
14003 @-webkit-keyframes lazyFadeIn {
14004   from {
14005     opacity: 0;
14006   }
14007   to {
14008     opacity: 1;
14009   }
14010 }
14011 @keyframes lazyFadeIn {
14012   from {
14013     opacity: 0;
14014   }
14015   to {
14016     opacity: 1;
14017   }
14018 }
14019 /* === Data Table === */
14020 .data-table {
14021   overflow-x: auto;
14022 }
14023 .data-table table {
14024   width: 100%;
14025   border: none;
14026   padding: 0;
14027   margin: 0;
14028   border-collapse: collapse;
14029   text-align: right;
14030 }
14031 .data-table thead {
14032   font-size: 12px;
14033 }
14034 .data-table thead th,
14035 .data-table thead td {
14036   overflow: hidden;
14037   white-space: nowrap;
14038   text-overflow: ellipsis;
14039   line-height: 16px;
14040 }
14041 .data-table thead i.icon,
14042 .data-table thead i.f7-icons,
14043 .data-table thead i.material-icons {
14044   vertical-align: top;
14045 }
14046 .data-table th,
14047 .data-table td {
14048   padding: 0;
14049   position: relative;
14050 }
14051 .data-table th.numeric-cell,
14052 .data-table td.numeric-cell {
14053   text-align: left;
14054 }
14055 .data-table th.checkbox-cell,
14056 .data-table td.checkbox-cell {
14057   overflow: visible;
14058 }
14059 .data-table th.checkbox-cell label + span,
14060 .data-table td.checkbox-cell label + span {
14061   margin-right: 8px;
14062 }
14063 .data-table th.actions-cell,
14064 .data-table td.actions-cell {
14065   text-align: left;
14066   white-space: nowrap;
14067 }
14068 .data-table th a.icon-only,
14069 .data-table td a.icon-only,
14070 .card .data-table th a.icon-only,
14071 .card .data-table td a.icon-only,
14072 .card.data-table th a.icon-only,
14073 .card.data-table td a.icon-only {
14074   display: inline-block;
14075   vertical-align: middle;
14076   text-align: center;
14077   font-size: 0;
14078   min-width: 0;
14079 }
14080 .data-table th a.icon-only i,
14081 .data-table td a.icon-only i,
14082 .card .data-table th a.icon-only i,
14083 .card .data-table td a.icon-only i,
14084 .card.data-table th a.icon-only i,
14085 .card.data-table td a.icon-only i {
14086   font-size: 18px;
14087   vertical-align: middle;
14088 }
14089 .data-table .sortable-cell:not(.input-cell) {
14090   cursor: pointer;
14091   position: relative;
14092 }
14093 .data-table .sortable-cell.input-cell .table-head-label {
14094   cursor: pointer;
14095   position: relative;
14096 }
14097 .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
14098 .data-table .sortable-cell.numeric-cell:not(.input-cell):before,
14099 .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
14100 .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
14101   content: '';
14102   display: inline-block;
14103   vertical-align: top;
14104   width: 16px;
14105   height: 16px;
14106   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
14107   background-size: 100% auto;
14108   background-position: center;
14109   background-repeat: no-repeat;
14110   font-size: 0;
14111   -webkit-transition-duration: 300ms;
14112   transition-duration: 300ms;
14113   -webkit-transform: rotate(0);
14114   transform: rotate(0);
14115   opacity: 0;
14116 }
14117 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,
14118 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,
14119 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before,
14120 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before {
14121   opacity: 0.54;
14122 }
14123 .data-table .sortable-cell.sortable-cell-active:after,
14124 .data-table .sortable-cell.sortable-cell-active .table-head-label:after,
14125 .data-table .sortable-cell.sortable-cell-active:before,
14126 .data-table .sortable-cell.sortable-cell-active .table-head-label:before {
14127   opacity: 0.87 !important;
14128 }
14129 .data-table .sortable-cell.sortable-desc:after,
14130 .data-table .sortable-cell.sortable-desc:after,
14131 .data-table .table-head-label:after,
14132 .data-table .sortable-cell.sortable-desc:before,
14133 .data-table .sortable-cell.sortable-desc:before,
14134 .data-table .table-head-label:before {
14135   -webkit-transform: rotate(180deg) !important;
14136   transform: rotate(180deg) !important;
14137 }
14138 .data-table.card .card-header,
14139 .card .data-table .card-header {
14140   height: 64px;
14141 }
14142 .data-table.card .card-content,
14143 .card .data-table .card-content {
14144   overflow-x: auto;
14145 }
14146 .data-table .data-table-links,
14147 .data-table .data-table-actions {
14148   display: -webkit-box;
14149   display: -webkit-flex;
14150   display: -ms-flexbox;
14151   display: flex;
14152 }
14153 .data-table .data-table-actions {
14154   margin-right: auto;
14155   -webkit-box-align: center;
14156   -webkit-align-items: center;
14157   -ms-flex-align: center;
14158   align-items: center;
14159 }
14160 .data-table .data-table-actions a.link {
14161   min-width: 0;
14162 }
14163 .data-table .data-table-actions a.link.icon-only {
14164   line-height: 1;
14165   -webkit-box-pack: center;
14166   -webkit-justify-content: center;
14167   -ms-flex-pack: center;
14168   justify-content: center;
14169   padding: 0;
14170 }
14171 .data-table .data-table-header,
14172 .data-table .data-table-header-selected {
14173   display: -webkit-box;
14174   display: -webkit-flex;
14175   display: -ms-flexbox;
14176   display: flex;
14177   -webkit-box-pack: justify;
14178   -webkit-justify-content: space-between;
14179   -ms-flex-pack: justify;
14180   justify-content: space-between;
14181   -webkit-box-align: center;
14182   -webkit-align-items: center;
14183   -ms-flex-align: center;
14184   align-items: center;
14185   width: 100%;
14186 }
14187 .data-table .data-table-header-selected {
14188   display: none;
14189 }
14190 .data-table.data-table-has-checked .data-table-header {
14191   display: none;
14192 }
14193 .data-table.data-table-has-checked .data-table-header-selected {
14194   display: -webkit-box;
14195   display: -webkit-flex;
14196   display: -ms-flexbox;
14197   display: flex;
14198 }
14199 .data-table .data-table-title-selected {
14200   font-size: 14px;
14201 }
14202 .data-table .data-table-footer {
14203   display: -webkit-box;
14204   display: -webkit-flex;
14205   display: -ms-flexbox;
14206   display: flex;
14207   -webkit-box-align: center;
14208   -webkit-align-items: center;
14209   -ms-flex-align: center;
14210   align-items: center;
14211   -webkit-box-sizing: border-box;
14212   box-sizing: border-box;
14213   position: relative;
14214   font-size: 12px;
14215   overflow: hidden;
14216   -webkit-box-pack: start;
14217   -webkit-justify-content: flex-start;
14218   -ms-flex-pack: start;
14219   justify-content: flex-start;
14220 }
14221 .data-table .data-table-rows-select,
14222 .data-table .data-table-pagination {
14223   display: -webkit-box;
14224   display: -webkit-flex;
14225   display: -ms-flexbox;
14226   display: flex;
14227   -webkit-box-align: center;
14228   -webkit-align-items: center;
14229   -ms-flex-align: center;
14230   align-items: center;
14231 }
14232 @media (max-width: 480px) and (orientation: portrait) {
14233   .data-table.data-table-collapsible thead {
14234     display: none;
14235   }
14236   .data-table.data-table-collapsible tbody,
14237   .data-table.data-table-collapsible tr,
14238   .data-table.data-table-collapsible td {
14239     display: block;
14240   }
14241   .data-table.data-table-collapsible tr {
14242     position: relative;
14243   }
14244   .data-table.data-table-collapsible tr:hover {
14245     background-color: inherit;
14246   }
14247   .data-table.data-table-collapsible td {
14248     display: -webkit-box;
14249     display: -webkit-flex;
14250     display: -ms-flexbox;
14251     display: flex;
14252     -webkit-align-content: center;
14253     -ms-flex-line-pack: center;
14254     align-content: center;
14255     -webkit-box-align: center;
14256     -webkit-align-items: center;
14257     -ms-flex-align: center;
14258     align-items: center;
14259     -webkit-box-pack: start;
14260     -webkit-justify-content: flex-start;
14261     -ms-flex-pack: start;
14262     justify-content: flex-start;
14263     text-align: right;
14264   }
14265   .data-table.data-table-collapsible td:before {
14266     display: none !important;
14267   }
14268   .data-table.data-table-collapsible td:not(.checkbox-cell):before {
14269     width: 40%;
14270     display: block !important;
14271     content: attr(data-collapsible-title);
14272     position: relative;
14273     height: auto;
14274     background: none !important;
14275     -webkit-transform: none !important;
14276     transform: none !important;
14277     font-size: 12px;
14278     margin-left: 16px;
14279     -webkit-flex-shrink: 0;
14280     -ms-flex-negative: 0;
14281     flex-shrink: 0;
14282   }
14283   .data-table.data-table-collapsible td.checkbox-cell {
14284     position: absolute;
14285     top: 0;
14286     right: 0;
14287   }
14288   .data-table.data-table-collapsible td.checkbox-cell + td {
14289     padding-right: 16px;
14290   }
14291   .data-table.data-table-collapsible td.checkbox-cell ~ td {
14292     margin-right: 32px;
14293   }
14294 }
14295 .data-table .tablet-only,
14296 .data-table .tablet-landscape-only {
14297   display: none;
14298 }
14299 @media (min-width: 768px) {
14300   .data-table .tablet-only {
14301     display: table-cell;
14302   }
14303 }
14304 @media (min-width: 768px) and (orientation: landscape) {
14305   .data-table .tablet-landscape-only {
14306     display: table-cell;
14307   }
14308 }
14309 .theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
14310 .theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,
14311 .theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
14312 .theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
14313   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
14314 }
14315 .md .data-table thead th,
14316 .md .data-table thead td {
14317   font-weight: 500;
14318   height: 56px;
14319   -webkit-box-sizing: border-box;
14320   box-sizing: border-box;
14321 }
14322 .md .data-table thead th:not(.sortable-cell-active),
14323 .md .data-table thead td:not(.sortable-cell-active) {
14324   color: rgba(0, 0, 0, 0.54);
14325 }
14326 .md .data-table thead i.icon,
14327 .md .data-table thead i.material-icons {
14328   font-size: 16px;
14329   width: 16px;
14330   height: 16px;
14331 }
14332 .md .data-table tbody {
14333   font-size: 13px;
14334 }
14335 .md .data-table tbody tr.data-table-row-selected {
14336   background: #f5f5f5;
14337 }
14338 .md .data-table tbody td {
14339   height: 48px;
14340 }
14341 .md .data-table th,
14342 .md .data-table td {
14343   padding-left: 28px;
14344   padding-right: 28px;
14345 }
14346 .md .data-table th.label-cell,
14347 .md .data-table td.label-cell {
14348   padding-left: 24px;
14349   padding-right: 24px;
14350 }
14351 .md .data-table th:first-child,
14352 .md .data-table td:first-child {
14353   padding-right: 24px;
14354 }
14355 .md .data-table th:last-child,
14356 .md .data-table td:last-child {
14357   padding-left: 24px;
14358 }
14359 .md .data-table th.checkbox-cell,
14360 .md .data-table td.checkbox-cell {
14361   width: 18px;
14362   padding-right: 24px;
14363   padding-left: 12px;
14364 }
14365 .md .data-table th.checkbox-cell + td,
14366 .md .data-table td.checkbox-cell + td,
14367 .md .data-table th.checkbox-cell + th,
14368 .md .data-table td.checkbox-cell + th {
14369   padding-right: 12px;
14370 }
14371 .md .data-table th.actions-cell a.link,
14372 .md .data-table td.actions-cell a.link {
14373   color: rgba(0, 0, 0, 0.54);
14374 }
14375 .md .data-table th.actions-cell a.link + a.link,
14376 .md .data-table td.actions-cell a.link + a.link {
14377   margin-right: 24px;
14378 }
14379 .md .data-table th.actions-cell a.icon-only,
14380 .md .data-table td.actions-cell a.icon-only {
14381   width: 24px;
14382   height: 24px;
14383   line-height: 24px;
14384 }
14385 .md .sortable-cell:not(.numeric-cell):after {
14386   margin-right: 8px;
14387 }
14388 .md .sortable-cell.numeric-cell:before {
14389   margin-left: 8px;
14390 }
14391 .md .data-table.card .card-header,
14392 .md .card .data-table .card-header,
14393 .md .data-table.card .card-footer,
14394 .md .card .data-table .card-footer {
14395   padding-right: 24px;
14396   padding-left: 14px;
14397 }
14398 .md .data-table.card .card-footer,
14399 .md .card .data-table .card-footer {
14400   height: 56px;
14401 }
14402 .md .data-table-title {
14403   font-size: 20px;
14404 }
14405 .md .data-table-links a.link + a.link,
14406 .md .data-table-actions a.link + a.link {
14407   margin-right: 24px;
14408 }
14409 .md .data-table-actions a.link {
14410   color: rgba(0, 0, 0, 0.54);
14411 }
14412 .md .data-table-actions a.link.icon-only {
14413   width: 24px;
14414   height: 24px;
14415   overflow: visible;
14416 }
14417 .md .data-table-actions a.link.icon-only.active-state {
14418   background: none;
14419 }
14420 .md .data-table .card-header > .data-table-header,
14421 .md .data-table .card-header > .data-table-header-selected {
14422   padding-right: 24px;
14423   padding-left: 14px;
14424   margin-right: -24px;
14425   margin-left: -14px;
14426   padding-top: 4px;
14427   padding-bottom: 4px;
14428   height: 100%;
14429 }
14430 .md .data-table-header-selected {
14431   background: rgba(33, 150, 243, 0.1);
14432 }
14433 .md .data-table-title-selected {
14434   color: #2196f3;
14435 }
14436 .md .data-table tbody td:before {
14437   content: '';
14438   position: absolute;
14439   background-color: rgba(0, 0, 0, 0.12);
14440   display: block;
14441   z-index: 15;
14442   top: 0;
14443   right: auto;
14444   bottom: auto;
14445   left: 0;
14446   height: 1px;
14447   width: 100%;
14448   -webkit-transform-origin: 50% 0%;
14449   transform-origin: 50% 0%;
14450 }
14451 .md.device-pixel-ratio-2 .data-table tbody td:before {
14452   -webkit-transform: scaleY(0.5);
14453   transform: scaleY(0.5);
14454 }
14455 .md.device-pixel-ratio-3 .data-table tbody td:before {
14456   -webkit-transform: scaleY(0.33);
14457   transform: scaleY(0.33);
14458 }
14459 .md.device-desktop .data-table tbody tr:hover {
14460   background: #f5f5f5;
14461 }
14462 .md .data-table-footer {
14463   height: 56px;
14464   color: rgba(0, 0, 0, 0.54);
14465 }
14466 .md .data-table-rows-select a.link,
14467 .md .data-table-pagination a.link {
14468   width: 48px;
14469   height: 48px;
14470 }
14471 .md .data-table-rows-select a.link:before,
14472 .md .data-table-pagination a.link:before {
14473   content: '';
14474   width: 152%;
14475   height: 152%;
14476   position: absolute;
14477   left: -26%;
14478   top: -26%;
14479   background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
14480   background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
14481   background-repeat: no-repeat;
14482   background-position: center;
14483   background-size: 100% 100%;
14484   opacity: 0;
14485   pointer-events: none;
14486   -webkit-transition-duration: 600ms;
14487   transition-duration: 600ms;
14488 }
14489 .md .data-table-rows-select a.link.active-state:before,
14490 .md .data-table-pagination a.link.active-state:before {
14491   opacity: 1;
14492   -webkit-transition-duration: 150ms;
14493   transition-duration: 150ms;
14494 }
14495 .md .data-table-rows-select + .data-table-pagination {
14496   margin-right: 32px;
14497 }
14498 .md .data-table-rows-select .input {
14499   margin-right: 24px;
14500 }
14501 .md .data-table-pagination-label {
14502   margin-left: 20px;
14503 }
14504 .md .data-table-footer:before {
14505   content: '';
14506   position: absolute;
14507   background-color: rgba(0, 0, 0, 0.12);
14508   display: block;
14509   z-index: 15;
14510   top: 0;
14511   right: auto;
14512   bottom: auto;
14513   left: 0;
14514   height: 1px;
14515   width: 100%;
14516   -webkit-transform-origin: 50% 0%;
14517   transform-origin: 50% 0%;
14518 }
14519 .md.device-pixel-ratio-2 .data-table-footer:before {
14520   -webkit-transform: scaleY(0.5);
14521   transform: scaleY(0.5);
14522 }
14523 .md.device-pixel-ratio-3 .data-table-footer:before {
14524   -webkit-transform: scaleY(0.33);
14525   transform: scaleY(0.33);
14526 }
14527 .md .input-cell {
14528   padding-top: 8px;
14529   padding-bottom: 8px;
14530   height: auto;
14531   vertical-align: top;
14532 }
14533 .md .input-cell .table-head-label + .input {
14534   margin-top: 4px;
14535 }
14536 .md .input-cell .input {
14537   height: 24px;
14538 }
14539 .md .input-cell .input input,
14540 .md .input-cell .input textarea,
14541 .md .input-cell .input select {
14542   height: 24px;
14543   color: #212121;
14544   font-size: 14px;
14545 }
14546 .md .input-cell .input .input-clear-button {
14547   -webkit-transform: scale(0.8);
14548   transform: scale(0.8);
14549 }
14550 @media (max-width: 480px) and (orientation: portrait) {
14551   .md .data-table.data-table-collapsible td {
14552     padding-left: 16px;
14553     padding-right: 16px;
14554   }
14555   .md .data-table.data-table-collapsible td:not(.checkbox-cell):before {
14556     color: rgba(0, 0, 0, 0.54);
14557     font-weight: 500;
14558     line-height: 16px;
14559   }
14560   .md .data-table-collapsible tr:before {
14561     content: '';
14562     position: absolute;
14563     background-color: rgba(0, 0, 0, 0.12);
14564     display: block;
14565     z-index: 15;
14566     top: 0;
14567     right: auto;
14568     bottom: auto;
14569     left: 0;
14570     height: 1px;
14571     width: 100%;
14572     -webkit-transform-origin: 50% 0%;
14573     transform-origin: 50% 0%;
14574   }
14575   .md.device-pixel-ratio-2 .data-table-collapsible tr:before {
14576     -webkit-transform: scaleY(0.5);
14577     transform: scaleY(0.5);
14578   }
14579   .md.device-pixel-ratio-3 .data-table-collapsible tr:before {
14580     -webkit-transform: scaleY(0.33);
14581     transform: scaleY(0.33);
14582   }
14583 }
14584 .md .theme-dark .data-table thead th:not(.sortable-cell-active),
14585 .data-table.md .theme-dark thead th:not(.sortable-cell-active),
14586 .md .theme-dark .data-table thead td:not(.sortable-cell-active),
14587 .data-table.md .theme-dark thead td:not(.sortable-cell-active),
14588 .md .theme-dark .data-table .data-table-actions a.link,
14589 .data-table.md .theme-dark .data-table-actions a.link,
14590 .md .theme-dark .data-table td.actions-cell a.link,
14591 .data-table.md .theme-dark td.actions-cell a.link,
14592 .md .theme-dark .data-table th.actions-cell a.link,
14593 .data-table.md .theme-dark th.actions-cell a.link {
14594   color: rgba(255, 255, 255, 0.54);
14595 }
14596 .md .theme-dark .data-table .data-table-links a.link:before,
14597 .data-table.md .theme-dark .data-table-links a.link:before {
14598   content: '';
14599   width: 152%;
14600   height: 152%;
14601   position: absolute;
14602   left: -26%;
14603   top: -26%;
14604   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
14605   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
14606   background-repeat: no-repeat;
14607   background-position: center;
14608   background-size: 100% 100%;
14609   opacity: 0;
14610   pointer-events: none;
14611   -webkit-transition-duration: 600ms;
14612   transition-duration: 600ms;
14613 }
14614 .md .theme-dark .data-table .data-table-links a.link.active-state:before,
14615 .data-table.md .theme-dark .data-table-links a.link.active-state:before {
14616   opacity: 1;
14617   -webkit-transition-duration: 150ms;
14618   transition-duration: 150ms;
14619 }
14620 .md .theme-dark .data-table tbody td:before,
14621 .data-table.md .theme-dark tbody td:before {
14622   background-color: rgba(255, 255, 255, 0.08);
14623 }
14624 .md .theme-dark .data-table.data-table-collapsible tr:before,
14625 .data-table.md .theme-dark.data-table-collapsible tr:before {
14626   background-color: rgba(255, 255, 255, 0.08);
14627 }
14628 .md .theme-dark .data-table tbody tr.data-table-row-selected,
14629 .data-table.md .theme-dark tbody tr.data-table-row-selected {
14630   background-color: rgba(255, 255, 255, 0.05);
14631 }
14632 .md.device-desktop .theme-dark .data-table tbody tr:hover,
14633 .md.device-desktop .theme-dark.data-table tbody tr:hover {
14634   background-color: rgba(255, 255, 255, 0.05);
14635 }
14636 .md .color-theme-red .data-table-header-selected,
14637 .md .data-table-header-selected.color-red {
14638   background: rgba(244, 67, 54, 0.1);
14639 }
14640 .md .color-theme-red .data-table-title-selected,
14641 .md .color-red .data-table-title-selected {
14642   color: #f44336;
14643 }
14644 .md .color-theme-green .data-table-header-selected,
14645 .md .data-table-header-selected.color-green {
14646   background: rgba(76, 175, 80, 0.1);
14647 }
14648 .md .color-theme-green .data-table-title-selected,
14649 .md .color-green .data-table-title-selected {
14650   color: #4caf50;
14651 }
14652 .md .color-theme-blue .data-table-header-selected,
14653 .md .data-table-header-selected.color-blue {
14654   background: rgba(33, 150, 243, 0.1);
14655 }
14656 .md .color-theme-blue .data-table-title-selected,
14657 .md .color-blue .data-table-title-selected {
14658   color: #2196f3;
14659 }
14660 .md .color-theme-pink .data-table-header-selected,
14661 .md .data-table-header-selected.color-pink {
14662   background: rgba(233, 30, 99, 0.1);
14663 }
14664 .md .color-theme-pink .data-table-title-selected,
14665 .md .color-pink .data-table-title-selected {
14666   color: #e91e63;
14667 }
14668 .md .color-theme-yellow .data-table-header-selected,
14669 .md .data-table-header-selected.color-yellow {
14670   background: rgba(255, 235, 59, 0.1);
14671 }
14672 .md .color-theme-yellow .data-table-title-selected,
14673 .md .color-yellow .data-table-title-selected {
14674   color: #ffeb3b;
14675 }
14676 .md .color-theme-orange .data-table-header-selected,
14677 .md .data-table-header-selected.color-orange {
14678   background: rgba(255, 152, 0, 0.1);
14679 }
14680 .md .color-theme-orange .data-table-title-selected,
14681 .md .color-orange .data-table-title-selected {
14682   color: #ff9800;
14683 }
14684 .md .color-theme-gray .data-table-header-selected,
14685 .md .data-table-header-selected.color-gray {
14686   background: rgba(158, 158, 158, 0.1);
14687 }
14688 .md .color-theme-gray .data-table-title-selected,
14689 .md .color-gray .data-table-title-selected {
14690   color: #9e9e9e;
14691 }
14692 .md .color-theme-white .data-table-header-selected,
14693 .md .data-table-header-selected.color-white {
14694   background: rgba(255, 255, 255, 0.1);
14695 }
14696 .md .color-theme-white .data-table-title-selected,
14697 .md .color-white .data-table-title-selected {
14698   color: #ffffff;
14699 }
14700 .md .color-theme-black .data-table-header-selected,
14701 .md .data-table-header-selected.color-black {
14702   background: rgba(0, 0, 0, 0.1);
14703 }
14704 .md .color-theme-black .data-table-title-selected,
14705 .md .color-black .data-table-title-selected {
14706   color: #000000;
14707 }
14708 /* === FAB === */
14709 .fab {
14710   position: absolute;
14711   z-index: 1500;
14712 }
14713 .fab > a,
14714 .fab-buttons a {
14715   position: relative;
14716   -webkit-transition-duration: 300ms;
14717   transition-duration: 300ms;
14718   display: -webkit-box;
14719   display: -webkit-flex;
14720   display: -ms-flexbox;
14721   display: flex;
14722   -webkit-box-align: center;
14723   -webkit-align-items: center;
14724   -ms-flex-align: center;
14725   align-items: center;
14726   -webkit-box-pack: center;
14727   -webkit-justify-content: center;
14728   -ms-flex-pack: center;
14729   justify-content: center;
14730   overflow: hidden;
14731   z-index: 1;
14732 }
14733 .fab > a i {
14734   position: absolute;
14735   left: 50%;
14736   top: 50%;
14737   -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
14738   transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
14739   -webkit-transition: 300ms;
14740   transition: 300ms;
14741 }
14742 .fab > a i + i {
14743   -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
14744   transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
14745   opacity: 0;
14746 }
14747 .fab[class*="fab-center"] {
14748   left: 50%;
14749   -webkit-transform: translateX(-50%);
14750   transform: translateX(-50%);
14751 }
14752 .fab[class*="left-center"],
14753 .fab[class*="right-center"] {
14754   top: 50%;
14755   -webkit-transform: translateY(-50%);
14756   transform: translateY(-50%);
14757 }
14758 .fab[class*="center-center"] {
14759   top: 50%;
14760   left: 50%;
14761   -webkit-transform: translateX(-50%) translateY(-50%);
14762   transform: translateX(-50%) translateY(-50%);
14763 }
14764 .fab div.fab-buttons a {
14765   width: 40px;
14766   height: 40px;
14767 }
14768 .fab-buttons {
14769   display: -webkit-box;
14770   display: -webkit-flex;
14771   display: -ms-flexbox;
14772   display: flex;
14773   visibility: hidden;
14774   pointer-events: none;
14775   position: absolute;
14776 }
14777 .fab-buttons a {
14778   opacity: 0;
14779 }
14780 .fab-opened:not(.fab-morph) > a i {
14781   -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
14782   transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
14783   opacity: 0;
14784 }
14785 .fab-opened:not(.fab-morph) > a i + i {
14786   -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
14787   transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
14788   opacity: 1;
14789 }
14790 .fab-opened .fab-buttons {
14791   visibility: visible;
14792   pointer-events: auto;
14793 }
14794 .fab-opened .fab-buttons a {
14795   opacity: 1;
14796   -webkit-transform: translate3d(0, 0px, 0) scale(1) !important;
14797   transform: translate3d(0, 0px, 0) scale(1) !important;
14798 }
14799 .fab-opened .fab-buttons a:nth-child(2) {
14800   -webkit-transition-delay: 50ms;
14801   transition-delay: 50ms;
14802 }
14803 .fab-opened .fab-buttons a:nth-child(3) {
14804   -webkit-transition-delay: 100ms;
14805   transition-delay: 100ms;
14806 }
14807 .fab-opened .fab-buttons a:nth-child(4) {
14808   -webkit-transition-delay: 150ms;
14809   transition-delay: 150ms;
14810 }
14811 .fab-opened .fab-buttons a:nth-child(5) {
14812   -webkit-transition-delay: 200ms;
14813   transition-delay: 200ms;
14814 }
14815 .fab-opened .fab-buttons a:nth-child(6) {
14816   -webkit-transition-delay: 250ms;
14817   transition-delay: 250ms;
14818 }
14819 .fab-buttons-top,
14820 .fab-buttons-bottom {
14821   left: 50%;
14822   width: 40px;
14823   margin-left: -20px;
14824 }
14825 .fab-buttons-top {
14826   bottom: 100%;
14827   margin-bottom: 16px;
14828   -webkit-box-orient: vertical;
14829   -webkit-box-direction: reverse;
14830   -webkit-flex-direction: column-reverse;
14831   -ms-flex-direction: column-reverse;
14832   flex-direction: column-reverse;
14833 }
14834 .fab-buttons-top a {
14835   -webkit-transform: translate3d(0, 8px, 0) scale(0.3);
14836   transform: translate3d(0, 8px, 0) scale(0.3);
14837   -webkit-transform-origin: center bottom;
14838   transform-origin: center bottom;
14839 }
14840 .fab-buttons-top a + a {
14841   margin-bottom: 16px;
14842 }
14843 .fab-buttons-bottom {
14844   top: 100%;
14845   margin-top: 16px;
14846   -webkit-box-orient: vertical;
14847   -webkit-box-direction: normal;
14848   -webkit-flex-direction: column;
14849   -ms-flex-direction: column;
14850   flex-direction: column;
14851 }
14852 .fab-buttons-bottom a {
14853   -webkit-transform: translate3d(0, -8px, 0) scale(0.3);
14854   transform: translate3d(0, -8px, 0) scale(0.3);
14855   -webkit-transform-origin: center top;
14856   transform-origin: center top;
14857 }
14858 .fab-buttons-bottom a + a {
14859   margin-top: 16px;
14860 }
14861 .fab-buttons-left,
14862 .fab-buttons-right {
14863   top: 50%;
14864   height: 40px;
14865   margin-top: -20px;
14866 }
14867 .fab-buttons-left {
14868   right: 100%;
14869   margin-right: 16px;
14870 }
14871 .fab-buttons-left a {
14872   -webkit-transform: translate3d(8px, 0px, 0) scale(0.3);
14873   transform: translate3d(8px, 0px, 0) scale(0.3);
14874   -webkit-transform-origin: right center;
14875   transform-origin: right center;
14876 }
14877 .fab-buttons-left a + a {
14878   margin-right: 16px;
14879 }
14880 .fab-buttons-right {
14881   left: 100%;
14882   margin-left: 16px;
14883   -webkit-box-orient: horizontal;
14884   -webkit-box-direction: reverse;
14885   -webkit-flex-direction: row-reverse;
14886   -ms-flex-direction: row-reverse;
14887   flex-direction: row-reverse;
14888 }
14889 .fab-buttons-right a {
14890   -webkit-transform: translate3d(-8px, 0, 0) scale(0.3);
14891   transform: translate3d(-8px, 0, 0) scale(0.3);
14892   -webkit-transform-origin: left center;
14893   transform-origin: left center;
14894 }
14895 .fab-buttons-right a + a {
14896   margin-left: 16px;
14897 }
14898 .fab-buttons-center {
14899   left: 0%;
14900   top: 0%;
14901   width: 100%;
14902   height: 100%;
14903 }
14904 .fab-buttons-center a {
14905   position: absolute;
14906 }
14907 .fab-buttons-center a:nth-child(1) {
14908   left: 50%;
14909   margin-left: -20px;
14910   bottom: 100%;
14911   margin-bottom: 16px;
14912   -webkit-transform: translateY(-8px) scale(0.3);
14913   transform: translateY(-8px) scale(0.3);
14914   -webkit-transform-origin: center bottom;
14915   transform-origin: center bottom;
14916 }
14917 .fab-buttons-center a:nth-child(2) {
14918   left: 100%;
14919   margin-top: -20px;
14920   top: 50%;
14921   margin-left: 16px;
14922   -webkit-transform: translateX(-8px) scale(0.3);
14923   transform: translateX(-8px) scale(0.3);
14924   -webkit-transform-origin: left center;
14925   transform-origin: left center;
14926 }
14927 .fab-buttons-center a:nth-child(3) {
14928   left: 50%;
14929   margin-left: -20px;
14930   top: 100%;
14931   margin-top: 16px;
14932   -webkit-transform: translateY(8px) scale(0.3);
14933   transform: translateY(8px) scale(0.3);
14934   -webkit-transform-origin: center top;
14935   transform-origin: center top;
14936 }
14937 .fab-buttons-center a:nth-child(4) {
14938   right: 100%;
14939   margin-top: -20px;
14940   top: 50%;
14941   margin-right: 16px;
14942   -webkit-transform: translateX(8px) scale(0.3);
14943   transform: translateX(8px) scale(0.3);
14944   -webkit-transform-origin: right center;
14945   transform-origin: right center;
14946 }
14947 .fab-opened.fab-morph > a i {
14948   opacity: 0;
14949 }
14950 .fab-morph,
14951 .fab-morph > a,
14952 .fab-morph-target {
14953   -webkit-transition-duration: 250ms;
14954   transition-duration: 250ms;
14955 }
14956 .fab-morph-target:not(.fab-morph-target-visible) {
14957   display: none;
14958 }
14959 .fab-extended {
14960   width: auto;
14961 }
14962 .fab-extended > a {
14963   width: 100% !important;
14964 }
14965 .fab-text {
14966   padding-left: 20px;
14967   padding-right: 20px;
14968   -webkit-box-sizing: border-box;
14969   box-sizing: border-box;
14970   font-size: 14px;
14971   text-transform: uppercase;
14972 }
14973 .fab-label-button {
14974   overflow: visible !important;
14975 }
14976 .fab-label {
14977   position: absolute;
14978   top: 50%;
14979   padding: 4px 12px;
14980   border-radius: 4px;
14981   background: #fff;
14982   color: #333;
14983   white-space: nowrap;
14984   -webkit-transform: translateY(-50%);
14985   transform: translateY(-50%);
14986   pointer-events: none;
14987 }
14988 .fab[class*="fab-right-"] .fab-label {
14989   right: 100%;
14990   margin-right: 8px;
14991 }
14992 .fab[class*="fab-left-"] .fab-label {
14993   left: 100%;
14994   margin-left: 8px;
14995 }
14996 .md .fab > a,
14997 .md .fab-buttons a {
14998   background: #2196f3;
14999   width: 56px;
15000   height: 56px;
15001   border-radius: 28px;
15002   color: #fff;
15003   -webkit-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);
15004   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);
15005 }
15006 .md .fab > a.active-state,
15007 .md .fab-buttons a.active-state {
15008   background: #0c82df;
15009 }
15010 .md .fab[class*="fab-left"] {
15011   left: 15px;
15012 }
15013 .md .fab[class*="fab-right"] {
15014   right: 15px;
15015 }
15016 .md .fab[class*="-top"] {
15017   top: 15px;
15018 }
15019 .md .fab[class*="-bottom"] {
15020   bottom: 15px;
15021 }
15022 .md .navbar ~ * .fab[class*="-top"],
15023 .md .navbar ~ .fab[class*="-top"] {
15024   margin-top: 56px;
15025 }
15026 @media (min-width: 768px) {
15027   .md .navbar ~ * .fab[class*="-top"],
15028   .md .navbar ~ .fab[class*="-top"] {
15029     margin-top: 64px;
15030   }
15031 }
15032 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"],
15033 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] {
15034   margin-top: 48px;
15035 }
15036 .md .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"],
15037 .md .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] {
15038   margin-top: 72px;
15039 }
15040 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"],
15041 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] {
15042   margin-top: 104px;
15043 }
15044 .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"],
15045 .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] {
15046   margin-top: 128px;
15047 }
15048 @media (min-width: 768px) {
15049   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"],
15050   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] {
15051     margin-top: 112px;
15052   }
15053   .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"],
15054   .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] {
15055     margin-top: 136px;
15056   }
15057 }
15058 .md .toolbar-bottom-md ~ * .fab[class*="-bottom"],
15059 .md .toolbar-bottom-md ~ .fab[class*="-bottom"],
15060 .md .messagebar ~ * .fab[class*="-bottom"],
15061 .md .messagebar ~ .fab[class*="-bottom"] {
15062   margin-bottom: 48px;
15063 }
15064 .md .toolbar-bottom-md.tabbar-labels ~ * .fab[class*="-bottom"],
15065 .md .toolbar-bottom-md.tabbar-labels ~ .fab[class*="-bottom"] {
15066   margin-bottom: 72px;
15067 }
15068 .md .fab-morph {
15069   border-radius: 28px;
15070   background: #2196f3;
15071   -webkit-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);
15072   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);
15073 }
15074 .md .fab-morph > a {
15075   -webkit-box-shadow: none;
15076   box-shadow: none;
15077   background: none !important;
15078 }
15079 .md .fab-extended {
15080   min-width: 48px;
15081 }
15082 .md .fab-extended > a {
15083   height: 48px;
15084 }
15085 .md .fab-extended > a i {
15086   left: 24px;
15087 }
15088 .md .fab-extended i ~ .fab-text {
15089   padding-left: 48px;
15090 }
15091 .md .fab-text {
15092   font-weight: 500;
15093   letter-spacing: 0.03em;
15094 }
15095 .md .fab-label {
15096   -webkit-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);
15097   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);
15098 }
15099 .md .color-theme-red .fab > a,
15100 .md .color-theme-red .fab-buttons a,
15101 .md .color-theme-red.fab > a,
15102 .md .color-theme-red.fab-buttons a {
15103   background: #f44336;
15104 }
15105 .md .color-theme-red .fab > a.active-state,
15106 .md .color-theme-red .fab-buttons a.active-state,
15107 .md .color-theme-red.fab > a.active-state,
15108 .md .color-theme-red.fab-buttons a.active-state {
15109   background: #f21f0f;
15110 }
15111 .md .color-theme-red .fab-morph,
15112 .md .color-theme-red.fab-morph {
15113   background: #f44336;
15114 }
15115 .md .color-theme-green .fab > a,
15116 .md .color-theme-green .fab-buttons a,
15117 .md .color-theme-green.fab > a,
15118 .md .color-theme-green.fab-buttons a {
15119   background: #4caf50;
15120 }
15121 .md .color-theme-green .fab > a.active-state,
15122 .md .color-theme-green .fab-buttons a.active-state,
15123 .md .color-theme-green.fab > a.active-state,
15124 .md .color-theme-green.fab-buttons a.active-state {
15125   background: #409343;
15126 }
15127 .md .color-theme-green .fab-morph,
15128 .md .color-theme-green.fab-morph {
15129   background: #4caf50;
15130 }
15131 .md .color-theme-blue .fab > a,
15132 .md .color-theme-blue .fab-buttons a,
15133 .md .color-theme-blue.fab > a,
15134 .md .color-theme-blue.fab-buttons a {
15135   background: #2196f3;
15136 }
15137 .md .color-theme-blue .fab > a.active-state,
15138 .md .color-theme-blue .fab-buttons a.active-state,
15139 .md .color-theme-blue.fab > a.active-state,
15140 .md .color-theme-blue.fab-buttons a.active-state {
15141   background: #0c82df;
15142 }
15143 .md .color-theme-blue .fab-morph,
15144 .md .color-theme-blue.fab-morph {
15145   background: #2196f3;
15146 }
15147 .md .color-theme-pink .fab > a,
15148 .md .color-theme-pink .fab-buttons a,
15149 .md .color-theme-pink.fab > a,
15150 .md .color-theme-pink.fab-buttons a {
15151   background: #e91e63;
15152 }
15153 .md .color-theme-pink .fab > a.active-state,
15154 .md .color-theme-pink .fab-buttons a.active-state,
15155 .md .color-theme-pink.fab > a.active-state,
15156 .md .color-theme-pink.fab-buttons a.active-state {
15157   background: #ca1452;
15158 }
15159 .md .color-theme-pink .fab-morph,
15160 .md .color-theme-pink.fab-morph {
15161   background: #e91e63;
15162 }
15163 .md .color-theme-yellow .fab > a,
15164 .md .color-theme-yellow .fab-buttons a,
15165 .md .color-theme-yellow.fab > a,
15166 .md .color-theme-yellow.fab-buttons a {
15167   background: #ffeb3b;
15168 }
15169 .md .color-theme-yellow .fab > a.active-state,
15170 .md .color-theme-yellow .fab-buttons a.active-state,
15171 .md .color-theme-yellow.fab > a.active-state,
15172 .md .color-theme-yellow.fab-buttons a.active-state {
15173   background: #ffe712;
15174 }
15175 .md .color-theme-yellow .fab-morph,
15176 .md .color-theme-yellow.fab-morph {
15177   background: #ffeb3b;
15178 }
15179 .md .color-theme-orange .fab > a,
15180 .md .color-theme-orange .fab-buttons a,
15181 .md .color-theme-orange.fab > a,
15182 .md .color-theme-orange.fab-buttons a {
15183   background: #ff9800;
15184 }
15185 .md .color-theme-orange .fab > a.active-state,
15186 .md .color-theme-orange .fab-buttons a.active-state,
15187 .md .color-theme-orange.fab > a.active-state,
15188 .md .color-theme-orange.fab-buttons a.active-state {
15189   background: #d68000;
15190 }
15191 .md .color-theme-orange .fab-morph,
15192 .md .color-theme-orange.fab-morph {
15193   background: #ff9800;
15194 }
15195 .md .color-theme-gray .fab > a,
15196 .md .color-theme-gray .fab-buttons a,
15197 .md .color-theme-gray.fab > a,
15198 .md .color-theme-gray.fab-buttons a {
15199   background: #9e9e9e;
15200 }
15201 .md .color-theme-gray .fab > a.active-state,
15202 .md .color-theme-gray .fab-buttons a.active-state,
15203 .md .color-theme-gray.fab > a.active-state,
15204 .md .color-theme-gray.fab-buttons a.active-state {
15205   background: #8a8a8a;
15206 }
15207 .md .color-theme-gray .fab-morph,
15208 .md .color-theme-gray.fab-morph {
15209   background: #9e9e9e;
15210 }
15211 .md .color-theme-white .fab > a,
15212 .md .color-theme-white .fab-buttons a,
15213 .md .color-theme-white.fab > a,
15214 .md .color-theme-white.fab-buttons a {
15215   background: #ffffff;
15216 }
15217 .md .color-theme-white .fab > a.active-state,
15218 .md .color-theme-white .fab-buttons a.active-state,
15219 .md .color-theme-white.fab > a.active-state,
15220 .md .color-theme-white.fab-buttons a.active-state {
15221   background: #ebebeb;
15222 }
15223 .md .color-theme-white .fab-morph,
15224 .md .color-theme-white.fab-morph {
15225   background: #ffffff;
15226 }
15227 .md .color-theme-black .fab > a,
15228 .md .color-theme-black .fab-buttons a,
15229 .md .color-theme-black.fab > a,
15230 .md .color-theme-black.fab-buttons a {
15231   background: #000000;
15232 }
15233 .md .color-theme-black .fab > a.active-state,
15234 .md .color-theme-black .fab-buttons a.active-state,
15235 .md .color-theme-black.fab > a.active-state,
15236 .md .color-theme-black.fab-buttons a.active-state {
15237   background: #000000;
15238 }
15239 .md .color-theme-black .fab-morph,
15240 .md .color-theme-black.fab-morph {
15241   background: #000000;
15242 }
15243 .md .fab.color-red > a,
15244 .md .fab.color-red .fab-buttons > a,
15245 .md .fab-buttons.color-red a,
15246 .md .fab > a.color-red,
15247 .md .fab .fab-buttons > a.color-red {
15248   background: #f44336;
15249 }
15250 .md .fab.color-red > a.active-state,
15251 .md .fab.color-red .fab-buttons > a.active-state,
15252 .md .fab-buttons.color-red a.active-state,
15253 .md .fab > a.color-red.active-state,
15254 .md .fab .fab-buttons > a.color-red.active-state {
15255   background: #f21f0f;
15256 }
15257 .md .fab-morph.color-red {
15258   background: #f44336;
15259 }
15260 .md .fab.color-green > a,
15261 .md .fab.color-green .fab-buttons > a,
15262 .md .fab-buttons.color-green a,
15263 .md .fab > a.color-green,
15264 .md .fab .fab-buttons > a.color-green {
15265   background: #4caf50;
15266 }
15267 .md .fab.color-green > a.active-state,
15268 .md .fab.color-green .fab-buttons > a.active-state,
15269 .md .fab-buttons.color-green a.active-state,
15270 .md .fab > a.color-green.active-state,
15271 .md .fab .fab-buttons > a.color-green.active-state {
15272   background: #409343;
15273 }
15274 .md .fab-morph.color-green {
15275   background: #4caf50;
15276 }
15277 .md .fab.color-blue > a,
15278 .md .fab.color-blue .fab-buttons > a,
15279 .md .fab-buttons.color-blue a,
15280 .md .fab > a.color-blue,
15281 .md .fab .fab-buttons > a.color-blue {
15282   background: #2196f3;
15283 }
15284 .md .fab.color-blue > a.active-state,
15285 .md .fab.color-blue .fab-buttons > a.active-state,
15286 .md .fab-buttons.color-blue a.active-state,
15287 .md .fab > a.color-blue.active-state,
15288 .md .fab .fab-buttons > a.color-blue.active-state {
15289   background: #0c82df;
15290 }
15291 .md .fab-morph.color-blue {
15292   background: #2196f3;
15293 }
15294 .md .fab.color-pink > a,
15295 .md .fab.color-pink .fab-buttons > a,
15296 .md .fab-buttons.color-pink a,
15297 .md .fab > a.color-pink,
15298 .md .fab .fab-buttons > a.color-pink {
15299   background: #e91e63;
15300 }
15301 .md .fab.color-pink > a.active-state,
15302 .md .fab.color-pink .fab-buttons > a.active-state,
15303 .md .fab-buttons.color-pink a.active-state,
15304 .md .fab > a.color-pink.active-state,
15305 .md .fab .fab-buttons > a.color-pink.active-state {
15306   background: #ca1452;
15307 }
15308 .md .fab-morph.color-pink {
15309   background: #e91e63;
15310 }
15311 .md .fab.color-yellow > a,
15312 .md .fab.color-yellow .fab-buttons > a,
15313 .md .fab-buttons.color-yellow a,
15314 .md .fab > a.color-yellow,
15315 .md .fab .fab-buttons > a.color-yellow {
15316   background: #ffeb3b;
15317 }
15318 .md .fab.color-yellow > a.active-state,
15319 .md .fab.color-yellow .fab-buttons > a.active-state,
15320 .md .fab-buttons.color-yellow a.active-state,
15321 .md .fab > a.color-yellow.active-state,
15322 .md .fab .fab-buttons > a.color-yellow.active-state {
15323   background: #ffe712;
15324 }
15325 .md .fab-morph.color-yellow {
15326   background: #ffeb3b;
15327 }
15328 .md .fab.color-orange > a,
15329 .md .fab.color-orange .fab-buttons > a,
15330 .md .fab-buttons.color-orange a,
15331 .md .fab > a.color-orange,
15332 .md .fab .fab-buttons > a.color-orange {
15333   background: #ff9800;
15334 }
15335 .md .fab.color-orange > a.active-state,
15336 .md .fab.color-orange .fab-buttons > a.active-state,
15337 .md .fab-buttons.color-orange a.active-state,
15338 .md .fab > a.color-orange.active-state,
15339 .md .fab .fab-buttons > a.color-orange.active-state {
15340   background: #d68000;
15341 }
15342 .md .fab-morph.color-orange {
15343   background: #ff9800;
15344 }
15345 .md .fab.color-gray > a,
15346 .md .fab.color-gray .fab-buttons > a,
15347 .md .fab-buttons.color-gray a,
15348 .md .fab > a.color-gray,
15349 .md .fab .fab-buttons > a.color-gray {
15350   background: #9e9e9e;
15351 }
15352 .md .fab.color-gray > a.active-state,
15353 .md .fab.color-gray .fab-buttons > a.active-state,
15354 .md .fab-buttons.color-gray a.active-state,
15355 .md .fab > a.color-gray.active-state,
15356 .md .fab .fab-buttons > a.color-gray.active-state {
15357   background: #8a8a8a;
15358 }
15359 .md .fab-morph.color-gray {
15360   background: #9e9e9e;
15361 }
15362 .md .fab.color-white > a,
15363 .md .fab.color-white .fab-buttons > a,
15364 .md .fab-buttons.color-white a,
15365 .md .fab > a.color-white,
15366 .md .fab .fab-buttons > a.color-white {
15367   background: #ffffff;
15368 }
15369 .md .fab.color-white > a.active-state,
15370 .md .fab.color-white .fab-buttons > a.active-state,
15371 .md .fab-buttons.color-white a.active-state,
15372 .md .fab > a.color-white.active-state,
15373 .md .fab .fab-buttons > a.color-white.active-state {
15374   background: #ebebeb;
15375 }
15376 .md .fab-morph.color-white {
15377   background: #ffffff;
15378 }
15379 .md .fab.color-black > a,
15380 .md .fab.color-black .fab-buttons > a,
15381 .md .fab-buttons.color-black a,
15382 .md .fab > a.color-black,
15383 .md .fab .fab-buttons > a.color-black {
15384   background: #000000;
15385 }
15386 .md .fab.color-black > a.active-state,
15387 .md .fab.color-black .fab-buttons > a.active-state,
15388 .md .fab-buttons.color-black a.active-state,
15389 .md .fab > a.color-black.active-state,
15390 .md .fab .fab-buttons > a.color-black.active-state {
15391   background: #000000;
15392 }
15393 .md .fab-morph.color-black {
15394   background: #000000;
15395 }
15396 .md.device-iphone-x .fab[class*="-bottom"] {
15397   bottom: calc(16px + constant(safe-area-inset-bottom));
15398   bottom: calc(16px + env(safe-area-inset-bottom));
15399 }
15400 @media (orientation: landscape) {
15401   .md.device-iphone-x .ios-left-edge .fab[class*="fab-left"],
15402   .md.device-iphone-x .ios-edges .fab[class*="fab-left"],
15403   .md.device-iphone-x .popup .fab[class*="fab-left"],
15404   .md.device-iphone-x .sheet-modal .fab[class*="fab-left"],
15405   .md.device-iphone-x .panel-left .fab[class*="fab-left"] {
15406     left: calc(16px + constant(safe-area-inset-left));
15407     left: calc(16px + env(safe-area-inset-left));
15408   }
15409   .md.device-iphone-x .ios-right-edge .fab[class*="fab-right"],
15410   .md.device-iphone-x .ios-edges .fab[class*="fab-right"],
15411   .md.device-iphone-x .popup .fab[class*="fab-right"],
15412   .md.device-iphone-x .sheet-modal .fab[class*="fab-right"],
15413   .md.device-iphone-x .panel-right .fab[class*="fab-right"] {
15414     right: calc(16px + constant(safe-area-inset-right));
15415     right: calc(16px + env(safe-area-inset-right));
15416   }
15417 }
15418 /* === Searchbar === */
15419 .searchbar {
15420   width: 100%;
15421   position: relative;
15422   z-index: 200;
15423 }
15424 .searchbar .searchbar-input-wrap {
15425   -webkit-flex-shrink: 1;
15426   -ms-flex-negative: 1;
15427   flex-shrink: 1;
15428   width: 100%;
15429   height: 100%;
15430   position: relative;
15431 }
15432 .searchbar .searchbar-input-wrap input[type="search"] {
15433   padding: 0;
15434 }
15435 .searchbar .searchbar-input-wrap input::-webkit-search-cancel-button {
15436   -webkit-appearance: none;
15437   appearance: none;
15438 }
15439 .page > .searchbar {
15440   position: absolute;
15441   left: 0;
15442   top: 0;
15443 }
15444 .searchbar-expandable {
15445   position: absolute;
15446   -webkit-transition-duration: 300ms;
15447   transition-duration: 300ms;
15448   pointer-events: none;
15449 }
15450 .searchbar-inner {
15451   position: absolute;
15452   left: 0;
15453   top: 0;
15454   width: 100%;
15455   height: 100%;
15456   display: -webkit-box;
15457   display: -webkit-flex;
15458   display: -ms-flexbox;
15459   display: flex;
15460   -webkit-box-align: center;
15461   -webkit-align-items: center;
15462   -ms-flex-align: center;
15463   align-items: center;
15464   -webkit-box-sizing: border-box;
15465   box-sizing: border-box;
15466 }
15467 .searchbar-disable-button {
15468   cursor: pointer;
15469   pointer-events: none;
15470   -webkit-appearance: none;
15471   -moz-appearance: none;
15472   appearance: none;
15473   background: none;
15474   border: none;
15475   outline: 0;
15476   padding: 0;
15477   margin: 0;
15478   width: auto;
15479   opacity: 0;
15480 }
15481 .searchbar-icon {
15482   pointer-events: none;
15483   background-position: center;
15484   background-repeat: no-repeat;
15485 }
15486 .searchbar-backdrop {
15487   position: absolute;
15488   left: 0;
15489   top: 0;
15490   width: 100%;
15491   height: 100%;
15492   z-index: 100;
15493   opacity: 0;
15494   pointer-events: none;
15495   -webkit-transition-duration: 300ms;
15496   transition-duration: 300ms;
15497   -webkit-transform: translate3d(0, 0, 0);
15498   transform: translate3d(0, 0, 0);
15499 }
15500 .searchbar-backdrop.searchbar-backdrop-in {
15501   opacity: 1;
15502   pointer-events: auto;
15503 }
15504 .page-content > .searchbar-backdrop {
15505   position: fixed;
15506 }
15507 .searchbar-not-found {
15508   display: none;
15509 }
15510 .hidden-by-searchbar,
15511 .list .hidden-by-searchbar,
15512 .list.li.hidden-by-searchbar,
15513 .list li.hidden-by-searchbar {
15514   display: none !important;
15515 }
15516 .md .searchbar {
15517   height: 48px;
15518   background: #fff;
15519 }
15520 .md .searchbar input[type="search"],
15521 .md .searchbar input[type="text"] {
15522   padding-right: 65px;
15523   padding-left: 48px;
15524   -webkit-box-sizing: border-box;
15525   box-sizing: border-box;
15526   width: 100%;
15527   height: 100%;
15528   display: block;
15529   border: none;
15530   -webkit-appearance: none;
15531   -moz-appearance: none;
15532   appearance: none;
15533   font-family: inherit;
15534   font-size: 20px;
15535   color: #000;
15536   font-weight: normal;
15537 }
15538 .md .searchbar input[type="search"]::-webkit-input-placeholder,
15539 .md .searchbar input[type="text"]::-webkit-input-placeholder {
15540   color: #939398;
15541   opacity: 1;
15542 }
15543 .md .searchbar input[type="search"]:-ms-input-placeholder,
15544 .md .searchbar input[type="text"]:-ms-input-placeholder {
15545   color: #939398;
15546   opacity: 1;
15547 }
15548 .md .searchbar input[type="search"]::-ms-input-placeholder,
15549 .md .searchbar input[type="text"]::-ms-input-placeholder {
15550   color: #939398;
15551   opacity: 1;
15552 }
15553 .md .searchbar input[type="search"]::placeholder,
15554 .md .searchbar input[type="text"]::placeholder {
15555   color: #939398;
15556   opacity: 1;
15557 }
15558 .md .searchbar-expandable {
15559   height: 100%;
15560 }
15561 .md .searchbar-backdrop {
15562   background: rgba(0, 0, 0, 0.25);
15563 }
15564 .md .searchbar-icon,
15565 .md .searchbar-disable-button {
15566   position: absolute;
15567   width: 48px;
15568   height: 48px;
15569   right: -4px;
15570   top: 50%;
15571   margin-top: -24px;
15572   background-size: 24px 24px;
15573   background-repeat: no-repeat;
15574   background-position: center;
15575   -webkit-transition-duration: 300ms;
15576   transition-duration: 300ms;
15577 }
15578 .md .searchbar-icon {
15579   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
15580 }
15581 .md .searchbar-disable-button {
15582   -webkit-transform: rotate(-90deg) scale(0.5);
15583   transform: rotate(-90deg) scale(0.5);
15584   font-size: 0 !important;
15585   display: block;
15586   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23737373'%2F%3E%3C%2Fsvg%3E");
15587 }
15588 .md .searchbar-disable-button:before {
15589   content: '';
15590   width: 152%;
15591   height: 152%;
15592   position: absolute;
15593   left: -26%;
15594   top: -26%;
15595   background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
15596   background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
15597   background-repeat: no-repeat;
15598   background-position: center;
15599   background-size: 100% 100%;
15600   opacity: 0;
15601   pointer-events: none;
15602   -webkit-transition-duration: 600ms;
15603   transition-duration: 600ms;
15604 }
15605 .md .searchbar-disable-button.active-state:before {
15606   opacity: 1;
15607   -webkit-transition-duration: 150ms;
15608   transition-duration: 150ms;
15609 }
15610 .md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button {
15611   -webkit-transform: rotate(0deg) scale(1);
15612   transform: rotate(0deg) scale(1);
15613   pointer-events: auto;
15614   opacity: 1;
15615 }
15616 .md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon {
15617   opacity: 0;
15618   -webkit-transform: rotate(90deg) scale(0.5);
15619   transform: rotate(90deg) scale(0.5);
15620 }
15621 .md .searchbar .input-clear-button {
15622   width: 48px;
15623   height: 48px;
15624   margin-top: -24px;
15625   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
15626   border-radius: 0;
15627   background-repeat: no-repeat;
15628   background-position: center;
15629   background-size: 24px 24px;
15630   background-color: transparent;
15631   left: 0;
15632 }
15633 .md .searchbar .input-clear-button:before {
15634   content: '';
15635   width: 152%;
15636   height: 152%;
15637   position: absolute;
15638   left: -26%;
15639   top: -26%;
15640   background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
15641   background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
15642   background-repeat: no-repeat;
15643   background-position: center;
15644   background-size: 100% 100%;
15645   opacity: 0;
15646   pointer-events: none;
15647   -webkit-transition-duration: 600ms;
15648   transition-duration: 600ms;
15649 }
15650 .md .searchbar .input-clear-button.active-state:before {
15651   opacity: 1;
15652   -webkit-transition-duration: 150ms;
15653   transition-duration: 150ms;
15654 }
15655 .md .searchbar .input-clear-button:after {
15656   display: none;
15657 }
15658 .md .searchbar .input-clear-button:before {
15659   margin-left: 0;
15660   margin-top: 0;
15661 }
15662 .md .page-content .searchbar {
15663   border-radius: 2px;
15664   margin: 8px;
15665   width: auto;
15666   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
15667   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
15668 }
15669 .md .page-content .searchbar .searchbar-inner {
15670   border-radius: 2px;
15671 }
15672 .md .page > .searchbar {
15673   z-index: 510;
15674 }
15675 .md .page > .searchbar:after {
15676   content: '';
15677   position: absolute;
15678   right: 0;
15679   width: 100%;
15680   top: 100%;
15681   bottom: auto;
15682   height: 10px;
15683   pointer-events: none;
15684   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
15685   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
15686   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
15687 }
15688 .md .page > .searchbar.no-shadow:after {
15689   display: none;
15690 }
15691 .md .page > .searchbar input[type="search"],
15692 .md .subnavbar .searchbar input[type="search"],
15693 .md .searchbar-expandable input[type="search"],
15694 .md .page > .searchbar input[type="text"],
15695 .md .subnavbar .searchbar input[type="text"],
15696 .md .searchbar-expandable input[type="text"] {
15697   padding-right: 73px;
15698 }
15699 .md .page > .searchbar .searchbar-icon,
15700 .md .subnavbar .searchbar .searchbar-icon,
15701 .md .searchbar-expandable .searchbar-icon,
15702 .md .page > .searchbar .searchbar-disable-button,
15703 .md .subnavbar .searchbar .searchbar-disable-button,
15704 .md .searchbar-expandable .searchbar-disable-button {
15705   right: 4px;
15706 }
15707 .md .searchbar-expandable {
15708   width: 56px;
15709   height: 100%;
15710   opacity: 0;
15711   top: 50%;
15712   margin-top: -28px;
15713   -webkit-transform: translate3d(0px, 0px, 0px);
15714   transform: translate3d(0px, 0px, 0px);
15715   right: 100%;
15716   margin-right: -56px;
15717 }
15718 .md .navbar .searchbar-expandable {
15719   border-radius: 28px;
15720   width: 56px;
15721   margin-top: -28px;
15722   margin-right: -56px;
15723 }
15724 @media (min-width: 768px) {
15725   .md .navbar .searchbar-expandable {
15726     border-radius: 32px;
15727     width: 64px;
15728     margin-top: -32px;
15729     margin-right: -64px;
15730   }
15731 }
15732 .md .toolbar .searchbar-expandable,
15733 .md .subnavbar .searchbar-expandable {
15734   border-radius: 24px;
15735   width: 48px;
15736   margin-top: -24px;
15737   margin-right: -56px;
15738 }
15739 .md .tabbar-labels .searchbar-expandable {
15740   border-radius: 36px;
15741   width: 72px;
15742   margin-top: -36px;
15743   margin-right: -72px;
15744 }
15745 .md .searchbar-expandable.searchbar-enabled {
15746   width: 100%;
15747   border-radius: 0;
15748   opacity: 1;
15749   pointer-events: auto;
15750   top: 0;
15751   margin-top: 0;
15752   right: 0;
15753   margin-right: 0;
15754 }
15755 .md .page > .searchbar ~ * .page-content,
15756 .md .page > .searchbar ~ .page-content {
15757   padding-top: 48px;
15758 }
15759 .md .page > .navbar ~ .searchbar {
15760   top: 56px;
15761 }
15762 @media (min-width: 768px) {
15763   .md .page > .navbar ~ .searchbar {
15764     top: 64px;
15765   }
15766 }
15767 .md .page > .navbar ~ .searchbar ~ * .page-content,
15768 .md .page > .navbar ~ .searchbar ~ .page-content {
15769   padding-top: 104px;
15770 }
15771 @media (min-width: 768px) {
15772   .md .page > .navbar ~ .searchbar ~ * .page-content,
15773   .md .page > .navbar ~ .searchbar ~ .page-content {
15774     padding-top: 112px;
15775   }
15776 }
15777 .md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar {
15778   top: 48px;
15779 }
15780 .md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content,
15781 .md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content {
15782   padding-top: 96px;
15783 }
15784 .md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar {
15785   top: 72px;
15786 }
15787 .md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content,
15788 .md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content {
15789   padding-top: 120px;
15790 }
15791 .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar {
15792   top: 104px;
15793 }
15794 @media (min-width: 768px) {
15795   .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar {
15796     top: 112px;
15797   }
15798 }
15799 .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content,
15800 .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content {
15801   padding-top: 152px;
15802 }
15803 @media (min-width: 768px) {
15804   .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content,
15805   .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content {
15806     padding-top: 160px;
15807   }
15808 }
15809 .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar {
15810   top: 128px;
15811 }
15812 @media (min-width: 768px) {
15813   .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar {
15814     top: 136px;
15815   }
15816 }
15817 .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content,
15818 .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content {
15819   padding-top: 176px;
15820 }
15821 @media (min-width: 768px) {
15822   .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content,
15823   .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content {
15824     padding-top: 184px;
15825   }
15826 }
15827 @media (orientation: landscape) {
15828   .md.device-iphone-x .ios-left-edge .searchbar-inner,
15829   .md.device-iphone-x .ios-edges .searchbar-inner,
15830   .md.device-iphone-x .popup .searchbar-inner,
15831   .md.device-iphone-x .sheet-modal .searchbar-inner,
15832   .md.device-iphone-x .panel-left .searchbar-inner {
15833     padding-left: constant(safe-area-inset-left);
15834     padding-left: env(safe-area-inset-left);
15835   }
15836   .md.device-iphone-x .ios-right-edge .searchbar-inner,
15837   .md.device-iphone-x .ios-edges .searchbar-inner,
15838   .md.device-iphone-x .popup .searchbar-inner,
15839   .md.device-iphone-x .sheet-modal .searchbar-inner,
15840   .md.device-iphone-x .panel-right .searchbar-inner {
15841     padding-right: constant(safe-area-inset-right);
15842     padding-right: env(safe-area-inset-right);
15843   }
15844   .md.device-iphone-x .ios-right-edge .searchbar-disable-button,
15845   .md.device-iphone-x .ios-edges .searchbar-disable-button,
15846   .md.device-iphone-x .popup .searchbar-disable-button,
15847   .md.device-iphone-x .sheet-modal .searchbar-disable-button,
15848   .md.device-iphone-x .panel-right .searchbar-disable-button {
15849     right: calc(4px + constant(safe-area-inset-right));
15850     right: calc(4px + env(safe-area-inset-right));
15851   }
15852 }
15853 /* === Messages === */
15854 .messages {
15855   display: -webkit-box;
15856   display: -webkit-flex;
15857   display: -ms-flexbox;
15858   display: flex;
15859   -webkit-box-orient: vertical;
15860   -webkit-box-direction: normal;
15861   -webkit-flex-direction: column;
15862   -ms-flex-direction: column;
15863   flex-direction: column;
15864   min-height: 100%;
15865   position: relative;
15866   z-index: 1;
15867 }
15868 .messages-title {
15869   text-align: center;
15870   width: 100%;
15871   line-height: 1;
15872 }
15873 .message {
15874   max-width: 70%;
15875   -webkit-box-sizing: border-box;
15876   box-sizing: border-box;
15877   display: -webkit-box;
15878   display: -webkit-flex;
15879   display: -ms-flexbox;
15880   display: flex;
15881   -webkit-box-align: end;
15882   -webkit-align-items: flex-end;
15883   -ms-flex-align: end;
15884   align-items: flex-end;
15885   position: relative;
15886   z-index: 1;
15887   -webkit-transform: translate3d(0, 0, 0);
15888   transform: translate3d(0, 0, 0);
15889 }
15890 .message-avatar {
15891   border-radius: 50%;
15892   position: relative;
15893   background-size: cover;
15894   -webkit-align-self: flex-end;
15895   -ms-flex-item-align: end;
15896   align-self: flex-end;
15897   -webkit-flex-shrink: 0;
15898   -ms-flex-negative: 0;
15899   flex-shrink: 0;
15900 }
15901 .message-content {
15902   position: relative;
15903   display: -webkit-box;
15904   display: -webkit-flex;
15905   display: -ms-flexbox;
15906   display: flex;
15907   -webkit-box-orient: vertical;
15908   -webkit-box-direction: normal;
15909   -webkit-flex-direction: column;
15910   -ms-flex-direction: column;
15911   flex-direction: column;
15912 }
15913 .message-header,
15914 .message-footer,
15915 .message-name {
15916   line-height: 1;
15917   font-size: 12px;
15918 }
15919 .message-footer {
15920   font-size: 11px;
15921   margin-bottom: -1em;
15922 }
15923 .message-bubble {
15924   -webkit-box-sizing: border-box;
15925   box-sizing: border-box;
15926   word-break: break-word;
15927   display: -webkit-box;
15928   display: -webkit-flex;
15929   display: -ms-flexbox;
15930   display: flex;
15931   -webkit-box-orient: vertical;
15932   -webkit-box-direction: normal;
15933   -webkit-flex-direction: column;
15934   -ms-flex-direction: column;
15935   flex-direction: column;
15936   position: relative;
15937   line-height: 1.2;
15938 }
15939 .message-image img {
15940   display: block;
15941   max-width: 100%;
15942   height: auto;
15943   width: auto;
15944 }
15945 .message-text-header,
15946 .message-text-footer {
15947   font-size: 12px;
15948   line-height: 1;
15949 }
15950 .message-text {
15951   text-align: left;
15952 }
15953 .message-sent {
15954   text-align: right;
15955   -webkit-box-orient: horizontal;
15956   -webkit-box-direction: normal;
15957   -webkit-flex-direction: row;
15958   -ms-flex-direction: row;
15959   flex-direction: row;
15960   -webkit-align-self: flex-start;
15961   -ms-flex-item-align: start;
15962   align-self: flex-start;
15963 }
15964 .message-received {
15965   -webkit-box-orient: horizontal;
15966   -webkit-box-direction: reverse;
15967   -webkit-flex-direction: row-reverse;
15968   -ms-flex-direction: row-reverse;
15969   flex-direction: row-reverse;
15970   -webkit-align-self: flex-end;
15971   -ms-flex-item-align: end;
15972   align-self: flex-end;
15973 }
15974 .message-received .message-content {
15975   -webkit-box-align: end;
15976   -webkit-align-items: flex-end;
15977   -ms-flex-align: end;
15978   align-items: flex-end;
15979 }
15980 .message-sent .message-content {
15981   -webkit-box-align: start;
15982   -webkit-align-items: flex-start;
15983   -ms-flex-align: start;
15984   align-items: flex-start;
15985 }
15986 .message:not(.message-last) .message-avatar {
15987   opacity: 0;
15988 }
15989 .message:not(.message-first) .message-name {
15990   display: none;
15991 }
15992 .message.message-same-name .message-name {
15993   display: none;
15994 }
15995 .message.message-same-header .message-header {
15996   display: none;
15997 }
15998 .message.message-same-footer .message-footer {
15999   display: none;
16000 }
16001 .message-appear-from-bottom {
16002   -webkit-animation: message-appear-from-bottom 300ms;
16003   animation: message-appear-from-bottom 300ms;
16004 }
16005 .message-appear-from-top {
16006   -webkit-animation: message-appear-from-top 300ms;
16007   animation: message-appear-from-top 300ms;
16008 }
16009 .message-typing-indicator {
16010   display: inline-block;
16011   font-size: 0;
16012   vertical-align: middle;
16013 }
16014 .message-typing-indicator > div {
16015   display: inline-block;
16016   position: relative;
16017   background: #000;
16018   vertical-align: middle;
16019   border-radius: 50%;
16020 }
16021 @-webkit-keyframes message-appear-from-bottom {
16022   from {
16023     -webkit-transform: translate3d(0, 100%, 0);
16024     transform: translate3d(0, 100%, 0);
16025   }
16026   to {
16027     -webkit-transform: translate3d(0, 0, 0);
16028     transform: translate3d(0, 0, 0);
16029   }
16030 }
16031 @keyframes message-appear-from-bottom {
16032   from {
16033     -webkit-transform: translate3d(0, 100%, 0);
16034     transform: translate3d(0, 100%, 0);
16035   }
16036   to {
16037     -webkit-transform: translate3d(0, 0, 0);
16038     transform: translate3d(0, 0, 0);
16039   }
16040 }
16041 @-webkit-keyframes message-appear-from-top {
16042   from {
16043     -webkit-transform: translate3d(0, -100%, 0);
16044     transform: translate3d(0, -100%, 0);
16045   }
16046   to {
16047     -webkit-transform: translate3d(0, 0, 0);
16048     transform: translate3d(0, 0, 0);
16049   }
16050 }
16051 @keyframes message-appear-from-top {
16052   from {
16053     -webkit-transform: translate3d(0, -100%, 0);
16054     transform: translate3d(0, -100%, 0);
16055   }
16056   to {
16057     -webkit-transform: translate3d(0, 0, 0);
16058     transform: translate3d(0, 0, 0);
16059   }
16060 }
16061 .md .messages-content,
16062 .md .messages {
16063   background: #eee;
16064 }
16065 .md .message {
16066   margin-top: 16px;
16067 }
16068 .md .message:last-child {
16069   margin-bottom: 16px;
16070 }
16071 .md .messages-title {
16072   font-size: 12px;
16073   color: rgba(0, 0, 0, 0.51);
16074   margin-top: 16px;
16075 }
16076 .md .messages-title:last-child {
16077   margin-bottom: 16px;
16078 }
16079 .md .messages-title b {
16080   font-weight: 500;
16081 }
16082 .md .message-avatar {
16083   width: 32px;
16084   height: 32px;
16085 }
16086 .md .message-header,
16087 .md .message-footer,
16088 .md .message-name {
16089   color: rgba(0, 0, 0, 0.51);
16090 }
16091 .md .message-header b,
16092 .md .message-footer b,
16093 .md .message-name b {
16094   font-weight: 500;
16095 }
16096 .md .message-header,
16097 .md .message-name {
16098   margin-bottom: 2px;
16099 }
16100 .md .message-footer {
16101   margin-top: 2px;
16102 }
16103 .md .message-bubble {
16104   font-size: 16px;
16105   border-radius: 2px;
16106   padding: 6px 8px;
16107   min-height: 32px;
16108 }
16109 .md .message-text-header,
16110 .md .message-text-footer {
16111   color: rgba(0, 0, 0, 0.51);
16112 }
16113 .md .message-text-header {
16114   margin-bottom: 4px;
16115 }
16116 .md .message-text-footer {
16117   margin-top: 4px;
16118 }
16119 .md .message-received {
16120   margin-left: 8px;
16121 }
16122 .md .message-received .message-bubble {
16123   color: #333;
16124   background: #fff;
16125 }
16126 .md .message-received .message-avatar + .message-content {
16127   margin-left: 8px;
16128 }
16129 .md .message-received.message-tail .message-bubble {
16130   border-radius: 2px 2px 2px 0;
16131 }
16132 .md .message-received.message-tail .message-bubble:before {
16133   position: absolute;
16134   content: '';
16135   border-left: 8px solid transparent;
16136   border-right: 0 solid transparent;
16137   border-bottom: 8px solid #fff;
16138   right: 100%;
16139   bottom: 0;
16140   width: 0;
16141   height: 0;
16142 }
16143 .md .message-sent {
16144   margin-right: 8px;
16145 }
16146 .md .message-sent .message-bubble {
16147   color: #333;
16148   background: #c8e6c9;
16149 }
16150 .md .message-sent .message-avatar + .message-content {
16151   margin-right: 8px;
16152 }
16153 .md .message-sent.message-tail .message-bubble {
16154   border-radius: 2px 2px 0 2px;
16155 }
16156 .md .message-sent.message-tail .message-bubble:before {
16157   position: absolute;
16158   content: '';
16159   border-right: 8px solid transparent;
16160   border-left: 0 solid transparent;
16161   border-bottom: 8px solid #c8e6c9;
16162   left: 100%;
16163   bottom: 0;
16164   width: 0;
16165   height: 0;
16166 }
16167 .md .message + .message:not(.message-first) {
16168   margin-top: 8px;
16169 }
16170 .md .message-typing-indicator > div {
16171   width: 6px;
16172   height: 6px;
16173   opacity: 0.6;
16174 }
16175 .md .message-typing-indicator > div + div {
16176   margin-right: 6px;
16177 }
16178 .md .message-typing-indicator > div:nth-child(1) {
16179   -webkit-animation: md-message-typing-indicator 900ms infinite;
16180   animation: md-message-typing-indicator 900ms infinite;
16181 }
16182 .md .message-typing-indicator > div:nth-child(2) {
16183   -webkit-animation: md-message-typing-indicator 900ms 150ms infinite;
16184   animation: md-message-typing-indicator 900ms 150ms infinite;
16185 }
16186 .md .message-typing-indicator > div:nth-child(3) {
16187   -webkit-animation: md-message-typing-indicator 900ms 300ms infinite;
16188   animation: md-message-typing-indicator 900ms 300ms infinite;
16189 }
16190 .md .theme-dark .messages-content,
16191 .messages-content.md .theme-dark,
16192 .md .theme-dark .messages,
16193 .messages.md .theme-dark {
16194   background-color: transparent;
16195 }
16196 .md .theme-dark .messages-title {
16197   color: rgba(255, 255, 255, 0.54);
16198 }
16199 .md .theme-dark .message-header,
16200 .md .theme-dark .message-footer,
16201 .md .theme-dark .message-name {
16202   color: rgba(255, 255, 255, 0.54);
16203 }
16204 @media (orientation: landscape) {
16205   .md.device-iphone-x .ios-left-edge .message-received,
16206   .md.device-iphone-x .ios-edges .message-received,
16207   .md.device-iphone-x .popup .message-received,
16208   .md.device-iphone-x .sheet-modal .message-received,
16209   .md.device-iphone-x .panel-left .message-received {
16210     margin-left: calc(8px + constant(safe-area-inset-left));
16211     margin-left: calc(8px + env(safe-area-inset-left));
16212   }
16213   .md.device-iphone-x .ios-right-edge .message-sent,
16214   .md.device-iphone-x .ios-edges .message-sent,
16215   .md.device-iphone-x .popup .message-sent,
16216   .md.device-iphone-x .sheet-modal .message-sent,
16217   .md.device-iphone-x .panel-right .message-sent {
16218     margin-right: calc(8px + constant(safe-area-inset-right));
16219     margin-right: calc(8px + env(safe-area-inset-right));
16220   }
16221 }
16222 @-webkit-keyframes md-message-typing-indicator {
16223   0% {
16224     -webkit-transform: translateY(0%);
16225     transform: translateY(0%);
16226   }
16227   25% {
16228     -webkit-transform: translateY(-5px);
16229     transform: translateY(-5px);
16230   }
16231   50% {
16232     -webkit-transform: translateY(0%);
16233     transform: translateY(0%);
16234   }
16235 }
16236 @keyframes md-message-typing-indicator {
16237   0% {
16238     -webkit-transform: translateY(0%);
16239     transform: translateY(0%);
16240   }
16241   25% {
16242     -webkit-transform: translateY(-5px);
16243     transform: translateY(-5px);
16244   }
16245   50% {
16246     -webkit-transform: translateY(0%);
16247     transform: translateY(0%);
16248   }
16249 }
16250 /* === Messagebar === */
16251 .toolbar.messagebar {
16252   -webkit-transform: translate3d(0, 0, 0);
16253   transform: translate3d(0, 0, 0);
16254   background: #fff;
16255   height: auto;
16256 }
16257 .toolbar.messagebar .toolbar-inner {
16258   position: relative;
16259   -webkit-box-orient: horizontal;
16260   -webkit-box-direction: reverse;
16261   -webkit-flex-direction: row-reverse;
16262   -ms-flex-direction: row-reverse;
16263   flex-direction: row-reverse;
16264 }
16265 .toolbar.messagebar .messagebar-area {
16266   width: 100%;
16267   -webkit-flex-shrink: 1;
16268   -ms-flex-negative: 1;
16269   flex-shrink: 1;
16270   overflow: hidden;
16271   position: relative;
16272 }
16273 .toolbar.messagebar textarea {
16274   width: 100%;
16275   -webkit-flex-shrink: 1;
16276   -ms-flex-negative: 1;
16277   flex-shrink: 1;
16278 }
16279 .toolbar.messagebar a.link {
16280   -webkit-align-self: flex-end;
16281   -ms-flex-item-align: end;
16282   align-self: flex-end;
16283   -webkit-flex-shrink: 0;
16284   -ms-flex-negative: 0;
16285   flex-shrink: 0;
16286 }
16287 .messagebar-attachments {
16288   width: 100%;
16289   overflow: auto;
16290   -webkit-overflow-scrolling: touch;
16291   font-size: 0;
16292   white-space: nowrap;
16293   -webkit-box-sizing: border-box;
16294   box-sizing: border-box;
16295   position: relative;
16296 }
16297 .messagebar:not(.messagebar-attachments-visible) .messagebar-attachments {
16298   display: none;
16299 }
16300 .messagebar-attachment {
16301   background-size: cover;
16302   background-position: center;
16303   background-repeat: no-repeat;
16304   display: inline-block;
16305   vertical-align: middle;
16306   white-space: normal;
16307   height: 155px;
16308   position: relative;
16309 }
16310 @media (orientation: landscape) {
16311   .messagebar-attachment {
16312     height: 120px;
16313   }
16314 }
16315 .messagebar-attachment img {
16316   display: block;
16317   width: auto;
16318   height: 100%;
16319 }
16320 .messagebar-attachment + .messagebar-attachment {
16321   margin-right: 8px;
16322 }
16323 .messagebar-sheet {
16324   overflow: auto;
16325   -webkit-overflow-scrolling: touch;
16326   display: -webkit-box;
16327   display: -webkit-flex;
16328   display: -ms-flexbox;
16329   display: flex;
16330   -webkit-flex-wrap: wrap;
16331   -ms-flex-wrap: wrap;
16332   flex-wrap: wrap;
16333   -webkit-box-orient: vertical;
16334   -webkit-box-direction: normal;
16335   -webkit-flex-direction: column;
16336   -ms-flex-direction: column;
16337   flex-direction: column;
16338   -webkit-align-content: flex-start;
16339   -ms-flex-line-pack: start;
16340   align-content: flex-start;
16341   height: 252px;
16342 }
16343 @media (orientation: landscape) {
16344   .messagebar-sheet {
16345     height: 192px;
16346   }
16347 }
16348 .messagebar-sheet-image,
16349 .messagebar-sheet-item {
16350   -webkit-box-sizing: border-box;
16351   box-sizing: border-box;
16352   -webkit-flex-shrink: 0;
16353   -ms-flex-negative: 0;
16354   flex-shrink: 0;
16355   margin-top: 1px;
16356   position: relative;
16357   overflow: hidden;
16358   height: 125px;
16359   width: 125px;
16360   margin-right: 1px;
16361 }
16362 @media (orientation: landscape) {
16363   .messagebar-sheet-image,
16364   .messagebar-sheet-item {
16365     width: 95px;
16366     height: 95px;
16367   }
16368 }
16369 .messagebar-sheet-image .icon-checkbox,
16370 .messagebar-sheet-item .icon-checkbox,
16371 .messagebar-sheet-image .icon-radio,
16372 .messagebar-sheet-item .icon-radio {
16373   position: absolute;
16374   right: 8px;
16375   bottom: 8px;
16376 }
16377 .messagebar-sheet-image {
16378   background-size: cover;
16379   background-position: center;
16380   background-repeat: no-repeat;
16381 }
16382 .messagebar-attachment-delete {
16383   display: block;
16384   position: absolute;
16385   border-radius: 50%;
16386   -webkit-box-sizing: border-box;
16387   box-sizing: border-box;
16388   cursor: pointer;
16389   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
16390   box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
16391 }
16392 .messagebar-attachment-delete:after,
16393 .messagebar-attachment-delete:before {
16394   position: absolute;
16395   content: '';
16396   left: 50%;
16397   top: 50%;
16398 }
16399 .messagebar-attachment-delete:after {
16400   -webkit-transform: rotate(45deg);
16401   transform: rotate(45deg);
16402 }
16403 .messagebar-attachment-delete:before {
16404   -webkit-transform: rotate(-45deg);
16405   transform: rotate(-45deg);
16406 }
16407 .messagebar:not(.messagebar-sheet-visible) .messagebar-sheet {
16408   display: none;
16409 }
16410 .ios.device-iphone-x .messagebar:not(.messagebar-top),
16411 .md.device-iphone-x .messagebar:not(.messagebar-top) {
16412   height: auto !important;
16413 }
16414 .ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),
16415 .md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) {
16416   padding-bottom: constant(safe-area-inset-bottom);
16417   padding-bottom: env(safe-area-inset-bottom);
16418 }
16419 .ios.device-iphone-x .messagebar-sheet,
16420 .md.device-iphone-x .messagebar-sheet {
16421   padding-left: constant(safe-area-inset-left);
16422   padding-left: env(safe-area-inset-left);
16423   padding-right: constant(safe-area-inset-right);
16424   padding-right: env(safe-area-inset-right);
16425   padding-bottom: constant(safe-area-inset-bottom);
16426   padding-bottom: env(safe-area-inset-bottom);
16427 }
16428 .md .messagebar {
16429   font-size: 16px;
16430 }
16431 .md .messagebar:after {
16432   display: none;
16433 }
16434 .md .messagebar textarea {
16435   padding: 5px 8px;
16436   height: 32px;
16437   color: #333;
16438   font-size: 16px;
16439   line-height: 22px;
16440 }
16441 .md .messagebar a.link {
16442   color: #333;
16443 }
16444 .md .messagebar a.link:before {
16445   content: '';
16446   width: 152%;
16447   height: 152%;
16448   position: absolute;
16449   left: -26%;
16450   top: -26%;
16451   background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
16452   background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
16453   background-repeat: no-repeat;
16454   background-position: center;
16455   background-size: 100% 100%;
16456   opacity: 0;
16457   pointer-events: none;
16458   -webkit-transition-duration: 600ms;
16459   transition-duration: 600ms;
16460 }
16461 .md .messagebar a.link.active-state:before {
16462   opacity: 1;
16463   -webkit-transition-duration: 150ms;
16464   transition-duration: 150ms;
16465 }
16466 .md .messagebar:before {
16467   content: '';
16468   position: absolute;
16469   background-color: #d1d1d1;
16470   display: block;
16471   z-index: 15;
16472   top: 0;
16473   right: auto;
16474   bottom: auto;
16475   left: 0;
16476   height: 1px;
16477   width: 100%;
16478   -webkit-transform-origin: 50% 0%;
16479   transform-origin: 50% 0%;
16480 }
16481 .md.device-pixel-ratio-2 .messagebar:before {
16482   -webkit-transform: scaleY(0.5);
16483   transform: scaleY(0.5);
16484 }
16485 .md.device-pixel-ratio-3 .messagebar:before {
16486   -webkit-transform: scaleY(0.33);
16487   transform: scaleY(0.33);
16488 }
16489 .md .messagebar-attachments {
16490   padding: 8px;
16491   border-bottom: 1px solid #ddd;
16492 }
16493 .md .messagebar-area {
16494   margin-top: 8px;
16495   margin-bottom: 8px;
16496 }
16497 .md .messagebar-sheet {
16498   background: #fff;
16499 }
16500 .md .messagebar-sheet-image .icon-checkbox,
16501 .md .messagebar-sheet-item .icon-checkbox {
16502   border-color: #fff;
16503   background: rgba(255, 255, 255, 0.25);
16504   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
16505   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
16506 }
16507 .md .messagebar-attachment-delete {
16508   right: 8px;
16509   top: 8px;
16510   width: 24px;
16511   height: 24px;
16512   background: #2196f3;
16513   cursor: pointer;
16514   border-radius: 2px;
16515 }
16516 .md .messagebar-attachment-delete:after,
16517 .md .messagebar-attachment-delete:before {
16518   width: 14px;
16519   height: 2px;
16520   background: #fff;
16521   margin-left: -7px;
16522   margin-top: -1px;
16523 }
16524 .md .theme-dark .messagebar,
16525 .messagebar.md .theme-dark {
16526   background: #000;
16527 }
16528 .md .theme-dark .messagebar:before,
16529 .messagebar.md .theme-dark:before {
16530   background-color: rgba(255, 255, 255, 0.2);
16531 }
16532 .md .theme-dark .messagebar a.link,
16533 .messagebar.md .theme-dark a.link {
16534   color: rgba(255, 255, 255, 0.87);
16535 }
16536 .md .theme-dark .messagebar a.link:before,
16537 .messagebar.md .theme-dark a.link:before {
16538   content: '';
16539   width: 152%;
16540   height: 152%;
16541   position: absolute;
16542   left: -26%;
16543   top: -26%;
16544   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
16545   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
16546   background-repeat: no-repeat;
16547   background-position: center;
16548   background-size: 100% 100%;
16549   opacity: 0;
16550   pointer-events: none;
16551   -webkit-transition-duration: 600ms;
16552   transition-duration: 600ms;
16553 }
16554 .md .theme-dark .messagebar a.link.active-state:before,
16555 .messagebar.md .theme-dark a.link.active-state:before {
16556   opacity: 1;
16557   -webkit-transition-duration: 150ms;
16558   transition-duration: 150ms;
16559 }
16560 .md .theme-dark .messagebar textarea,
16561 .messagebar.md .theme-dark textarea {
16562   color: rgba(255, 255, 255, 0.87);
16563 }
16564 .md .theme-dark .messagebar-attachments {
16565   border-bottom-color: rgba(255, 255, 255, 0.2);
16566 }
16567 /* === Swiper === */
16568 .swiper-container {
16569   margin: 0 auto;
16570   position: relative;
16571   overflow: hidden;
16572   list-style: none;
16573   padding: 0;
16574   /* Fix of Webkit flickering */
16575   z-index: 1;
16576 }
16577 .swiper-container-no-flexbox .swiper-slide {
16578   float: left;
16579 }
16580 .swiper-container-vertical > .swiper-wrapper {
16581   -webkit-box-orient: vertical;
16582   -webkit-box-direction: normal;
16583   -webkit-flex-direction: column;
16584   -ms-flex-direction: column;
16585   flex-direction: column;
16586 }
16587 .swiper-wrapper {
16588   position: relative;
16589   width: 100%;
16590   height: 100%;
16591   z-index: 1;
16592   display: -webkit-box;
16593   display: -webkit-flex;
16594   display: -ms-flexbox;
16595   display: flex;
16596   -webkit-transition-property: -webkit-transform;
16597   transition-property: -webkit-transform;
16598   transition-property: transform;
16599   transition-property: transform, -webkit-transform;
16600   -webkit-box-sizing: content-box;
16601   box-sizing: content-box;
16602 }
16603 .swiper-container-android .swiper-slide,
16604 .swiper-wrapper {
16605   -webkit-transform: translate3d(0px, 0, 0);
16606   transform: translate3d(0px, 0, 0);
16607 }
16608 .swiper-container-multirow > .swiper-wrapper {
16609   -webkit-flex-wrap: wrap;
16610   -ms-flex-wrap: wrap;
16611   flex-wrap: wrap;
16612 }
16613 .swiper-container-free-mode > .swiper-wrapper {
16614   -webkit-transition-timing-function: ease-out;
16615   transition-timing-function: ease-out;
16616   margin: 0 auto;
16617 }
16618 .swiper-slide {
16619   -webkit-flex-shrink: 0;
16620   -ms-flex-negative: 0;
16621   flex-shrink: 0;
16622   width: 100%;
16623   height: 100%;
16624   position: relative;
16625   -webkit-transition-property: -webkit-transform;
16626   transition-property: -webkit-transform;
16627   transition-property: transform;
16628   transition-property: transform, -webkit-transform;
16629 }
16630 .swiper-slide-invisible-blank {
16631   visibility: hidden;
16632 }
16633 /* Auto Height */
16634 .swiper-container-autoheight,
16635 .swiper-container-autoheight .swiper-slide {
16636   height: auto;
16637 }
16638 .swiper-container-autoheight .swiper-wrapper {
16639   -webkit-box-align: start;
16640   -webkit-align-items: flex-start;
16641   -ms-flex-align: start;
16642   align-items: flex-start;
16643   -webkit-transition-property: height, -webkit-transform;
16644   transition-property: height, -webkit-transform;
16645   transition-property: transform, height;
16646   transition-property: transform, height, -webkit-transform;
16647 }
16648 /* 3D Effects */
16649 .swiper-container-3d {
16650   -webkit-perspective: 1200px;
16651   perspective: 1200px;
16652 }
16653 .swiper-container-3d .swiper-wrapper,
16654 .swiper-container-3d .swiper-slide,
16655 .swiper-container-3d .swiper-slide-shadow-left,
16656 .swiper-container-3d .swiper-slide-shadow-right,
16657 .swiper-container-3d .swiper-slide-shadow-top,
16658 .swiper-container-3d .swiper-slide-shadow-bottom,
16659 .swiper-container-3d .swiper-cube-shadow {
16660   -webkit-transform-style: preserve-3d;
16661   transform-style: preserve-3d;
16662 }
16663 .swiper-container-3d .swiper-slide-shadow-left,
16664 .swiper-container-3d .swiper-slide-shadow-right,
16665 .swiper-container-3d .swiper-slide-shadow-top,
16666 .swiper-container-3d .swiper-slide-shadow-bottom {
16667   position: absolute;
16668   left: 0;
16669   top: 0;
16670   width: 100%;
16671   height: 100%;
16672   pointer-events: none;
16673   z-index: 10;
16674 }
16675 .swiper-container-3d .swiper-slide-shadow-left {
16676   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
16677   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16678   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16679 }
16680 .swiper-container-3d .swiper-slide-shadow-right {
16681   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
16682   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16683   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16684 }
16685 .swiper-container-3d .swiper-slide-shadow-top {
16686   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
16687   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16688   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16689 }
16690 .swiper-container-3d .swiper-slide-shadow-bottom {
16691   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
16692   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16693   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
16694 }
16695 /* IE10 Windows Phone 8 Fixes */
16696 .swiper-container-wp8-horizontal,
16697 .swiper-container-wp8-horizontal > .swiper-wrapper {
16698   -ms-touch-action: pan-y;
16699   touch-action: pan-y;
16700 }
16701 .swiper-container-wp8-vertical,
16702 .swiper-container-wp8-vertical > .swiper-wrapper {
16703   -ms-touch-action: pan-x;
16704   touch-action: pan-x;
16705 }
16706 /* a11y */
16707 .swiper-container .swiper-notification {
16708   position: absolute;
16709   left: 0;
16710   top: 0;
16711   pointer-events: none;
16712   opacity: 0;
16713   z-index: -1000;
16714 }
16715 .swiper-container-coverflow .swiper-wrapper {
16716   /* Windows 8 IE 10 fix */
16717   -ms-perspective: 1200px;
16718 }
16719 .swiper-container-cube {
16720   overflow: visible;
16721 }
16722 .swiper-container-cube .swiper-slide {
16723   pointer-events: none;
16724   -webkit-backface-visibility: hidden;
16725   backface-visibility: hidden;
16726   z-index: 1;
16727   visibility: hidden;
16728   -webkit-transform-origin: 0 0;
16729   transform-origin: 0 0;
16730   width: 100%;
16731   height: 100%;
16732 }
16733 .swiper-container-cube .swiper-slide .swiper-slide {
16734   pointer-events: none;
16735 }
16736 .swiper-container-cube.swiper-container-rtl .swiper-slide {
16737   -webkit-transform-origin: 100% 0;
16738   transform-origin: 100% 0;
16739 }
16740 .swiper-container-cube .swiper-slide-active,
16741 .swiper-container-cube .swiper-slide-active .swiper-slide-active {
16742   pointer-events: auto;
16743 }
16744 .swiper-container-cube .swiper-slide-active,
16745 .swiper-container-cube .swiper-slide-next,
16746 .swiper-container-cube .swiper-slide-prev,
16747 .swiper-container-cube .swiper-slide-next + .swiper-slide {
16748   pointer-events: auto;
16749   visibility: visible;
16750 }
16751 .swiper-container-cube .swiper-slide-shadow-top,
16752 .swiper-container-cube .swiper-slide-shadow-bottom,
16753 .swiper-container-cube .swiper-slide-shadow-left,
16754 .swiper-container-cube .swiper-slide-shadow-right {
16755   z-index: 0;
16756   -webkit-backface-visibility: hidden;
16757   backface-visibility: hidden;
16758 }
16759 .swiper-container-cube .swiper-cube-shadow {
16760   position: absolute;
16761   left: 0;
16762   bottom: 0px;
16763   width: 100%;
16764   height: 100%;
16765   background: #000;
16766   opacity: 0.6;
16767   -webkit-filter: blur(50px);
16768   filter: blur(50px);
16769   z-index: 0;
16770 }
16771 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
16772   -webkit-transition-timing-function: ease-out;
16773   transition-timing-function: ease-out;
16774 }
16775 .swiper-container-fade .swiper-slide {
16776   pointer-events: none;
16777   -webkit-transition-property: opacity;
16778   transition-property: opacity;
16779 }
16780 .swiper-container-fade .swiper-slide .swiper-slide {
16781   pointer-events: none;
16782 }
16783 .swiper-container-fade .swiper-slide-active,
16784 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
16785   pointer-events: auto;
16786 }
16787 .swiper-container-flip {
16788   overflow: visible;
16789 }
16790 .swiper-container-flip .swiper-slide {
16791   pointer-events: none;
16792   -webkit-backface-visibility: hidden;
16793   backface-visibility: hidden;
16794   z-index: 1;
16795 }
16796 .swiper-container-flip .swiper-slide .swiper-slide {
16797   pointer-events: none;
16798 }
16799 .swiper-container-flip .swiper-slide-active,
16800 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
16801   pointer-events: auto;
16802 }
16803 .swiper-container-flip .swiper-slide-shadow-top,
16804 .swiper-container-flip .swiper-slide-shadow-bottom,
16805 .swiper-container-flip .swiper-slide-shadow-left,
16806 .swiper-container-flip .swiper-slide-shadow-right {
16807   z-index: 0;
16808   -webkit-backface-visibility: hidden;
16809   backface-visibility: hidden;
16810 }
16811 /* Scrollbar */
16812 .swiper-scrollbar {
16813   border-radius: 10px;
16814   position: relative;
16815   -ms-touch-action: none;
16816   background: rgba(0, 0, 0, 0.1);
16817 }
16818 .swiper-container-horizontal > .swiper-scrollbar {
16819   position: absolute;
16820   left: 1%;
16821   bottom: 3px;
16822   z-index: 50;
16823   height: 5px;
16824   width: 98%;
16825 }
16826 .swiper-container-vertical > .swiper-scrollbar {
16827   position: absolute;
16828   right: 3px;
16829   top: 1%;
16830   z-index: 50;
16831   width: 5px;
16832   height: 98%;
16833 }
16834 .swiper-scrollbar-drag {
16835   height: 100%;
16836   width: 100%;
16837   position: relative;
16838   background: rgba(0, 0, 0, 0.5);
16839   border-radius: 10px;
16840   left: 0;
16841   top: 0;
16842 }
16843 .swiper-scrollbar-cursor-drag {
16844   cursor: move;
16845 }
16846 .swiper-scrollbar-lock {
16847   display: none;
16848 }
16849 .swiper-zoom-container {
16850   width: 100%;
16851   height: 100%;
16852   display: -webkit-box;
16853   display: -webkit-flex;
16854   display: -ms-flexbox;
16855   display: flex;
16856   -webkit-box-pack: center;
16857   -webkit-justify-content: center;
16858   -ms-flex-pack: center;
16859   justify-content: center;
16860   -webkit-box-align: center;
16861   -webkit-align-items: center;
16862   -ms-flex-align: center;
16863   align-items: center;
16864   text-align: center;
16865 }
16866 .swiper-zoom-container > img,
16867 .swiper-zoom-container > svg,
16868 .swiper-zoom-container > canvas {
16869   max-width: 100%;
16870   max-height: 100%;
16871   -o-object-fit: contain;
16872   object-fit: contain;
16873 }
16874 .swiper-slide-zoomed {
16875   cursor: move;
16876 }
16877 .swiper-button-prev,
16878 .swiper-button-next {
16879   position: absolute;
16880   top: 50%;
16881   width: 27px;
16882   height: 44px;
16883   margin-top: -22px;
16884   z-index: 10;
16885   cursor: pointer;
16886   background-size: 27px 44px;
16887   background-position: center;
16888   background-repeat: no-repeat;
16889 }
16890 .swiper-button-prev.swiper-button-disabled,
16891 .swiper-button-next.swiper-button-disabled {
16892   opacity: 0.35;
16893   cursor: auto;
16894   pointer-events: none;
16895 }
16896 .swiper-button-prev,
16897 .swiper-container-rtl .swiper-button-next {
16898   left: 10px;
16899   right: auto;
16900 }
16901 .swiper-button-next,
16902 .swiper-container-rtl .swiper-button-prev {
16903   right: 10px;
16904   left: auto;
16905 }
16906 .swiper-pagination {
16907   position: absolute;
16908   text-align: center;
16909   -webkit-transition: 300ms opacity;
16910   transition: 300ms opacity;
16911   -webkit-transform: translate3d(0, 0, 0);
16912   transform: translate3d(0, 0, 0);
16913   z-index: 10;
16914 }
16915 .swiper-pagination.swiper-pagination-hidden {
16916   opacity: 0;
16917 }
16918 .swiper-pagination-fraction,
16919 .swiper-pagination-custom,
16920 .swiper-container-horizontal > .swiper-pagination-bullets {
16921   bottom: 10px;
16922   left: 0;
16923   width: 100%;
16924 }
16925 .swiper-pagination-bullets-dynamic {
16926   overflow: hidden;
16927   font-size: 0;
16928 }
16929 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
16930   -webkit-transform: scale(0.33);
16931   transform: scale(0.33);
16932   position: relative;
16933 }
16934 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
16935   -webkit-transform: scale(1);
16936   transform: scale(1);
16937 }
16938 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
16939   -webkit-transform: scale(0.66);
16940   transform: scale(0.66);
16941 }
16942 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
16943   -webkit-transform: scale(0.33);
16944   transform: scale(0.33);
16945 }
16946 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
16947   -webkit-transform: scale(0.66);
16948   transform: scale(0.66);
16949 }
16950 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
16951   -webkit-transform: scale(0.33);
16952   transform: scale(0.33);
16953 }
16954 .swiper-pagination-bullet {
16955   width: 8px;
16956   height: 8px;
16957   display: inline-block;
16958   border-radius: 100%;
16959   background: #000;
16960   opacity: 0.2;
16961 }
16962 button.swiper-pagination-bullet {
16963   border: none;
16964   margin: 0;
16965   padding: 0;
16966   -webkit-box-shadow: none;
16967   box-shadow: none;
16968   -webkit-appearance: none;
16969   -moz-appearance: none;
16970   appearance: none;
16971 }
16972 .swiper-pagination-clickable .swiper-pagination-bullet {
16973   cursor: pointer;
16974 }
16975 .swiper-pagination-bullet-active {
16976   opacity: 1;
16977 }
16978 .swiper-container-vertical > .swiper-pagination-bullets {
16979   right: 10px;
16980   top: 50%;
16981   -webkit-transform: translate3d(0px, -50%, 0);
16982   transform: translate3d(0px, -50%, 0);
16983 }
16984 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
16985   margin: 6px 0;
16986   display: block;
16987 }
16988 .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
16989   top: 50%;
16990   -webkit-transform: translateY(-50%);
16991   transform: translateY(-50%);
16992   width: 8px;
16993 }
16994 .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
16995   display: inline-block;
16996   -webkit-transition: 200ms top, 200ms -webkit-transform;
16997   transition: 200ms top, 200ms -webkit-transform;
16998   transition: 200ms transform, 200ms top;
16999   transition: 200ms transform, 200ms top, 200ms -webkit-transform;
17000 }
17001 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
17002   margin: 0 4px;
17003 }
17004 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
17005   left: 50%;
17006   -webkit-transform: translateX(-50%);
17007   transform: translateX(-50%);
17008   white-space: nowrap;
17009 }
17010 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
17011   -webkit-transition: 200ms left, 200ms -webkit-transform;
17012   transition: 200ms left, 200ms -webkit-transform;
17013   transition: 200ms transform, 200ms left;
17014   transition: 200ms transform, 200ms left, 200ms -webkit-transform;
17015 }
17016 .swiper-pagination-progressbar {
17017   background: rgba(0, 0, 0, 0.25);
17018   position: absolute;
17019 }
17020 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17021   position: absolute;
17022   left: 0;
17023   top: 0;
17024   width: 100%;
17025   height: 100%;
17026   -webkit-transform: scale(0);
17027   transform: scale(0);
17028   -webkit-transform-origin: left top;
17029   transform-origin: left top;
17030 }
17031 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17032   -webkit-transform-origin: right top;
17033   transform-origin: right top;
17034 }
17035 .swiper-container-horizontal > .swiper-pagination-progressbar,
17036 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
17037   width: 100%;
17038   height: 4px;
17039   left: 0;
17040   top: 0;
17041 }
17042 .swiper-container-vertical > .swiper-pagination-progressbar,
17043 .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
17044   width: 4px;
17045   height: 100%;
17046   left: 0;
17047   top: 0;
17048 }
17049 .swiper-lazy-preloader {
17050   position: absolute;
17051   left: 50%;
17052   top: 50%;
17053   z-index: 10;
17054 }
17055 .md .swiper-lazy-preloader {
17056   width: 32px;
17057   height: 32px;
17058   margin-left: -16px;
17059   margin-top: -16px;
17060 }
17061 .md .swiper-button-prev,
17062 .md .swiper-container-rtl .swiper-button-next {
17063   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
17064 }
17065 .md .swiper-button-next,
17066 .md .swiper-container-rtl .swiper-button-prev {
17067   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
17068 }
17069 .md .swiper-pagination-bullet-active {
17070   background: #2196f3;
17071 }
17072 .md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17073   background: #2196f3;
17074 }
17075 .md .swiper-button-prev.color-red,
17076 .md .swiper-container-rtl .swiper-button-next.color-red,
17077 .md .color-theme-red .swiper-button-prev,
17078 .md .color-theme-red .swiper-container-rtl .swiper-button-next {
17079   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
17080 }
17081 .md .swiper-button-next.color-red,
17082 .md .swiper-container-rtl .swiper-button-prev.color-red,
17083 .md .color-theme-red .swiper-button-next,
17084 .md .color-theme-red .swiper-container-rtl .swiper-button-prev {
17085   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
17086 }
17087 .md .color-red .swiper-pagination-bullet-active,
17088 .md .color-theme-red .swiper-pagination-bullet-active {
17089   background: #f44336;
17090 }
17091 .md .color-red .swiper-pagination-progressbar,
17092 .md .color-theme-red .swiper-pagination-progressbar,
17093 .md .color-red.swiper-pagination-progressbar,
17094 .md .color-theme-red.swiper-pagination-progressbar {
17095   background: rgba(244, 67, 54, 0.25);
17096 }
17097 .md .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17098 .md .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17099 .md .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17100 .md .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17101   background: #f44336;
17102 }
17103 .md .swiper-button-prev.color-green,
17104 .md .swiper-container-rtl .swiper-button-next.color-green,
17105 .md .color-theme-green .swiper-button-prev,
17106 .md .color-theme-green .swiper-container-rtl .swiper-button-next {
17107   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
17108 }
17109 .md .swiper-button-next.color-green,
17110 .md .swiper-container-rtl .swiper-button-prev.color-green,
17111 .md .color-theme-green .swiper-button-next,
17112 .md .color-theme-green .swiper-container-rtl .swiper-button-prev {
17113   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
17114 }
17115 .md .color-green .swiper-pagination-bullet-active,
17116 .md .color-theme-green .swiper-pagination-bullet-active {
17117   background: #4caf50;
17118 }
17119 .md .color-green .swiper-pagination-progressbar,
17120 .md .color-theme-green .swiper-pagination-progressbar,
17121 .md .color-green.swiper-pagination-progressbar,
17122 .md .color-theme-green.swiper-pagination-progressbar {
17123   background: rgba(76, 175, 80, 0.25);
17124 }
17125 .md .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17126 .md .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17127 .md .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17128 .md .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17129   background: #4caf50;
17130 }
17131 .md .swiper-button-prev.color-blue,
17132 .md .swiper-container-rtl .swiper-button-next.color-blue,
17133 .md .color-theme-blue .swiper-button-prev,
17134 .md .color-theme-blue .swiper-container-rtl .swiper-button-next {
17135   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
17136 }
17137 .md .swiper-button-next.color-blue,
17138 .md .swiper-container-rtl .swiper-button-prev.color-blue,
17139 .md .color-theme-blue .swiper-button-next,
17140 .md .color-theme-blue .swiper-container-rtl .swiper-button-prev {
17141   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
17142 }
17143 .md .color-blue .swiper-pagination-bullet-active,
17144 .md .color-theme-blue .swiper-pagination-bullet-active {
17145   background: #2196f3;
17146 }
17147 .md .color-blue .swiper-pagination-progressbar,
17148 .md .color-theme-blue .swiper-pagination-progressbar,
17149 .md .color-blue.swiper-pagination-progressbar,
17150 .md .color-theme-blue.swiper-pagination-progressbar {
17151   background: rgba(33, 150, 243, 0.25);
17152 }
17153 .md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17154 .md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17155 .md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17156 .md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17157   background: #2196f3;
17158 }
17159 .md .swiper-button-prev.color-pink,
17160 .md .swiper-container-rtl .swiper-button-next.color-pink,
17161 .md .color-theme-pink .swiper-button-prev,
17162 .md .color-theme-pink .swiper-container-rtl .swiper-button-next {
17163   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
17164 }
17165 .md .swiper-button-next.color-pink,
17166 .md .swiper-container-rtl .swiper-button-prev.color-pink,
17167 .md .color-theme-pink .swiper-button-next,
17168 .md .color-theme-pink .swiper-container-rtl .swiper-button-prev {
17169   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
17170 }
17171 .md .color-pink .swiper-pagination-bullet-active,
17172 .md .color-theme-pink .swiper-pagination-bullet-active {
17173   background: #e91e63;
17174 }
17175 .md .color-pink .swiper-pagination-progressbar,
17176 .md .color-theme-pink .swiper-pagination-progressbar,
17177 .md .color-pink.swiper-pagination-progressbar,
17178 .md .color-theme-pink.swiper-pagination-progressbar {
17179   background: rgba(233, 30, 99, 0.25);
17180 }
17181 .md .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17182 .md .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17183 .md .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17184 .md .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17185   background: #e91e63;
17186 }
17187 .md .swiper-button-prev.color-yellow,
17188 .md .swiper-container-rtl .swiper-button-next.color-yellow,
17189 .md .color-theme-yellow .swiper-button-prev,
17190 .md .color-theme-yellow .swiper-container-rtl .swiper-button-next {
17191   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
17192 }
17193 .md .swiper-button-next.color-yellow,
17194 .md .swiper-container-rtl .swiper-button-prev.color-yellow,
17195 .md .color-theme-yellow .swiper-button-next,
17196 .md .color-theme-yellow .swiper-container-rtl .swiper-button-prev {
17197   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
17198 }
17199 .md .color-yellow .swiper-pagination-bullet-active,
17200 .md .color-theme-yellow .swiper-pagination-bullet-active {
17201   background: #ffeb3b;
17202 }
17203 .md .color-yellow .swiper-pagination-progressbar,
17204 .md .color-theme-yellow .swiper-pagination-progressbar,
17205 .md .color-yellow.swiper-pagination-progressbar,
17206 .md .color-theme-yellow.swiper-pagination-progressbar {
17207   background: rgba(255, 235, 59, 0.25);
17208 }
17209 .md .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17210 .md .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17211 .md .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17212 .md .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17213   background: #ffeb3b;
17214 }
17215 .md .swiper-button-prev.color-orange,
17216 .md .swiper-container-rtl .swiper-button-next.color-orange,
17217 .md .color-theme-orange .swiper-button-prev,
17218 .md .color-theme-orange .swiper-container-rtl .swiper-button-next {
17219   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
17220 }
17221 .md .swiper-button-next.color-orange,
17222 .md .swiper-container-rtl .swiper-button-prev.color-orange,
17223 .md .color-theme-orange .swiper-button-next,
17224 .md .color-theme-orange .swiper-container-rtl .swiper-button-prev {
17225   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
17226 }
17227 .md .color-orange .swiper-pagination-bullet-active,
17228 .md .color-theme-orange .swiper-pagination-bullet-active {
17229   background: #ff9800;
17230 }
17231 .md .color-orange .swiper-pagination-progressbar,
17232 .md .color-theme-orange .swiper-pagination-progressbar,
17233 .md .color-orange.swiper-pagination-progressbar,
17234 .md .color-theme-orange.swiper-pagination-progressbar {
17235   background: rgba(255, 152, 0, 0.25);
17236 }
17237 .md .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17238 .md .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17239 .md .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17240 .md .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17241   background: #ff9800;
17242 }
17243 .md .swiper-button-prev.color-gray,
17244 .md .swiper-container-rtl .swiper-button-next.color-gray,
17245 .md .color-theme-gray .swiper-button-prev,
17246 .md .color-theme-gray .swiper-container-rtl .swiper-button-next {
17247   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
17248 }
17249 .md .swiper-button-next.color-gray,
17250 .md .swiper-container-rtl .swiper-button-prev.color-gray,
17251 .md .color-theme-gray .swiper-button-next,
17252 .md .color-theme-gray .swiper-container-rtl .swiper-button-prev {
17253   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
17254 }
17255 .md .color-gray .swiper-pagination-bullet-active,
17256 .md .color-theme-gray .swiper-pagination-bullet-active {
17257   background: #9e9e9e;
17258 }
17259 .md .color-gray .swiper-pagination-progressbar,
17260 .md .color-theme-gray .swiper-pagination-progressbar,
17261 .md .color-gray.swiper-pagination-progressbar,
17262 .md .color-theme-gray.swiper-pagination-progressbar {
17263   background: rgba(158, 158, 158, 0.25);
17264 }
17265 .md .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17266 .md .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17267 .md .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17268 .md .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17269   background: #9e9e9e;
17270 }
17271 .md .swiper-button-prev.color-white,
17272 .md .swiper-container-rtl .swiper-button-next.color-white,
17273 .md .color-theme-white .swiper-button-prev,
17274 .md .color-theme-white .swiper-container-rtl .swiper-button-next {
17275   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
17276 }
17277 .md .swiper-button-next.color-white,
17278 .md .swiper-container-rtl .swiper-button-prev.color-white,
17279 .md .color-theme-white .swiper-button-next,
17280 .md .color-theme-white .swiper-container-rtl .swiper-button-prev {
17281   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
17282 }
17283 .md .color-white .swiper-pagination-bullet-active,
17284 .md .color-theme-white .swiper-pagination-bullet-active {
17285   background: #ffffff;
17286 }
17287 .md .color-white .swiper-pagination-progressbar,
17288 .md .color-theme-white .swiper-pagination-progressbar,
17289 .md .color-white.swiper-pagination-progressbar,
17290 .md .color-theme-white.swiper-pagination-progressbar {
17291   background: rgba(255, 255, 255, 0.25);
17292 }
17293 .md .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17294 .md .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17295 .md .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17296 .md .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17297   background: #ffffff;
17298 }
17299 .md .swiper-button-prev.color-black,
17300 .md .swiper-container-rtl .swiper-button-next.color-black,
17301 .md .color-theme-black .swiper-button-prev,
17302 .md .color-theme-black .swiper-container-rtl .swiper-button-next {
17303   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
17304 }
17305 .md .swiper-button-next.color-black,
17306 .md .swiper-container-rtl .swiper-button-prev.color-black,
17307 .md .color-theme-black .swiper-button-next,
17308 .md .color-theme-black .swiper-container-rtl .swiper-button-prev {
17309   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
17310 }
17311 .md .color-black .swiper-pagination-bullet-active,
17312 .md .color-theme-black .swiper-pagination-bullet-active {
17313   background: #000000;
17314 }
17315 .md .color-black .swiper-pagination-progressbar,
17316 .md .color-theme-black .swiper-pagination-progressbar,
17317 .md .color-black.swiper-pagination-progressbar,
17318 .md .color-theme-black.swiper-pagination-progressbar {
17319   background: rgba(0, 0, 0, 0.25);
17320 }
17321 .md .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17322 .md .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17323 .md .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
17324 .md .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
17325   background: #000000;
17326 }
17327 /* === Photo Browser === */
17328 .photo-browser {
17329   position: absolute;
17330   left: 0;
17331   top: 0;
17332   width: 100%;
17333   height: 100%;
17334   z-index: 400;
17335 }
17336 .photo-browser-standalone.modal-in {
17337   -webkit-transition-duration: 0ms;
17338   transition-duration: 0ms;
17339   -webkit-animation: photo-browser-in 400ms;
17340   animation: photo-browser-in 400ms;
17341 }
17342 .photo-browser-standalone.modal-out {
17343   -webkit-transition-duration: 0ms;
17344   transition-duration: 0ms;
17345   -webkit-animation: photo-browser-out 400ms;
17346   animation: photo-browser-out 400ms;
17347 }
17348 .photo-browser-standalone.modal-out.swipe-close-to-bottom,
17349 .photo-browser-standalone.modal-out.swipe-close-to-top {
17350   -webkit-animation: none;
17351   animation: none;
17352 }
17353 .photo-browser-popup.modal-out.swipe-close-to-bottom,
17354 .photo-browser-popup.modal-out.swipe-close-to-top {
17355   -webkit-transition-duration: 300ms;
17356   transition-duration: 300ms;
17357 }
17358 .photo-browser-popup.modal-out.swipe-close-to-bottom {
17359   -webkit-transform: translate3d(0, 100%, 0);
17360   transform: translate3d(0, 100%, 0);
17361 }
17362 .photo-browser-popup.modal-out.swipe-close-to-top {
17363   -webkit-transform: translate3d(0, -100vh, 0);
17364   transform: translate3d(0, -100vh, 0);
17365 }
17366 .page.photo-browser-page {
17367   background: none;
17368 }
17369 .photo-browser-popup {
17370   background: none;
17371 }
17372 .photo-browser-exposed .navbar,
17373 .photo-browser-exposed .toolbar {
17374   opacity: 0;
17375   visibility: hidden;
17376   pointer-events: none;
17377 }
17378 .photo-browser-exposed .photo-browser-swiper-container {
17379   background: #000;
17380 }
17381 .photo-browser-of {
17382   margin: 0 5px;
17383 }
17384 .photo-browser-captions {
17385   pointer-events: none;
17386   position: absolute;
17387   left: 0;
17388   width: 100%;
17389   bottom: 0;
17390   z-index: 10;
17391   opacity: 1;
17392   -webkit-transition: 400ms;
17393   transition: 400ms;
17394 }
17395 .photo-browser-captions.photo-browser-captions-exposed {
17396   opacity: 0;
17397 }
17398 .photo-browser-caption {
17399   -webkit-box-sizing: border-box;
17400   box-sizing: border-box;
17401   -webkit-transition: 300ms;
17402   transition: 300ms;
17403   position: absolute;
17404   bottom: 0;
17405   left: 0;
17406   opacity: 0;
17407   padding: 4px 5px;
17408   width: 100%;
17409   text-align: center;
17410   color: #fff;
17411   background: rgba(0, 0, 0, 0.8);
17412 }
17413 .photo-browser-caption:empty {
17414   display: none;
17415 }
17416 .photo-browser-caption.photo-browser-caption-active {
17417   opacity: 1;
17418 }
17419 .photo-browser-captions-light .photo-browser-caption {
17420   background: rgba(255, 255, 255, 0.8);
17421   color: #000;
17422 }
17423 .photo-browser-captions-dark .photo-browser-caption {
17424   color: #fff;
17425 }
17426 .photo-browser-exposed .photo-browser-caption {
17427   color: #fff;
17428   background: rgba(0, 0, 0, 0.8);
17429 }
17430 .photo-browser-swiper-container {
17431   position: absolute;
17432   left: 0;
17433   top: 0;
17434   width: 100%;
17435   height: 100%;
17436   overflow: hidden;
17437   background: #fff;
17438   -webkit-transition: 400ms;
17439   transition: 400ms;
17440   -webkit-transition-property: background-color;
17441   transition-property: background-color;
17442 }
17443 .photo-browser-prev.swiper-button-disabled,
17444 .photo-browser-next.swiper-button-disabled {
17445   opacity: 0.3;
17446 }
17447 .photo-browser-slide {
17448   width: 100%;
17449   height: 100%;
17450   position: relative;
17451   overflow: hidden;
17452   display: -webkit-box;
17453   display: -webkit-flex;
17454   display: -ms-flexbox;
17455   display: flex;
17456   -webkit-box-pack: center;
17457   -webkit-justify-content: center;
17458   -ms-flex-pack: center;
17459   justify-content: center;
17460   -webkit-box-align: center;
17461   -webkit-align-items: center;
17462   -ms-flex-align: center;
17463   align-items: center;
17464   -webkit-flex-shrink: 0;
17465   -ms-flex-negative: 0;
17466   flex-shrink: 0;
17467   -webkit-box-sizing: border-box;
17468   box-sizing: border-box;
17469 }
17470 .photo-browser-slide.photo-browser-transitioning {
17471   -webkit-transition: 400ms;
17472   transition: 400ms;
17473   -webkit-transition-property: -webkit-transform;
17474   transition-property: -webkit-transform;
17475   transition-property: transform;
17476   transition-property: transform, -webkit-transform;
17477 }
17478 .photo-browser-slide span.swiper-zoom-container {
17479   display: none;
17480 }
17481 .photo-browser-slide img {
17482   width: auto;
17483   height: auto;
17484   max-width: 100%;
17485   max-height: 100%;
17486   display: none;
17487 }
17488 .photo-browser-slide.swiper-slide-active span.swiper-zoom-container,
17489 .photo-browser-slide.swiper-slide-next span.swiper-zoom-container,
17490 .photo-browser-slide.swiper-slide-prev span.swiper-zoom-container {
17491   display: -webkit-box;
17492   display: -webkit-flex;
17493   display: -ms-flexbox;
17494   display: flex;
17495 }
17496 .photo-browser-slide.swiper-slide-active img,
17497 .photo-browser-slide.swiper-slide-next img,
17498 .photo-browser-slide.swiper-slide-prev img {
17499   display: inline;
17500 }
17501 .photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
17502 .photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
17503 .photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
17504   display: block;
17505 }
17506 .photo-browser-slide iframe {
17507   width: 100%;
17508   height: 100%;
17509 }
17510 .photo-browser-slide .preloader {
17511   display: none;
17512   position: absolute;
17513   width: 42px;
17514   height: 42px;
17515   margin-left: -21px;
17516   margin-top: -21px;
17517   left: 50%;
17518   top: 50%;
17519 }
17520 .photo-browser-dark .photo-browser-swiper-container,
17521 .photo-browser-page-dark .photo-browser-swiper-container {
17522   background: #000;
17523 }
17524 @-webkit-keyframes photo-browser-in {
17525   0% {
17526     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
17527     transform: translate3d(0, 0, 0) scale(0.5);
17528     opacity: 0;
17529   }
17530   50% {
17531     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
17532     transform: translate3d(0, 0, 0) scale(1.05);
17533     opacity: 1;
17534   }
17535   100% {
17536     -webkit-transform: translate3d(0, 0, 0) scale(1);
17537     transform: translate3d(0, 0, 0) scale(1);
17538     opacity: 1;
17539   }
17540 }
17541 @keyframes photo-browser-in {
17542   0% {
17543     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
17544     transform: translate3d(0, 0, 0) scale(0.5);
17545     opacity: 0;
17546   }
17547   50% {
17548     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
17549     transform: translate3d(0, 0, 0) scale(1.05);
17550     opacity: 1;
17551   }
17552   100% {
17553     -webkit-transform: translate3d(0, 0, 0) scale(1);
17554     transform: translate3d(0, 0, 0) scale(1);
17555     opacity: 1;
17556   }
17557 }
17558 @-webkit-keyframes photo-browser-out {
17559   0% {
17560     -webkit-transform: translate3d(0, 0, 0) scale(1);
17561     transform: translate3d(0, 0, 0) scale(1);
17562     opacity: 1;
17563   }
17564   50% {
17565     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
17566     transform: translate3d(0, 0, 0) scale(1.05);
17567     opacity: 1;
17568   }
17569   100% {
17570     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
17571     transform: translate3d(0, 0, 0) scale(0.5);
17572     opacity: 0;
17573   }
17574 }
17575 @keyframes photo-browser-out {
17576   0% {
17577     -webkit-transform: translate3d(0, 0, 0) scale(1);
17578     transform: translate3d(0, 0, 0) scale(1);
17579     opacity: 1;
17580   }
17581   50% {
17582     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
17583     transform: translate3d(0, 0, 0) scale(1.05);
17584     opacity: 1;
17585   }
17586   100% {
17587     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
17588     transform: translate3d(0, 0, 0) scale(0.5);
17589     opacity: 0;
17590   }
17591 }
17592 .md .toolbar ~ .photo-browser-captions {
17593   bottom: 48px;
17594   -webkit-transform: translate3d(0, 0px, 0);
17595   transform: translate3d(0, 0px, 0);
17596 }
17597 .md .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed {
17598   -webkit-transform: translate3d(0, 0px, 0);
17599   transform: translate3d(0, 0px, 0);
17600 }
17601 .md .photo-browser-exposed .toolbar ~ .photo-browser-captions {
17602   -webkit-transform: translate3d(0, 48px, 0);
17603   transform: translate3d(0, 48px, 0);
17604 }
17605 .md .photo-browser-page .toolbar {
17606   -webkit-transform: none;
17607   transform: none;
17608 }
17609 .md .photo-browser-page .navbar,
17610 .md .photo-browser-page .toolbar {
17611   background: rgba(33, 150, 243, 0.95);
17612   -webkit-transition: 400ms;
17613   transition: 400ms;
17614 }
17615 .md .photo-browser-dark .navbar,
17616 .md .photo-browser-page-dark .navbar,
17617 .md .photo-browser-dark .toolbar,
17618 .md .photo-browser-page-dark .toolbar {
17619   background: rgba(30, 30, 30, 0.8) !important;
17620   color: #fff;
17621 }
17622 .md .photo-browser-dark .navbar a,
17623 .md .photo-browser-page-dark .navbar a,
17624 .md .photo-browser-dark .toolbar a,
17625 .md .photo-browser-page-dark .toolbar a {
17626   color: #fff;
17627 }
17628 .md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17629 .md .color-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17630 .md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17631 .md .color-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17632   background-color: rgba(244, 67, 54, 0.95);
17633 }
17634 .md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17635 .md .color-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17636 .md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17637 .md .color-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17638   background-color: rgba(76, 175, 80, 0.95);
17639 }
17640 .md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17641 .md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17642 .md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17643 .md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17644   background-color: rgba(33, 150, 243, 0.95);
17645 }
17646 .md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17647 .md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17648 .md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17649 .md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17650   background-color: rgba(233, 30, 99, 0.95);
17651 }
17652 .md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17653 .md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17654 .md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17655 .md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17656   background-color: rgba(255, 235, 59, 0.95);
17657 }
17658 .md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17659 .md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17660 .md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17661 .md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17662   background-color: rgba(255, 152, 0, 0.95);
17663 }
17664 .md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17665 .md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17666 .md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17667 .md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17668   background-color: rgba(158, 158, 158, 0.95);
17669 }
17670 .md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17671 .md .color-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17672 .md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17673 .md .color-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17674   background-color: rgba(255, 255, 255, 0.95);
17675 }
17676 .md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17677 .md .color-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,
17678 .md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
17679 .md .color-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
17680   background-color: rgba(0, 0, 0, 0.95);
17681 }
17682 .md.device-iphone-x .photo-browser-captions {
17683   bottom: constant(safe-area-inset-bottom);
17684   bottom: env(safe-area-inset-bottom);
17685 }
17686 .md.device-iphone-x .toolbar ~ .photo-browser-captions {
17687   bottom: calc(48px + constant(safe-area-inset-bottom));
17688   bottom: calc(48px + env(safe-area-inset-bottom));
17689 }
17690 /* === Notifications === */
17691 .notification {
17692   position: absolute;
17693   left: 0;
17694   top: 0;
17695   width: 100%;
17696   z-index: 20000;
17697   font-size: 14px;
17698   margin: 0;
17699   border: none;
17700   display: none;
17701   -webkit-box-sizing: border-box;
17702   box-sizing: border-box;
17703   -webkit-transition-property: -webkit-transform;
17704   transition-property: -webkit-transform;
17705   transition-property: transform;
17706   transition-property: transform, -webkit-transform;
17707   direction: ltr;
17708 }
17709 .notification-icon {
17710   font-size: 0;
17711 }
17712 .notification-header {
17713   display: -webkit-box;
17714   display: -webkit-flex;
17715   display: -ms-flexbox;
17716   display: flex;
17717   -webkit-box-pack: start;
17718   -webkit-justify-content: flex-start;
17719   -ms-flex-pack: start;
17720   justify-content: flex-start;
17721   -webkit-box-align: center;
17722   -webkit-align-items: center;
17723   -ms-flex-align: center;
17724   align-items: center;
17725 }
17726 .notification-close-button {
17727   margin-left: auto;
17728   cursor: pointer;
17729 }
17730 html.with-statusbar.device-ios .notification,
17731 html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification {
17732   margin-top: 20px;
17733 }
17734 html.with-statusbar.device-android .notification,
17735 html.with-statusbar.md:not(.device-ios):not(.device-android) .notification {
17736   margin-top: 24px;
17737 }
17738 html.with-statusbar.device-iphone-x .notification {
17739   margin-top: constant(safe-area-inset-top);
17740   margin-top: env(safe-area-inset-top);
17741 }
17742 .md .notification {
17743   left: 0;
17744   top: 0;
17745   width: 100%;
17746   background: #fff;
17747   border-radius: 0px;
17748   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24);
17749   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24);
17750   padding: 16px;
17751   color: #000;
17752   max-width: 568px;
17753 }
17754 @media (min-width: 568px) {
17755   .md .notification {
17756     left: 50%;
17757     margin-left: -284px;
17758   }
17759 }
17760 .md .notification.modal-in {
17761   -webkit-transition-duration: 0ms;
17762   transition-duration: 0ms;
17763   -webkit-animation: notification-md-in 400ms ease-out;
17764   animation: notification-md-in 400ms ease-out;
17765 }
17766 .md .notification.modal-in.notification-transitioning {
17767   -webkit-transition-duration: 200ms;
17768   transition-duration: 200ms;
17769 }
17770 .md .notification.modal-out {
17771   -webkit-animation: none;
17772   animation: none;
17773   -webkit-transition-duration: 200ms;
17774   transition-duration: 200ms;
17775   -webkit-transition-timing-function: ease-in;
17776   transition-timing-function: ease-in;
17777   -webkit-transform: translate3d(0, -150%, 0);
17778   transform: translate3d(0, -150%, 0);
17779 }
17780 .md .notification-icon {
17781   width: 16px;
17782   height: 16px;
17783   margin-right: 8px;
17784   line-height: 16px;
17785 }
17786 .md .notification-icon i {
17787   width: 16px;
17788   height: 16px;
17789   font-size: 16px;
17790 }
17791 .md .notification-title {
17792   font-size: 12px;
17793   line-height: 1;
17794   color: #2196f3;
17795 }
17796 .md .notification-subtitle {
17797   font-size: 14px;
17798   line-height: 1.35;
17799   color: #212121;
17800 }
17801 .md .notification-subtitle + .notification-text {
17802   margin-top: 2px;
17803 }
17804 .md .notification-text {
17805   font-size: 14px;
17806   line-height: 1.35;
17807   color: #757575;
17808 }
17809 .md .notification-header + .notification-content {
17810   margin-top: 6px;
17811 }
17812 .md .notification-title-right-text {
17813   font-size: 12px;
17814   color: #757575;
17815   margin-left: 4px;
17816 }
17817 .md .notification-title-right-text:before {
17818   content: '';
17819   width: 3px;
17820   height: 3px;
17821   border-radius: 50%;
17822   display: inline-block;
17823   vertical-align: middle;
17824   margin-right: 4px;
17825   background: #757575;
17826 }
17827 .md .notification-close-button {
17828   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
17829   width: 16px;
17830   height: 16px;
17831   background-position: center top;
17832   background-repeat: no-repeat;
17833   background-size: 100% auto;
17834   position: relative;
17835   -webkit-transition-duration: 300ms;
17836   transition-duration: 300ms;
17837 }
17838 .md .notification-close-button:before {
17839   content: '';
17840   width: 152%;
17841   height: 152%;
17842   position: absolute;
17843   left: -26%;
17844   top: -26%;
17845   background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
17846   background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
17847   background-repeat: no-repeat;
17848   background-position: center;
17849   background-size: 100% 100%;
17850   opacity: 0;
17851   pointer-events: none;
17852   -webkit-transition-duration: 600ms;
17853   transition-duration: 600ms;
17854 }
17855 .md .notification-close-button.active-state:before {
17856   opacity: 1;
17857   -webkit-transition-duration: 150ms;
17858   transition-duration: 150ms;
17859 }
17860 .md .notification-close-button:before {
17861   width: 48px;
17862   height: 48px;
17863   left: 50%;
17864   top: 50%;
17865   margin-left: -24px;
17866   margin-top: -24px;
17867 }
17868 .md .notification-close-button:after {
17869   content: '';
17870   position: absolute;
17871   left: 50%;
17872   top: 50%;
17873   width: 48px;
17874   height: 48px;
17875   margin-left: -22px;
17876   margin-top: -22px;
17877 }
17878 @-webkit-keyframes notification-md-in {
17879   0% {
17880     -webkit-transform: translate3d(0, -150%, 0);
17881     transform: translate3d(0, -150%, 0);
17882   }
17883   50% {
17884     -webkit-transform: translate3d(0, 10%, 0);
17885     transform: translate3d(0, 10%, 0);
17886   }
17887   100% {
17888     -webkit-transform: translate3d(0, 0%, 0);
17889     transform: translate3d(0, 0%, 0);
17890   }
17891 }
17892 @keyframes notification-md-in {
17893   0% {
17894     -webkit-transform: translate3d(0, -150%, 0);
17895     transform: translate3d(0, -150%, 0);
17896   }
17897   50% {
17898     -webkit-transform: translate3d(0, 10%, 0);
17899     transform: translate3d(0, 10%, 0);
17900   }
17901   100% {
17902     -webkit-transform: translate3d(0, 0%, 0);
17903     transform: translate3d(0, 0%, 0);
17904   }
17905 }
17906 /* === Autocomplete === */
17907 .autocomplete-page .autocomplete-found {
17908   display: block;
17909 }
17910 .autocomplete-page .autocomplete-not-found {
17911   display: none;
17912 }
17913 .autocomplete-page .autocomplete-values {
17914   display: block;
17915 }
17916 .autocomplete-page .list ul:empty {
17917   display: none;
17918 }
17919 .autocomplete-preloader:not(.autocomplete-preloader-visible) {
17920   visibility: hidden;
17921 }
17922 .autocomplete-preloader:not(.autocomplete-preloader-visible),
17923 .autocomplete-preloader:not(.autocomplete-preloader-visible) * {
17924   -webkit-animation: none;
17925   animation: none;
17926 }
17927 .autocomplete-dropdown {
17928   background: #fff;
17929   -webkit-box-sizing: border-box;
17930   box-sizing: border-box;
17931   position: absolute;
17932   z-index: 500;
17933   width: 100%;
17934   right: 0;
17935 }
17936 .autocomplete-dropdown .autocomplete-dropdown-inner {
17937   position: relative;
17938   overflow: auto;
17939   -webkit-overflow-scrolling: touch;
17940   height: 100%;
17941   z-index: 1;
17942 }
17943 .autocomplete-dropdown .autocomplete-preloader {
17944   display: none;
17945   position: absolute;
17946   bottom: 100%;
17947   width: 20px;
17948   height: 20px;
17949 }
17950 .autocomplete-dropdown .autocomplete-preloader-visible {
17951   display: block;
17952 }
17953 .autocomplete-dropdown .autocomplete-dropdown-placeholder {
17954   color: #a9a9a9;
17955 }
17956 .autocomplete-dropdown .list {
17957   margin: 0;
17958 }
17959 .autocomplete-dropdown .list ul {
17960   background: none !important;
17961 }
17962 .autocomplete-dropdown .list ul:before {
17963   display: none !important;
17964 }
17965 .autocomplete-dropdown .list ul:after {
17966   display: none !important;
17967 }
17968 .list .item-content-dropdown-expanded .item-title.item-label {
17969   width: 0;
17970   -webkit-flex-shrink: 10;
17971   -ms-flex-negative: 10;
17972   flex-shrink: 10;
17973   overflow: hidden;
17974 }
17975 .list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap {
17976   margin-right: 0;
17977 }
17978 .list .item-content-dropdown-expanded .item-input-wrap {
17979   width: 100%;
17980 }
17981 .md .autocomplete-page .navbar .autocomplete-preloader {
17982   margin-left: 16px;
17983 }
17984 .md .autocomplete-dropdown {
17985   -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
17986   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
17987 }
17988 .md .autocomplete-dropdown .autocomplete-preloader {
17989   left: 16px;
17990   margin-bottom: 8px;
17991 }
17992 .md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,
17993 .md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle {
17994   border-width: 3px;
17995 }
17996 .md .autocomplete-dropdown .list {
17997   color: rgba(0, 0, 0, 0.54);
17998 }
17999 .md .autocomplete-dropdown .list b {
18000   font-weight: normal;
18001   color: #212121;
18002 }
18003 .md .searchbar-input-wrap .autocomplete-dropdown .item-content {
18004   padding-right: 73px;
18005 }
18006 .md .searchbar-input-wrap .autocomplete-dropdown li:last-child {
18007   border-radius: 0 0 8px 8px;
18008   position: relative;
18009   overflow: hidden;
18010 }
18011 .md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder {
18012   color: #939398;
18013 }
18014 /* === Tooltip === */
18015 .tooltip {
18016   position: absolute;
18017   z-index: 20000;
18018   background: rgba(0, 0, 0, 0.87);
18019   border-radius: 4px;
18020   padding: 8px 16px;
18021   color: #fff;
18022   font-size: 14px;
18023   -webkit-box-sizing: border-box;
18024   box-sizing: border-box;
18025   line-height: 1.2;
18026   opacity: 0;
18027   -webkit-transform: scale(0.9);
18028   transform: scale(0.9);
18029   -webkit-transition-duration: 150ms;
18030   transition-duration: 150ms;
18031   -webkit-transition-property: opacity, -webkit-transform;
18032   transition-property: opacity, -webkit-transform;
18033   transition-property: opacity, transform;
18034   transition-property: opacity, transform, -webkit-transform;
18035   z-index: 99000;
18036   font-weight: 500;
18037 }
18038 .tooltip.tooltip-in {
18039   -webkit-transform: scale(1);
18040   transform: scale(1);
18041   opacity: 1;
18042 }
18043 .tooltip.tooltip-out {
18044   opacity: 0;
18045   -webkit-transform: scale(1);
18046   transform: scale(1);
18047 }
18048 .device-desktop .tooltip {
18049   font-size: 12px;
18050   padding: 6px 8px;
18051 }
18052 /* === Gauge === */
18053 .gauge {
18054   position: relative;
18055   text-align: center;
18056   margin-left: auto;
18057   margin-right: auto;
18058   display: inline-block;
18059 }
18060 .gauge-svg,
18061 .gauge svg {
18062   max-width: 100%;
18063   height: auto;
18064 }
18065 .gauge-svg circle,
18066 .gauge svg circle,
18067 .gauge-svg path,
18068 .gauge svg path {
18069   -webkit-transition-duration: 400ms;
18070   transition-duration: 400ms;
18071 }
18072 iframe#viAd {
18073   z-index: 12900 !important;
18074   background: #000 !important;
18075 }
18076 .vi-overlay {
18077   background: rgba(0, 0, 0, 0.85);
18078   z-index: 13100;
18079   position: absolute;
18080   left: 0%;
18081   top: 0%;
18082   width: 100%;
18083   height: 100%;
18084   border-radius: 3px;
18085   display: -webkit-box;
18086   display: -webkit-flex;
18087   display: -ms-flexbox;
18088   display: flex;
18089   -webkit-box-pack: center;
18090   -webkit-justify-content: center;
18091   -ms-flex-pack: center;
18092   justify-content: center;
18093   -webkit-box-orient: vertical;
18094   -webkit-box-direction: normal;
18095   -webkit-flex-direction: column;
18096   -ms-flex-direction: column;
18097   flex-direction: column;
18098   -webkit-box-align: center;
18099   -webkit-align-items: center;
18100   -ms-flex-align: center;
18101   align-items: center;
18102   -webkit-align-content: center;
18103   -ms-flex-line-pack: center;
18104   align-content: center;
18105   text-align: center;
18106   -webkit-user-select: none;
18107   -moz-user-select: none;
18108   -ms-user-select: none;
18109   user-select: none;
18110 }
18111 @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
18112   .vi-overlay {
18113     background: rgba(0, 0, 0, 0.65);
18114     -webkit-backdrop-filter: blur(10px);
18115     backdrop-filter: blur(10px);
18116   }
18117 }
18118 .vi-overlay .vi-overlay-text {
18119   text-align: center;
18120   color: #fff;
18121   max-width: 80%;
18122 }
18123 .vi-overlay .vi-overlay-text + .vi-overlay-play-button {
18124   margin-top: 15px;
18125 }
18126 .vi-overlay .vi-overlay-play-button {
18127   width: 44px;
18128   height: 44px;
18129   border-radius: 50%;
18130   border: 2px solid #fff;
18131   position: relative;
18132 }
18133 .vi-overlay .vi-overlay-play-button.active-state {
18134   opacity: 0.55;
18135 }
18136 .vi-overlay .vi-overlay-play-button:before {
18137   content: '';
18138   width: 0;
18139   height: 0;
18140   border-top: 8px solid transparent;
18141   border-bottom: 8px solid transparent;
18142   border-left: 14px solid #fff;
18143   position: absolute;
18144   left: 50%;
18145   top: 50%;
18146   margin-left: 2px;
18147   -webkit-transform: translate(-50%, -50%);
18148   transform: translate(-50%, -50%);
18149 }
18150 /* === Elevation === */
18151 .elevation-0 {
18152   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
18153   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
18154 }
18155 .elevation-1 {
18156   -webkit-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) !important;
18157   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) !important;
18158 }
18159 .elevation-2 {
18160   -webkit-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) !important;
18161   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) !important;
18162 }
18163 .elevation-3 {
18164   -webkit-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) !important;
18165   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) !important;
18166 }
18167 .elevation-4 {
18168   -webkit-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) !important;
18169   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) !important;
18170 }
18171 .elevation-5 {
18172   -webkit-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) !important;
18173   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) !important;
18174 }
18175 .elevation-6 {
18176   -webkit-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) !important;
18177   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) !important;
18178 }
18179 .elevation-7 {
18180   -webkit-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) !important;
18181   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) !important;
18182 }
18183 .elevation-8 {
18184   -webkit-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) !important;
18185   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) !important;
18186 }
18187 .elevation-9 {
18188   -webkit-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) !important;
18189   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) !important;
18190 }
18191 .elevation-10 {
18192   -webkit-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) !important;
18193   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) !important;
18194 }
18195 .elevation-11 {
18196   -webkit-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) !important;
18197   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) !important;
18198 }
18199 .elevation-12 {
18200   -webkit-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) !important;
18201   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) !important;
18202 }
18203 .elevation-13 {
18204   -webkit-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) !important;
18205   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) !important;
18206 }
18207 .elevation-14 {
18208   -webkit-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) !important;
18209   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) !important;
18210 }
18211 .elevation-15 {
18212   -webkit-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) !important;
18213   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) !important;
18214 }
18215 .elevation-16 {
18216   -webkit-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) !important;
18217   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) !important;
18218 }
18219 .elevation-17 {
18220   -webkit-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) !important;
18221   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) !important;
18222 }
18223 .elevation-18 {
18224   -webkit-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) !important;
18225   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) !important;
18226 }
18227 .elevation-19 {
18228   -webkit-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) !important;
18229   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) !important;
18230 }
18231 .elevation-20 {
18232   -webkit-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) !important;
18233   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) !important;
18234 }
18235 .elevation-21 {
18236   -webkit-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) !important;
18237   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) !important;
18238 }
18239 .elevation-22 {
18240   -webkit-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) !important;
18241   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) !important;
18242 }
18243 .elevation-23 {
18244   -webkit-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) !important;
18245   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) !important;
18246 }
18247 .elevation-24 {
18248   -webkit-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) !important;
18249   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) !important;
18250 }
18251 .device-desktop .elevation-hover-0:hover {
18252   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
18253   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
18254 }
18255 .device-desktop .elevation-hover-1:hover {
18256   -webkit-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) !important;
18257   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) !important;
18258 }
18259 .device-desktop .elevation-hover-2:hover {
18260   -webkit-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) !important;
18261   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) !important;
18262 }
18263 .device-desktop .elevation-hover-3:hover {
18264   -webkit-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) !important;
18265   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) !important;
18266 }
18267 .device-desktop .elevation-hover-4:hover {
18268   -webkit-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) !important;
18269   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) !important;
18270 }
18271 .device-desktop .elevation-hover-5:hover {
18272   -webkit-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) !important;
18273   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) !important;
18274 }
18275 .device-desktop .elevation-hover-6:hover {
18276   -webkit-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) !important;
18277   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) !important;
18278 }
18279 .device-desktop .elevation-hover-7:hover {
18280   -webkit-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) !important;
18281   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) !important;
18282 }
18283 .device-desktop .elevation-hover-8:hover {
18284   -webkit-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) !important;
18285   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) !important;
18286 }
18287 .device-desktop .elevation-hover-9:hover {
18288   -webkit-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) !important;
18289   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) !important;
18290 }
18291 .device-desktop .elevation-hover-10:hover {
18292   -webkit-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) !important;
18293   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) !important;
18294 }
18295 .device-desktop .elevation-hover-11:hover {
18296   -webkit-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) !important;
18297   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) !important;
18298 }
18299 .device-desktop .elevation-hover-12:hover {
18300   -webkit-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) !important;
18301   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) !important;
18302 }
18303 .device-desktop .elevation-hover-13:hover {
18304   -webkit-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) !important;
18305   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) !important;
18306 }
18307 .device-desktop .elevation-hover-14:hover {
18308   -webkit-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) !important;
18309   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) !important;
18310 }
18311 .device-desktop .elevation-hover-15:hover {
18312   -webkit-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) !important;
18313   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) !important;
18314 }
18315 .device-desktop .elevation-hover-16:hover {
18316   -webkit-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) !important;
18317   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) !important;
18318 }
18319 .device-desktop .elevation-hover-17:hover {
18320   -webkit-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) !important;
18321   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) !important;
18322 }
18323 .device-desktop .elevation-hover-18:hover {
18324   -webkit-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) !important;
18325   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) !important;
18326 }
18327 .device-desktop .elevation-hover-19:hover {
18328   -webkit-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) !important;
18329   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) !important;
18330 }
18331 .device-desktop .elevation-hover-20:hover {
18332   -webkit-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) !important;
18333   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) !important;
18334 }
18335 .device-desktop .elevation-hover-21:hover {
18336   -webkit-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) !important;
18337   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) !important;
18338 }
18339 .device-desktop .elevation-hover-22:hover {
18340   -webkit-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) !important;
18341   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) !important;
18342 }
18343 .device-desktop .elevation-hover-23:hover {
18344   -webkit-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) !important;
18345   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) !important;
18346 }
18347 .device-desktop .elevation-hover-24:hover {
18348   -webkit-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) !important;
18349   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) !important;
18350 }
18351 .active-state.elevation-pressed-0,
18352 .device-desktop .active-state.elevation-pressed-0 {
18353   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
18354   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
18355 }
18356 .active-state.elevation-pressed-1,
18357 .device-desktop .active-state.elevation-pressed-1 {
18358   -webkit-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) !important;
18359   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) !important;
18360 }
18361 .active-state.elevation-pressed-2,
18362 .device-desktop .active-state.elevation-pressed-2 {
18363   -webkit-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) !important;
18364   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) !important;
18365 }
18366 .active-state.elevation-pressed-3,
18367 .device-desktop .active-state.elevation-pressed-3 {
18368   -webkit-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) !important;
18369   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) !important;
18370 }
18371 .active-state.elevation-pressed-4,
18372 .device-desktop .active-state.elevation-pressed-4 {
18373   -webkit-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) !important;
18374   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) !important;
18375 }
18376 .active-state.elevation-pressed-5,
18377 .device-desktop .active-state.elevation-pressed-5 {
18378   -webkit-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) !important;
18379   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) !important;
18380 }
18381 .active-state.elevation-pressed-6,
18382 .device-desktop .active-state.elevation-pressed-6 {
18383   -webkit-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) !important;
18384   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) !important;
18385 }
18386 .active-state.elevation-pressed-7,
18387 .device-desktop .active-state.elevation-pressed-7 {
18388   -webkit-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) !important;
18389   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) !important;
18390 }
18391 .active-state.elevation-pressed-8,
18392 .device-desktop .active-state.elevation-pressed-8 {
18393   -webkit-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) !important;
18394   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) !important;
18395 }
18396 .active-state.elevation-pressed-9,
18397 .device-desktop .active-state.elevation-pressed-9 {
18398   -webkit-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) !important;
18399   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) !important;
18400 }
18401 .active-state.elevation-pressed-10,
18402 .device-desktop .active-state.elevation-pressed-10 {
18403   -webkit-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) !important;
18404   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) !important;
18405 }
18406 .active-state.elevation-pressed-11,
18407 .device-desktop .active-state.elevation-pressed-11 {
18408   -webkit-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) !important;
18409   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) !important;
18410 }
18411 .active-state.elevation-pressed-12,
18412 .device-desktop .active-state.elevation-pressed-12 {
18413   -webkit-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) !important;
18414   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) !important;
18415 }
18416 .active-state.elevation-pressed-13,
18417 .device-desktop .active-state.elevation-pressed-13 {
18418   -webkit-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) !important;
18419   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) !important;
18420 }
18421 .active-state.elevation-pressed-14,
18422 .device-desktop .active-state.elevation-pressed-14 {
18423   -webkit-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) !important;
18424   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) !important;
18425 }
18426 .active-state.elevation-pressed-15,
18427 .device-desktop .active-state.elevation-pressed-15 {
18428   -webkit-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) !important;
18429   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) !important;
18430 }
18431 .active-state.elevation-pressed-16,
18432 .device-desktop .active-state.elevation-pressed-16 {
18433   -webkit-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) !important;
18434   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) !important;
18435 }
18436 .active-state.elevation-pressed-17,
18437 .device-desktop .active-state.elevation-pressed-17 {
18438   -webkit-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) !important;
18439   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) !important;
18440 }
18441 .active-state.elevation-pressed-18,
18442 .device-desktop .active-state.elevation-pressed-18 {
18443   -webkit-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) !important;
18444   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) !important;
18445 }
18446 .active-state.elevation-pressed-19,
18447 .device-desktop .active-state.elevation-pressed-19 {
18448   -webkit-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) !important;
18449   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) !important;
18450 }
18451 .active-state.elevation-pressed-20,
18452 .device-desktop .active-state.elevation-pressed-20 {
18453   -webkit-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) !important;
18454   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) !important;
18455 }
18456 .active-state.elevation-pressed-21,
18457 .device-desktop .active-state.elevation-pressed-21 {
18458   -webkit-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) !important;
18459   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) !important;
18460 }
18461 .active-state.elevation-pressed-22,
18462 .device-desktop .active-state.elevation-pressed-22 {
18463   -webkit-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) !important;
18464   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) !important;
18465 }
18466 .active-state.elevation-pressed-23,
18467 .device-desktop .active-state.elevation-pressed-23 {
18468   -webkit-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) !important;
18469   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) !important;
18470 }
18471 .active-state.elevation-pressed-24,
18472 .device-desktop .active-state.elevation-pressed-24 {
18473   -webkit-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) !important;
18474   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) !important;
18475 }
18476 .elevation-transition-100 {
18477   -webkit-transition-duration: 100ms;
18478   transition-duration: 100ms;
18479   -webkit-transition-property: -webkit-box-shadow;
18480   transition-property: -webkit-box-shadow;
18481   transition-property: box-shadow;
18482   transition-property: box-shadow, -webkit-box-shadow;
18483 }
18484 .elevation-transition,
18485 .elevation-transition-200 {
18486   -webkit-transition-duration: 200ms;
18487   transition-duration: 200ms;
18488   -webkit-transition-property: -webkit-box-shadow;
18489   transition-property: -webkit-box-shadow;
18490   transition-property: box-shadow;
18491   transition-property: box-shadow, -webkit-box-shadow;
18492 }
18493 .elevation-transition-300 {
18494   -webkit-transition-duration: 300ms;
18495   transition-duration: 300ms;
18496   -webkit-transition-property: -webkit-box-shadow;
18497   transition-property: -webkit-box-shadow;
18498   transition-property: box-shadow;
18499   transition-property: box-shadow, -webkit-box-shadow;
18500 }
18501 .elevation-transition-400 {
18502   -webkit-transition-duration: 400ms;
18503   transition-duration: 400ms;
18504   -webkit-transition-property: -webkit-box-shadow;
18505   transition-property: -webkit-box-shadow;
18506   transition-property: box-shadow;
18507   transition-property: box-shadow, -webkit-box-shadow;
18508 }
18509 .elevation-transition-500 {
18510   -webkit-transition-duration: 500ms;
18511   transition-duration: 500ms;
18512   -webkit-transition-property: -webkit-box-shadow;
18513   transition-property: -webkit-box-shadow;
18514   transition-property: box-shadow;
18515   transition-property: box-shadow, -webkit-box-shadow;
18516 }
18517 /* === Typography === */
18518 .display-flex {
18519   display: -webkit-box !important;
18520   display: -webkit-flex !important;
18521   display: -ms-flexbox !important;
18522   display: flex !important;
18523 }
18524 .display-block {
18525   display: block !important;
18526 }
18527 .display-inline-flex {
18528   display: -webkit-inline-box !important;
18529   display: -webkit-inline-flex !important;
18530   display: -ms-inline-flexbox !important;
18531   display: inline-flex !important;
18532 }
18533 .display-inline-block {
18534   display: inline-block !important;
18535 }
18536 .display-inline {
18537   display: inline !important;
18538 }
18539 .display-none {
18540   display: none !important;
18541 }
18542 .flex-shrink-0 {
18543   -webkit-flex-shrink: 0 !important;
18544   -ms-flex-negative: 0 !important;
18545   flex-shrink: 0 !important;
18546 }
18547 .flex-shrink-1 {
18548   -webkit-flex-shrink: 1 !important;
18549   -ms-flex-negative: 1 !important;
18550   flex-shrink: 1 !important;
18551 }
18552 .flex-shrink-2 {
18553   -webkit-flex-shrink: 2 !important;
18554   -ms-flex-negative: 2 !important;
18555   flex-shrink: 2 !important;
18556 }
18557 .flex-shrink-3 {
18558   -webkit-flex-shrink: 3 !important;
18559   -ms-flex-negative: 3 !important;
18560   flex-shrink: 3 !important;
18561 }
18562 .flex-shrink-4 {
18563   -webkit-flex-shrink: 4 !important;
18564   -ms-flex-negative: 4 !important;
18565   flex-shrink: 4 !important;
18566 }
18567 .flex-shrink-5 {
18568   -webkit-flex-shrink: 5 !important;
18569   -ms-flex-negative: 5 !important;
18570   flex-shrink: 5 !important;
18571 }
18572 .flex-shrink-6 {
18573   -webkit-flex-shrink: 6 !important;
18574   -ms-flex-negative: 6 !important;
18575   flex-shrink: 6 !important;
18576 }
18577 .flex-shrink-7 {
18578   -webkit-flex-shrink: 7 !important;
18579   -ms-flex-negative: 7 !important;
18580   flex-shrink: 7 !important;
18581 }
18582 .flex-shrink-8 {
18583   -webkit-flex-shrink: 8 !important;
18584   -ms-flex-negative: 8 !important;
18585   flex-shrink: 8 !important;
18586 }
18587 .flex-shrink-9 {
18588   -webkit-flex-shrink: 9 !important;
18589   -ms-flex-negative: 9 !important;
18590   flex-shrink: 9 !important;
18591 }
18592 .flex-shrink-10 {
18593   -webkit-flex-shrink: 10 !important;
18594   -ms-flex-negative: 10 !important;
18595   flex-shrink: 10 !important;
18596 }
18597 .justify-content-flex-start {
18598   -webkit-box-pack: start !important;
18599   -webkit-justify-content: flex-start !important;
18600   -ms-flex-pack: start !important;
18601   justify-content: flex-start !important;
18602 }
18603 .justify-content-center {
18604   -webkit-box-pack: center !important;
18605   -webkit-justify-content: center !important;
18606   -ms-flex-pack: center !important;
18607   justify-content: center !important;
18608 }
18609 .justify-content-flex-end {
18610   -webkit-box-pack: end !important;
18611   -webkit-justify-content: flex-end !important;
18612   -ms-flex-pack: end !important;
18613   justify-content: flex-end !important;
18614 }
18615 .justify-content-space-between {
18616   -webkit-box-pack: justify !important;
18617   -webkit-justify-content: space-between !important;
18618   -ms-flex-pack: justify !important;
18619   justify-content: space-between !important;
18620 }
18621 .justify-content-space-around {
18622   -webkit-justify-content: space-around !important;
18623   -ms-flex-pack: distribute !important;
18624   justify-content: space-around !important;
18625 }
18626 .justify-content-space-evenly {
18627   -webkit-box-pack: space-evenly !important;
18628   -webkit-justify-content: space-evenly !important;
18629   -ms-flex-pack: space-evenly !important;
18630   justify-content: space-evenly !important;
18631 }
18632 .justify-content-stretch {
18633   -webkit-box-pack: stretch !important;
18634   -webkit-justify-content: stretch !important;
18635   -ms-flex-pack: stretch !important;
18636   justify-content: stretch !important;
18637 }
18638 .justify-content-start {
18639   -webkit-box-pack: start !important;
18640   -webkit-justify-content: start !important;
18641   -ms-flex-pack: start !important;
18642   justify-content: start !important;
18643 }
18644 .justify-content-end {
18645   -webkit-box-pack: end !important;
18646   -webkit-justify-content: end !important;
18647   -ms-flex-pack: end !important;
18648   justify-content: end !important;
18649 }
18650 .justify-content-left {
18651   -webkit-box-pack: left !important;
18652   -webkit-justify-content: left !important;
18653   -ms-flex-pack: left !important;
18654   justify-content: left !important;
18655 }
18656 .justify-content-right {
18657   -webkit-box-pack: right !important;
18658   -webkit-justify-content: right !important;
18659   -ms-flex-pack: right !important;
18660   justify-content: right !important;
18661 }
18662 .align-content-flex-start {
18663   -webkit-align-content: flex-start !important;
18664   -ms-flex-line-pack: start !important;
18665   align-content: flex-start !important;
18666 }
18667 .align-content-flex-end {
18668   -webkit-align-content: flex-end !important;
18669   -ms-flex-line-pack: end !important;
18670   align-content: flex-end !important;
18671 }
18672 .align-content-center {
18673   -webkit-align-content: center !important;
18674   -ms-flex-line-pack: center !important;
18675   align-content: center !important;
18676 }
18677 .align-content-space-between {
18678   -webkit-align-content: space-between !important;
18679   -ms-flex-line-pack: justify !important;
18680   align-content: space-between !important;
18681 }
18682 .align-content-space-around {
18683   -webkit-align-content: space-around !important;
18684   -ms-flex-line-pack: distribute !important;
18685   align-content: space-around !important;
18686 }
18687 .align-content-stretch {
18688   -webkit-align-content: stretch !important;
18689   -ms-flex-line-pack: stretch !important;
18690   align-content: stretch !important;
18691 }
18692 .align-items-flex-start {
18693   -webkit-box-align: start !important;
18694   -webkit-align-items: flex-start !important;
18695   -ms-flex-align: start !important;
18696   align-items: flex-start !important;
18697 }
18698 .align-items-flex-end {
18699   -webkit-box-align: end !important;
18700   -webkit-align-items: flex-end !important;
18701   -ms-flex-align: end !important;
18702   align-items: flex-end !important;
18703 }
18704 .align-items-center {
18705   -webkit-box-align: center !important;
18706   -webkit-align-items: center !important;
18707   -ms-flex-align: center !important;
18708   align-items: center !important;
18709 }
18710 .align-items-stretch {
18711   -webkit-box-align: stretch !important;
18712   -webkit-align-items: stretch !important;
18713   -ms-flex-align: stretch !important;
18714   align-items: stretch !important;
18715 }
18716 .align-self-flex-start {
18717   -webkit-align-self: flex-start !important;
18718   -ms-flex-item-align: start !important;
18719   align-self: flex-start !important;
18720 }
18721 .align-self-flex-end {
18722   -webkit-align-self: flex-end !important;
18723   -ms-flex-item-align: end !important;
18724   align-self: flex-end !important;
18725 }
18726 .align-self-center {
18727   -webkit-align-self: center !important;
18728   -ms-flex-item-align: center !important;
18729   align-self: center !important;
18730 }
18731 .align-self-stretch {
18732   -webkit-align-self: stretch !important;
18733   -ms-flex-item-align: stretch !important;
18734   align-self: stretch !important;
18735 }
18736 .text-align-left {
18737   text-align: left !important;
18738 }
18739 .text-align-center {
18740   text-align: center !important;
18741 }
18742 .text-align-right {
18743   text-align: right !important;
18744 }
18745 .text-align-justify {
18746   text-align: justify !important;
18747 }
18748 .float-left {
18749   float: left !important;
18750 }
18751 .float-right {
18752   float: right !important;
18753 }
18754 .float-none {
18755   float: none !important;
18756 }
18757 .vertical-align-bottom {
18758   vertical-align: bottom !important;
18759 }
18760 .vertical-align-middle {
18761   vertical-align: middle !important;
18762 }
18763 .vertical-align-top {
18764   vertical-align: top !important;
18765 }
18766 .no-padding {
18767   padding: 0 !important;
18768 }
18769 .no-padding-left {
18770   padding-left: 0 !important;
18771 }
18772 .no-padding-right {
18773   padding-right: 0 !important;
18774 }
18775 .no-padding-top {
18776   padding-top: 0 !important;
18777 }
18778 .no-padding-bottom {
18779   padding-bottom: 0 !important;
18780 }
18781 .no-margin {
18782   margin: 0 !important;
18783 }
18784 .no-margin-left {
18785   margin-left: 0 !important;
18786 }
18787 .no-margin-right {
18788   margin-right: 0 !important;
18789 }
18790 .no-margin-top {
18791   margin-top: 0 !important;
18792 }
18793 .no-margin-bottom {
18794   margin-bottom: 0 !important;
18795 }
18796 .width-auto {
18797   width: auto !important;
18798 }
18799 .width-100 {
18800   width: 100% !important;
18801 }
18802 .md .padding {
18803   padding: 16px !important;
18804 }
18805 .md .padding-top {
18806   padding-top: 16px !important;
18807 }
18808 .md .padding-bottom {
18809   padding-bottom: 16px !important;
18810 }
18811 .md .padding-left {
18812   padding-left: 16px !important;
18813 }
18814 .md .padding-right {
18815   padding-right: 16px !important;
18816 }
18817 .md .padding-vertical {
18818   padding-top: 16px !important;
18819   padding-bottom: 16px !important;
18820 }
18821 .md .padding-horizontal {
18822   padding-left: 16px !important;
18823   padding-right: 16px !important;
18824 }
18825 .md .margin {
18826   margin: 16px !important;
18827 }
18828 .md .margin-top {
18829   margin-top: 16px !important;
18830 }
18831 .md .margin-bottom {
18832   margin-bottom: 16px !important;
18833 }
18834 .md .margin-left {
18835   margin-left: 16px !important;
18836 }
18837 .md .margin-right {
18838   margin-right: 16px !important;
18839 }
18840 .md .margin-vertical {
18841   margin-top: 16px !important;
18842   margin-bottom: 16px !important;
18843 }
18844 .md .margin-horizontal {
18845   margin-left: 16px !important;
18846   margin-right: 16px !important;
18847 }
18848 .md .text-color-red {
18849   color: #f44336 !important;
18850 }
18851 .md .bg-color-red {
18852   background-color: #f44336 !important;
18853 }
18854 .md .border-color-red {
18855   border-color: #f44336 !important;
18856 }
18857 .md .text-color-green {
18858   color: #4caf50 !important;
18859 }
18860 .md .bg-color-green {
18861   background-color: #4caf50 !important;
18862 }
18863 .md .border-color-green {
18864   border-color: #4caf50 !important;
18865 }
18866 .md .text-color-blue {
18867   color: #2196f3 !important;
18868 }
18869 .md .bg-color-blue {
18870   background-color: #2196f3 !important;
18871 }
18872 .md .border-color-blue {
18873   border-color: #2196f3 !important;
18874 }
18875 .md .text-color-pink {
18876   color: #e91e63 !important;
18877 }
18878 .md .bg-color-pink {
18879   background-color: #e91e63 !important;
18880 }
18881 .md .border-color-pink {
18882   border-color: #e91e63 !important;
18883 }
18884 .md .text-color-yellow {
18885   color: #ffeb3b !important;
18886 }
18887 .md .bg-color-yellow {
18888   background-color: #ffeb3b !important;
18889 }
18890 .md .border-color-yellow {
18891   border-color: #ffeb3b !important;
18892 }
18893 .md .text-color-orange {
18894   color: #ff9800 !important;
18895 }
18896 .md .bg-color-orange {
18897   background-color: #ff9800 !important;
18898 }
18899 .md .border-color-orange {
18900   border-color: #ff9800 !important;
18901 }
18902 .md .text-color-gray {
18903   color: #9e9e9e !important;
18904 }
18905 .md .bg-color-gray {
18906   background-color: #9e9e9e !important;
18907 }
18908 .md .border-color-gray {
18909   border-color: #9e9e9e !important;
18910 }
18911 .md .text-color-white {
18912   color: #ffffff !important;
18913 }
18914 .md .bg-color-white {
18915   background-color: #ffffff !important;
18916 }
18917 .md .border-color-white {
18918   border-color: #ffffff !important;
18919 }
18920 .md .text-color-black {
18921   color: #000000 !important;
18922 }
18923 .md .bg-color-black {
18924   background-color: #000000 !important;
18925 }
18926 .md .border-color-black {
18927   border-color: #000000 !important;
18928 }