framework7/css/framework7-lazy.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 body,
  14 .framework7-root {
  15   position: relative;
  16   height: 100%;
  17   width: 100%;
  18   overflow-x: hidden;
  19 }
  20 body {
  21   margin: 0;
  22   padding: 0;
  23   font-size: 14px;
  24   width: 100%;
  25   background: #fff;
  26   overflow: hidden;
  27   -webkit-text-size-adjust: 100%;
  28   -webkit-font-smoothing: antialiased;
  29 }
  30 .framework7-root {
  31   overflow: hidden;
  32   -webkit-box-sizing: border-box;
  33   box-sizing: border-box;
  34 }
  35 .framework7-initializing *,
  36 .framework7-initializing *:before,
  37 .framework7-initializing *:after {
  38   -webkit-transition-duration: 0ms !important;
  39   transition-duration: 0ms !important;
  40 }
  41 /*
  42 a, button, input, textarea, .link, .button, label, .sortable-handler {
  43   touch-action: manipulation;
  44   -ms-touch-action: manipulation;
  45 }
  46 */
  47 @media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  48   html,
  49   body,
  50   .framework7-root {
  51     height: 671px;
  52   }
  53 }
  54 @media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  55   html,
  56   body,
  57   .framework7-root {
  58     height: 672px;
  59   }
  60 }
  61 * {
  62   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  63   -webkit-touch-callout: none;
  64 }
  65 a,
  66 input,
  67 textarea,
  68 select {
  69   outline: 0;
  70 }
  71 a {
  72   cursor: pointer;
  73   text-decoration: none;
  74 }
  75 p {
  76   margin: 1em 0;
  77 }
  78 .disabled {
  79   opacity: 0.55 !important;
  80   pointer-events: none !important;
  81 }
  82 .ios body {
  83   font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif;
  84   color: #000;
  85   line-height: 1.4;
  86 }
  87 .ios .md-only,
  88 .ios .if-md {
  89   display: none !important;
  90 }
  91 .ios a {
  92   color: #007aff;
  93 }
  94 @media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  95   .ios,
  96   .ios body,
  97   .ios .framework7-root {
  98     height: 671px;
  99   }
 100 }
 101 @media (width: 1024px) and (height: 692px) and (orientation: landscape) {
 102   .ios,
 103   .ios body,
 104   .ios .framework7-root {
 105     height: 672px;
 106   }
 107 }
 108 .ios .theme-dark {
 109   color: #fff;
 110 }
 111 .ios .color-theme-red a {
 112   color: #ff3b30;
 113 }
 114 .ios .color-theme-green a {
 115   color: #4cd964;
 116 }
 117 .ios .color-theme-blue a {
 118   color: #007aff;
 119 }
 120 .ios .color-theme-pink a {
 121   color: #ff2d55;
 122 }
 123 .ios .color-theme-yellow a {
 124   color: #ffcc00;
 125 }
 126 .ios .color-theme-orange a {
 127   color: #ff9500;
 128 }
 129 .ios .color-theme-gray a {
 130   color: #8e8e93;
 131 }
 132 .ios .color-theme-white a {
 133   color: #ffffff;
 134 }
 135 .ios .color-theme-black a {
 136   color: #000000;
 137 }
 138 .ios a.color-red {
 139   color: #ff3b30;
 140 }
 141 .ios a.color-green {
 142   color: #4cd964;
 143 }
 144 .ios a.color-blue {
 145   color: #007aff;
 146 }
 147 .ios a.color-pink {
 148   color: #ff2d55;
 149 }
 150 .ios a.color-yellow {
 151   color: #ffcc00;
 152 }
 153 .ios a.color-orange {
 154   color: #ff9500;
 155 }
 156 .ios a.color-gray {
 157   color: #8e8e93;
 158 }
 159 .ios a.color-white {
 160   color: #ffffff;
 161 }
 162 .ios a.color-black {
 163   color: #000000;
 164 }
 165 .md body {
 166   font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
 167   color: #212121;
 168   line-height: 1.5;
 169 }
 170 .md .ios-only,
 171 .md .if-ios {
 172   display: none !important;
 173 }
 174 .md a {
 175   color: #2196f3;
 176 }
 177 .md .theme-dark {
 178   color: rgba(255, 255, 255, 0.87);
 179 }
 180 .md .color-theme-red a {
 181   color: #f44336;
 182 }
 183 .md .color-theme-green a {
 184   color: #4caf50;
 185 }
 186 .md .color-theme-blue a {
 187   color: #2196f3;
 188 }
 189 .md .color-theme-pink a {
 190   color: #e91e63;
 191 }
 192 .md .color-theme-yellow a {
 193   color: #ffeb3b;
 194 }
 195 .md .color-theme-orange a {
 196   color: #ff9800;
 197 }
 198 .md .color-theme-gray a {
 199   color: #9e9e9e;
 200 }
 201 .md .color-theme-white a {
 202   color: #ffffff;
 203 }
 204 .md .color-theme-black a {
 205   color: #000000;
 206 }
 207 .md a.color-red {
 208   color: #f44336;
 209 }
 210 .md a.color-green {
 211   color: #4caf50;
 212 }
 213 .md a.color-blue {
 214   color: #2196f3;
 215 }
 216 .md a.color-pink {
 217   color: #e91e63;
 218 }
 219 .md a.color-yellow {
 220   color: #ffeb3b;
 221 }
 222 .md a.color-orange {
 223   color: #ff9800;
 224 }
 225 .md a.color-gray {
 226   color: #9e9e9e;
 227 }
 228 .md a.color-white {
 229   color: #ffffff;
 230 }
 231 .md a.color-black {
 232   color: #000000;
 233 }
 234 /* === Statusbar === */
 235 .statusbar {
 236   position: absolute;
 237   left: 0;
 238   top: 0;
 239   width: 100%;
 240   z-index: 10000;
 241   -webkit-box-sizing: border-box;
 242   box-sizing: border-box;
 243   display: none;
 244 }
 245 html.device-ios .statusbar,
 246 html.ios:not(.device-ios):not(.device-android) .statusbar {
 247   height: 20px;
 248 }
 249 html.device-android .statusbar,
 250 html.md:not(.device-ios):not(.device-android) .statusbar {
 251   height: 24px;
 252 }
 253 html.device-ios.device-iphone-x .statusbar {
 254   height: constant(safe-area-inset-top);
 255   height: env(safe-area-inset-top);
 256 }
 257 html.with-statusbar .statusbar {
 258   display: block;
 259 }
 260 html.with-statusbar.device-ios .framework7-root,
 261 html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root {
 262   padding-top: 20px;
 263 }
 264 html.with-statusbar.device-android .framework7-root,
 265 html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root {
 266   padding-top: 24px;
 267 }
 268 html.with-statusbar.device-iphone-x .framework7-root {
 269   padding-top: constant(safe-area-inset-top);
 270   padding-top: env(safe-area-inset-top);
 271 }
 272 .ios .statusbar {
 273   background: #f7f7f8;
 274 }
 275 .ios .theme-dark .statusbar {
 276   background-color: #1b1b1b;
 277 }
 278 .md .statusbar {
 279   background: #0a6ebd;
 280 }
 281 .md .color-theme-red .statusbar {
 282   background: #d2190b;
 283 }
 284 .md .color-theme-green .statusbar {
 285   background: #357a38;
 286 }
 287 .md .color-theme-blue .statusbar {
 288   background: #0a6ebd;
 289 }
 290 .md .color-theme-pink .statusbar {
 291   background: #aa1145;
 292 }
 293 .md .color-theme-yellow .statusbar {
 294   background: #eed500;
 295 }
 296 .md .color-theme-orange .statusbar {
 297   background: #b36a00;
 298 }
 299 .md .color-theme-gray .statusbar {
 300   background: #787878;
 301 }
 302 .md .color-theme-white .statusbar {
 303   background: #d9d9d9;
 304 }
 305 .md .color-theme-black .statusbar {
 306   background: #000000;
 307 }
 308 /* === Views === */
 309 .views,
 310 .view {
 311   position: relative;
 312   height: 100%;
 313   z-index: 5000;
 314   overflow: hidden;
 315   -webkit-box-sizing: border-box;
 316   box-sizing: border-box;
 317 }
 318 /* === Pages === */
 319 .pages {
 320   position: relative;
 321   width: 100%;
 322   height: 100%;
 323   overflow: hidden;
 324 }
 325 .page {
 326   -webkit-box-sizing: border-box;
 327   box-sizing: border-box;
 328   position: absolute;
 329   left: 0;
 330   top: 0;
 331   width: 100%;
 332   height: 100%;
 333   -webkit-transform: translate3d(0, 0, 0);
 334   transform: translate3d(0, 0, 0);
 335 }
 336 .page.stacked {
 337   display: none;
 338 }
 339 .page-previous {
 340   pointer-events: none;
 341 }
 342 .page-content {
 343   overflow: auto;
 344   -webkit-overflow-scrolling: touch;
 345   -webkit-box-sizing: border-box;
 346   box-sizing: border-box;
 347   height: 100%;
 348   position: relative;
 349   z-index: 1;
 350 }
 351 .ios .page-shadow-effect {
 352   position: absolute;
 353   top: 0;
 354   width: 16px;
 355   bottom: 0;
 356   z-index: -1;
 357   content: '';
 358   opacity: 0;
 359   right: 100%;
 360   background: -webkit-gradient(linear, left top, right 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)));
 361   background: -webkit-linear-gradient(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%);
 362   background: linear-gradient(to 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%);
 363 }
 364 .ios .page-opacity-effect {
 365   position: absolute;
 366   left: 0;
 367   top: 0;
 368   background: rgba(0, 0, 0, 0.1);
 369   width: 100%;
 370   bottom: 0;
 371   content: '';
 372   opacity: 0;
 373   z-index: 10000;
 374 }
 375 .ios .router-dynamic-navbar-inside .page-shadow-effect,
 376 .ios .router-dynamic-navbar-inside .page-opacity-effect {
 377   top: 44px;
 378 }
 379 .ios .page {
 380   background: #efeff4;
 381 }
 382 .ios .page-previous {
 383   -webkit-transform: translate3d(-20%, 0, 0);
 384   transform: translate3d(-20%, 0, 0);
 385 }
 386 .ios .page-next {
 387   -webkit-transform: translate3d(100%, 0, 0);
 388   transform: translate3d(100%, 0, 0);
 389 }
 390 .ios .page-previous .page-opacity-effect {
 391   opacity: 1;
 392 }
 393 .ios .page-previous:after {
 394   opacity: 1;
 395 }
 396 .ios .page-current .page-shadow-effect {
 397   opacity: 1;
 398 }
 399 .ios .page-transitioning,
 400 .ios .page-transitioning .page-shadow-effect,
 401 .ios .page-transitioning .page-opacity-effect {
 402   -webkit-transition-duration: 400ms;
 403   transition-duration: 400ms;
 404 }
 405 .ios .router-transition-forward .page-next,
 406 .ios .router-transition-backward .page-next,
 407 .ios .router-transition-forward .page-current,
 408 .ios .router-transition-backward .page-current,
 409 .ios .router-transition-forward .page-previous:not(.stacked),
 410 .ios .router-transition-backward .page-previous:not(.stacked) {
 411   pointer-events: none;
 412 }
 413 .ios .router-transition-css-forward .page-next {
 414   -webkit-animation: ios-page-next-to-current 400ms forwards;
 415   animation: ios-page-next-to-current 400ms forwards;
 416 }
 417 .ios .router-transition-css-forward .page-next:before {
 418   position: absolute;
 419   top: 0;
 420   width: 16px;
 421   bottom: 0;
 422   z-index: -1;
 423   content: '';
 424   opacity: 0;
 425   right: 100%;
 426   background: -webkit-gradient(linear, left top, right 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)));
 427   background: -webkit-linear-gradient(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%);
 428   background: linear-gradient(to 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%);
 429   -webkit-animation: ios-page-next-to-current-shadow 400ms forwards;
 430   animation: ios-page-next-to-current-shadow 400ms forwards;
 431 }
 432 .ios .router-transition-css-forward .page-current {
 433   -webkit-animation: ios-page-current-to-previous 400ms forwards;
 434   animation: ios-page-current-to-previous 400ms forwards;
 435 }
 436 .ios .router-transition-css-forward .page-current:after {
 437   position: absolute;
 438   left: 0;
 439   top: 0;
 440   background: rgba(0, 0, 0, 0.1);
 441   width: 100%;
 442   bottom: 0;
 443   content: '';
 444   opacity: 0;
 445   z-index: 10000;
 446   -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards;
 447   animation: ios-page-current-to-previous-opacity 400ms forwards;
 448 }
 449 .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before,
 450 .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after {
 451   top: 44px;
 452 }
 453 .ios .router-transition-css-backward .page-previous,
 454 .ios .router-transition-css-backward .page-current {
 455   pointer-events: none;
 456 }
 457 .ios .router-transition-css-backward .page-previous {
 458   -webkit-animation: ios-page-previous-to-current 400ms forwards;
 459   animation: ios-page-previous-to-current 400ms forwards;
 460 }
 461 .ios .router-transition-css-backward .page-previous:after {
 462   position: absolute;
 463   left: 0;
 464   top: 0;
 465   background: rgba(0, 0, 0, 0.1);
 466   width: 100%;
 467   bottom: 0;
 468   content: '';
 469   opacity: 0;
 470   z-index: 10000;
 471   -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards;
 472   animation: ios-page-previous-to-current-opacity 400ms forwards;
 473 }
 474 .ios .router-transition-css-backward .page-current {
 475   -webkit-animation: ios-page-current-to-next 400ms forwards;
 476   animation: ios-page-current-to-next 400ms forwards;
 477 }
 478 .ios .router-transition-css-backward .page-current:before {
 479   position: absolute;
 480   top: 0;
 481   width: 16px;
 482   bottom: 0;
 483   z-index: -1;
 484   content: '';
 485   opacity: 0;
 486   right: 100%;
 487   background: -webkit-gradient(linear, left top, right 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)));
 488   background: -webkit-linear-gradient(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%);
 489   background: linear-gradient(to 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%);
 490   -webkit-animation: ios-page-current-to-next-shadow 400ms forwards;
 491   animation: ios-page-current-to-next-shadow 400ms forwards;
 492 }
 493 .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,
 494 .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after {
 495   top: 44px;
 496 }
 497 .ios .theme-dark .page,
 498 .page.ios .theme-dark {
 499   background: #171717;
 500 }
 501 @-webkit-keyframes ios-page-next-to-current {
 502   from {
 503     -webkit-transform: translate3d(100%, 0, 0);
 504     transform: translate3d(100%, 0, 0);
 505   }
 506   to {
 507     -webkit-transform: translate3d(0%, 0, 0);
 508     transform: translate3d(0%, 0, 0);
 509   }
 510 }
 511 @keyframes ios-page-next-to-current {
 512   from {
 513     -webkit-transform: translate3d(100%, 0, 0);
 514     transform: translate3d(100%, 0, 0);
 515   }
 516   to {
 517     -webkit-transform: translate3d(0%, 0, 0);
 518     transform: translate3d(0%, 0, 0);
 519   }
 520 }
 521 @-webkit-keyframes ios-page-previous-to-current {
 522   from {
 523     -webkit-transform: translate3d(-20%, 0, 0);
 524     transform: translate3d(-20%, 0, 0);
 525   }
 526   to {
 527     -webkit-transform: translate3d(0%, 0, 0);
 528     transform: translate3d(0%, 0, 0);
 529   }
 530 }
 531 @keyframes ios-page-previous-to-current {
 532   from {
 533     -webkit-transform: translate3d(-20%, 0, 0);
 534     transform: translate3d(-20%, 0, 0);
 535   }
 536   to {
 537     -webkit-transform: translate3d(0%, 0, 0);
 538     transform: translate3d(0%, 0, 0);
 539   }
 540 }
 541 @-webkit-keyframes ios-page-current-to-previous {
 542   from {
 543     -webkit-transform: translate3d(0, 0, 0);
 544     transform: translate3d(0, 0, 0);
 545   }
 546   to {
 547     -webkit-transform: translate3d(-20%, 0, 0);
 548     transform: translate3d(-20%, 0, 0);
 549   }
 550 }
 551 @keyframes ios-page-current-to-previous {
 552   from {
 553     -webkit-transform: translate3d(0, 0, 0);
 554     transform: translate3d(0, 0, 0);
 555   }
 556   to {
 557     -webkit-transform: translate3d(-20%, 0, 0);
 558     transform: translate3d(-20%, 0, 0);
 559   }
 560 }
 561 @-webkit-keyframes ios-page-current-to-next {
 562   from {
 563     -webkit-transform: translate3d(0, 0, 0);
 564     transform: translate3d(0, 0, 0);
 565   }
 566   to {
 567     -webkit-transform: translate3d(100%, 0, 0);
 568     transform: translate3d(100%, 0, 0);
 569   }
 570 }
 571 @keyframes ios-page-current-to-next {
 572   from {
 573     -webkit-transform: translate3d(0, 0, 0);
 574     transform: translate3d(0, 0, 0);
 575   }
 576   to {
 577     -webkit-transform: translate3d(100%, 0, 0);
 578     transform: translate3d(100%, 0, 0);
 579   }
 580 }
 581 @-webkit-keyframes ios-page-next-to-current-shadow {
 582   from {
 583     opacity: 0;
 584   }
 585   to {
 586     opacity: 1;
 587   }
 588 }
 589 @keyframes ios-page-next-to-current-shadow {
 590   from {
 591     opacity: 0;
 592   }
 593   to {
 594     opacity: 1;
 595   }
 596 }
 597 @-webkit-keyframes ios-page-previous-to-current-opacity {
 598   from {
 599     opacity: 1;
 600   }
 601   to {
 602     opacity: 0;
 603   }
 604 }
 605 @keyframes ios-page-previous-to-current-opacity {
 606   from {
 607     opacity: 1;
 608   }
 609   to {
 610     opacity: 0;
 611   }
 612 }
 613 @-webkit-keyframes ios-page-current-to-previous-opacity {
 614   from {
 615     opacity: 0;
 616   }
 617   to {
 618     opacity: 1;
 619   }
 620 }
 621 @keyframes ios-page-current-to-previous-opacity {
 622   from {
 623     opacity: 0;
 624   }
 625   to {
 626     opacity: 1;
 627   }
 628 }
 629 @-webkit-keyframes ios-page-current-to-next-shadow {
 630   from {
 631     opacity: 1;
 632   }
 633   to {
 634     opacity: 0;
 635   }
 636 }
 637 @keyframes ios-page-current-to-next-shadow {
 638   from {
 639     opacity: 1;
 640   }
 641   to {
 642     opacity: 0;
 643   }
 644 }
 645 .md .page-shadow-effect {
 646   position: absolute;
 647   top: 0;
 648   width: 16px;
 649   bottom: 0;
 650   z-index: -1;
 651   content: '';
 652   opacity: 0;
 653   right: 100%;
 654   background: -webkit-gradient(linear, left top, right 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)));
 655   background: -webkit-linear-gradient(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%);
 656   background: linear-gradient(to 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%);
 657 }
 658 .md .page-opacity-effect {
 659   position: absolute;
 660   left: 0;
 661   top: 0;
 662   background: rgba(0, 0, 0, 0.1);
 663   width: 100%;
 664   bottom: 0;
 665   content: '';
 666   opacity: 0;
 667   z-index: 10000;
 668 }
 669 .md .page {
 670   background: #fff;
 671 }
 672 .md .page-next {
 673   -webkit-transform: translate3d(0, 56px, 0);
 674   transform: translate3d(0, 56px, 0);
 675   opacity: 0;
 676   pointer-events: none;
 677 }
 678 .md .page-next.page-next-on-right {
 679   -webkit-transform: translate3d(100%, 0, 0);
 680   transform: translate3d(100%, 0, 0);
 681 }
 682 .md .page-transitioning,
 683 .md .page-transitioning .page-shadow-effect,
 684 .md .page-transitioning .page-opacity-effect {
 685   -webkit-transition-duration: 250ms;
 686   transition-duration: 250ms;
 687 }
 688 .md .page-transitioning-swipeback,
 689 .md .page-transitioning-swipeback .page-shadow-effect,
 690 .md .page-transitioning-swipeback .page-opacity-effect {
 691   -webkit-transition-duration: 400ms;
 692   transition-duration: 400ms;
 693 }
 694 .md .router-transition-forward .page,
 695 .md .router-transition-backward .page {
 696   pointer-events: none;
 697 }
 698 .md .router-transition-css-forward .page-next {
 699   -webkit-animation: md-page-next-to-current 250ms forwards;
 700   animation: md-page-next-to-current 250ms forwards;
 701 }
 702 .md .router-transition-css-forward .page-current {
 703   -webkit-animation: none;
 704   animation: none;
 705 }
 706 .md .router-transition-css-backward .page-current {
 707   -webkit-animation: md-page-current-to-next 250ms forwards;
 708   animation: md-page-current-to-next 250ms forwards;
 709 }
 710 .md .router-transition-css-backward .page-previous {
 711   -webkit-animation: none;
 712   animation: none;
 713 }
 714 .md .theme-dark .page,
 715 .page.md .theme-dark {
 716   background: #171717;
 717 }
 718 @-webkit-keyframes md-page-next-to-current {
 719   from {
 720     -webkit-transform: translate3d(0, 56px, 0);
 721     transform: translate3d(0, 56px, 0);
 722     opacity: 0;
 723   }
 724   to {
 725     -webkit-transform: translate3d(0, 0px, 0);
 726     transform: translate3d(0, 0px, 0);
 727     opacity: 1;
 728   }
 729 }
 730 @keyframes md-page-next-to-current {
 731   from {
 732     -webkit-transform: translate3d(0, 56px, 0);
 733     transform: translate3d(0, 56px, 0);
 734     opacity: 0;
 735   }
 736   to {
 737     -webkit-transform: translate3d(0, 0px, 0);
 738     transform: translate3d(0, 0px, 0);
 739     opacity: 1;
 740   }
 741 }
 742 @-webkit-keyframes md-page-current-to-next {
 743   from {
 744     -webkit-transform: translate3d(0, 0, 0);
 745     transform: translate3d(0, 0, 0);
 746     opacity: 1;
 747   }
 748   to {
 749     -webkit-transform: translate3d(0, 56px, 0);
 750     transform: translate3d(0, 56px, 0);
 751     opacity: 0;
 752   }
 753 }
 754 @keyframes md-page-current-to-next {
 755   from {
 756     -webkit-transform: translate3d(0, 0, 0);
 757     transform: translate3d(0, 0, 0);
 758     opacity: 1;
 759   }
 760   to {
 761     -webkit-transform: translate3d(0, 56px, 0);
 762     transform: translate3d(0, 56px, 0);
 763     opacity: 0;
 764   }
 765 }
 766 /* === Link === */
 767 .link,
 768 .tab-link {
 769   display: -webkit-inline-box;
 770   display: -webkit-inline-flex;
 771   display: -ms-inline-flexbox;
 772   display: inline-flex;
 773   -webkit-box-align: center;
 774   -webkit-align-items: center;
 775   -ms-flex-align: center;
 776   align-items: center;
 777   -webkit-align-content: center;
 778   -ms-flex-line-pack: center;
 779   align-content: center;
 780   -webkit-box-pack: center;
 781   -webkit-justify-content: center;
 782   -ms-flex-pack: center;
 783   justify-content: center;
 784   position: relative;
 785   -webkit-box-sizing: border-box;
 786   box-sizing: border-box;
 787   -webkit-transform: translate3d(0, 0, 0);
 788   transform: translate3d(0, 0, 0);
 789   z-index: 1;
 790 }
 791 .ios .link {
 792   -webkit-transition: opacity 300ms;
 793   transition: opacity 300ms;
 794 }
 795 .ios .link i + span,
 796 .ios .link i + i,
 797 .ios .link span + i,
 798 .ios .link span + span {
 799   margin-left: 7px;
 800 }
 801 .ios .link.active-state {
 802   opacity: 0.3;
 803   -webkit-transition-duration: 0ms;
 804   transition-duration: 0ms;
 805 }
 806 .md .link i + span,
 807 .md .link i + i,
 808 .md .link span + i,
 809 .md .link span + span {
 810   margin-left: 8px;
 811 }
 812 /* === Navbar === */
 813 .navbar {
 814   position: relative;
 815   left: 0;
 816   top: 0;
 817   width: 100%;
 818   z-index: 500;
 819   -webkit-backface-visibility: hidden;
 820   backface-visibility: hidden;
 821   -webkit-box-sizing: border-box;
 822   box-sizing: border-box;
 823   margin: 0;
 824   -webkit-transform: translate3d(0, 0, 0);
 825   transform: translate3d(0, 0, 0);
 826 }
 827 .navbar b {
 828   font-weight: 500;
 829 }
 830 .navbar a.link {
 831   display: -webkit-box;
 832   display: -webkit-flex;
 833   display: -ms-flexbox;
 834   display: flex;
 835 }
 836 .navbar .title,
 837 .navbar .left,
 838 .navbar .right {
 839   position: relative;
 840   z-index: 1;
 841 }
 842 .navbar .title {
 843   text-align: center;
 844   position: relative;
 845   overflow: hidden;
 846   text-overflow: ellipsis;
 847   white-space: nowrap;
 848   -webkit-flex-shrink: 10;
 849   -ms-flex-negative: 10;
 850   flex-shrink: 10;
 851   font-weight: 500;
 852   display: inline-block;
 853 }
 854 .navbar .subtitle {
 855   display: block;
 856 }
 857 .navbar .left,
 858 .navbar .right {
 859   -webkit-flex-shrink: 0;
 860   -ms-flex-negative: 0;
 861   flex-shrink: 0;
 862   display: -webkit-box;
 863   display: -webkit-flex;
 864   display: -ms-flexbox;
 865   display: flex;
 866   -webkit-box-pack: start;
 867   -webkit-justify-content: flex-start;
 868   -ms-flex-pack: start;
 869   justify-content: flex-start;
 870   -webkit-box-align: center;
 871   -webkit-align-items: center;
 872   -ms-flex-align: center;
 873   align-items: center;
 874   -webkit-transform: translate3d(0, 0, 0);
 875   transform: translate3d(0, 0, 0);
 876 }
 877 .navbar .right:first-child {
 878   position: absolute;
 879   height: 100%;
 880 }
 881 .navbar-inner {
 882   position: absolute;
 883   left: 0;
 884   top: 0;
 885   width: 100%;
 886   height: 100%;
 887   display: -webkit-box;
 888   display: -webkit-flex;
 889   display: -ms-flexbox;
 890   display: flex;
 891   -webkit-box-align: center;
 892   -webkit-align-items: center;
 893   -ms-flex-align: center;
 894   align-items: center;
 895   -webkit-box-sizing: border-box;
 896   box-sizing: border-box;
 897 }
 898 .navbar-inner.stacked {
 899   display: none;
 900 }
 901 .views > .navbar,
 902 .view > .navbar,
 903 .page > .navbar {
 904   position: absolute;
 905 }
 906 .ios .navbar {
 907   height: 44px;
 908   font-size: 17px;
 909   background: #f7f7f8;
 910 }
 911 .ios .navbar.no-hairline:after {
 912   display: none !important;
 913 }
 914 .ios .navbar:after {
 915   -webkit-backface-visibility: hidden;
 916   backface-visibility: hidden;
 917 }
 918 .ios .navbar a.link {
 919   -webkit-box-pack: start;
 920   -webkit-justify-content: flex-start;
 921   -ms-flex-pack: start;
 922   justify-content: flex-start;
 923   line-height: 44px;
 924   height: 44px;
 925 }
 926 .ios .navbar a.icon-only {
 927   width: 44px;
 928   margin: 0;
 929   -webkit-box-pack: center;
 930   -webkit-justify-content: center;
 931   -ms-flex-pack: center;
 932   justify-content: center;
 933 }
 934 .ios .navbar .title {
 935   font-size: 17px;
 936   margin: 0;
 937   line-height: 1.2;
 938 }
 939 .ios .navbar .subtitle {
 940   color: #6d6d72;
 941   line-height: 1;
 942   font-size: 10px;
 943   text-align: center;
 944   font-weight: normal;
 945 }
 946 .ios .navbar .left a + a,
 947 .ios .navbar .right a + a {
 948   margin-left: 15px;
 949 }
 950 .ios .navbar b,
 951 .ios .navbar .title {
 952   font-weight: 600;
 953 }
 954 .ios .navbar .left {
 955   margin-right: 10px;
 956 }
 957 .ios .navbar .right {
 958   margin-left: 10px;
 959 }
 960 .ios .navbar .right:first-child {
 961   right: 8px;
 962 }
 963 .ios .navbar:after {
 964   content: '';
 965   position: absolute;
 966   background-color: #c4c4c4;
 967   display: block;
 968   z-index: 15;
 969   top: auto;
 970   right: auto;
 971   bottom: 0;
 972   left: 0;
 973   height: 1px;
 974   width: 100%;
 975   -webkit-transform-origin: 50% 100%;
 976   transform-origin: 50% 100%;
 977 }
 978 .ios.device-pixel-ratio-2 .navbar:after {
 979   -webkit-transform: scaleY(0.5);
 980   transform: scaleY(0.5);
 981 }
 982 .ios.device-pixel-ratio-3 .navbar:after {
 983   -webkit-transform: scaleY(0.33);
 984   transform: scaleY(0.33);
 985 }
 986 .ios .navbar-inner {
 987   -webkit-box-pack: justify;
 988   -webkit-justify-content: space-between;
 989   -ms-flex-pack: justify;
 990   justify-content: space-between;
 991   padding: 0 8px;
 992 }
 993 .ios .navbar ~ *:not(.no-navbar) .page-content,
 994 .ios .navbar ~ .page-content {
 995   padding-top: 44px;
 996 }
 997 .ios .navbar-previous {
 998   pointer-events: none;
 999 }
1000 .ios .navbar-previous .left,
1001 .ios .navbar-previous .right,
1002 .ios .navbar-previous > .title,
1003 .ios .navbar-previous .subnavbar,
1004 .ios .navbar-previous .fading {
1005   opacity: 0;
1006 }
1007 .ios .navbar-previous .sliding {
1008   opacity: 0;
1009 }
1010 .ios .navbar-previous .subnavbar.sliding,
1011 .ios .navbar-previous.sliding .subnavbar {
1012   opacity: 1;
1013   -webkit-transform: translate3d(-100%, 0, 0);
1014   transform: translate3d(-100%, 0, 0);
1015 }
1016 .ios .navbar-next {
1017   pointer-events: none;
1018 }
1019 .ios .navbar-next .left,
1020 .ios .navbar-next .right,
1021 .ios .navbar-next > .title,
1022 .ios .navbar-next .subnavbar,
1023 .ios .navbar-next .fading {
1024   opacity: 0;
1025 }
1026 .ios .navbar-next .sliding {
1027   opacity: 0;
1028 }
1029 .ios .navbar-next.sliding .left,
1030 .ios .navbar-next.sliding .right,
1031 .ios .navbar-next.sliding > .title,
1032 .ios .navbar-next.sliding .subnavbar {
1033   opacity: 0;
1034 }
1035 .ios .navbar-next .subnavbar.sliding,
1036 .ios .navbar-next.sliding .subnavbar {
1037   opacity: 1;
1038   -webkit-transform: translate3d(100%, 0, 0);
1039   transform: translate3d(100%, 0, 0);
1040 }
1041 .ios .navbar-transitioning {
1042   -webkit-transition-duration: 400ms;
1043   transition-duration: 400ms;
1044 }
1045 .ios .navbar-hidden {
1046   -webkit-transform: translate3d(0, -100%, 0);
1047   transform: translate3d(0, -100%, 0);
1048 }
1049 .ios .router-transition-css-forward .navbar-current .left,
1050 .ios .router-transition-css-backward .navbar-current .left,
1051 .ios .router-transition-css-forward .navbar-current > .title,
1052 .ios .router-transition-css-backward .navbar-current > .title,
1053 .ios .router-transition-css-forward .navbar-current .right,
1054 .ios .router-transition-css-backward .navbar-current .right,
1055 .ios .router-transition-css-forward .navbar-current .subnavbar,
1056 .ios .router-transition-css-backward .navbar-current .subnavbar {
1057   -webkit-animation: ios-navbar-element-fade-out 400ms forwards;
1058   animation: ios-navbar-element-fade-out 400ms forwards;
1059 }
1060 .ios .router-transition-css-forward .navbar-current .sliding,
1061 .ios .router-transition-css-backward .navbar-current .sliding,
1062 .ios .router-transition-css-forward .navbar-current .left.sliding .icon,
1063 .ios .router-transition-css-backward .navbar-current .left.sliding .icon,
1064 .ios .router-transition-css-forward .navbar-current.sliding .left,
1065 .ios .router-transition-css-backward .navbar-current.sliding .left,
1066 .ios .router-transition-css-forward .navbar-current.sliding .left .icon,
1067 .ios .router-transition-css-backward .navbar-current.sliding .left .icon,
1068 .ios .router-transition-css-forward .navbar-current.sliding > .title,
1069 .ios .router-transition-css-backward .navbar-current.sliding > .title,
1070 .ios .router-transition-css-forward .navbar-current.sliding .right,
1071 .ios .router-transition-css-backward .navbar-current.sliding .right {
1072   -webkit-transition-duration: 400ms;
1073   transition-duration: 400ms;
1074   opacity: 0 !important;
1075   -webkit-animation: none;
1076   animation: none;
1077 }
1078 .ios .router-transition-css-forward .navbar-current.sliding .subnavbar,
1079 .ios .router-transition-css-backward .navbar-current.sliding .subnavbar,
1080 .ios .router-transition-css-forward .navbar-current .sliding.subnavbar,
1081 .ios .router-transition-css-backward .navbar-current .sliding.subnavbar {
1082   -webkit-transition-duration: 400ms;
1083   transition-duration: 400ms;
1084   -webkit-animation: none;
1085   animation: none;
1086   opacity: 1;
1087 }
1088 .ios .router-transition-css-forward .navbar-next .left,
1089 .ios .router-transition-css-backward .navbar-previous .left,
1090 .ios .router-transition-css-forward .navbar-next > .title,
1091 .ios .router-transition-css-backward .navbar-previous > .title,
1092 .ios .router-transition-css-forward .navbar-next .right,
1093 .ios .router-transition-css-backward .navbar-previous .right,
1094 .ios .router-transition-css-forward .navbar-next .subnavbar,
1095 .ios .router-transition-css-backward .navbar-previous .subnavbar {
1096   -webkit-animation: ios-navbar-element-fade-in 400ms forwards;
1097   animation: ios-navbar-element-fade-in 400ms forwards;
1098 }
1099 .ios .router-transition-css-forward .navbar-next .sliding,
1100 .ios .router-transition-css-backward .navbar-previous .sliding,
1101 .ios .router-transition-css-forward .navbar-next .left.sliding .icon,
1102 .ios .router-transition-css-backward .navbar-previous .left.sliding .icon,
1103 .ios .router-transition-css-forward .navbar-next.sliding .left,
1104 .ios .router-transition-css-backward .navbar-previous.sliding .left,
1105 .ios .router-transition-css-forward .navbar-next.sliding .left .icon,
1106 .ios .router-transition-css-backward .navbar-previous.sliding .left .icon,
1107 .ios .router-transition-css-forward .navbar-next.sliding > .title,
1108 .ios .router-transition-css-backward .navbar-previous.sliding > .title,
1109 .ios .router-transition-css-forward .navbar-next.sliding .right,
1110 .ios .router-transition-css-backward .navbar-previous.sliding .right,
1111 .ios .router-transition-css-forward .navbar-next.sliding .subnavbar,
1112 .ios .router-transition-css-backward .navbar-previous.sliding .subnavbar {
1113   -webkit-transition-duration: 400ms;
1114   transition-duration: 400ms;
1115   -webkit-animation: none;
1116   animation: none;
1117   -webkit-transform: translate3d(0, 0, 0) !important;
1118   transform: translate3d(0, 0, 0) !important;
1119   opacity: 1 !important;
1120 }
1121 .ios .theme-dark .navbar,
1122 .navbar.ios .theme-dark {
1123   background: #1b1b1b;
1124 }
1125 .ios .theme-dark .navbar:after,
1126 .navbar.ios .theme-dark:after {
1127   background-color: #282829;
1128 }
1129 .ios .theme-dark .navbar .subtitle,
1130 .navbar.ios .theme-dark .subtitle {
1131   color: #8e8e93;
1132 }
1133 @media (orientation: landscape) {
1134   .ios.device-iphone-x .ios-left-edge .navbar-inner,
1135   .ios.device-iphone-x .ios-edges .navbar-inner,
1136   .ios.device-iphone-x .popup .navbar-inner,
1137   .ios.device-iphone-x .sheet-modal .navbar-inner,
1138   .ios.device-iphone-x .panel-left .navbar-inner {
1139     padding-left: calc(8px + constant(safe-area-inset-right));
1140     padding-left: calc(8px + env(safe-area-inset-right));
1141   }
1142   .ios.device-iphone-x .ios-right-edge .navbar-inner,
1143   .ios.device-iphone-x .ios-edges .navbar-inner,
1144   .ios.device-iphone-x .popup .navbar-inner,
1145   .ios.device-iphone-x .sheet-modal .navbar-inner,
1146   .ios.device-iphone-x .panel-right .navbar-inner {
1147     padding-right: calc(8px + constant(safe-area-inset-right));
1148     padding-right: calc(8px + env(safe-area-inset-right));
1149   }
1150 }
1151 @-webkit-keyframes ios-navbar-element-fade-in {
1152   from {
1153     opacity: 0;
1154   }
1155   to {
1156     opacity: 1;
1157   }
1158 }
1159 @keyframes ios-navbar-element-fade-in {
1160   from {
1161     opacity: 0;
1162   }
1163   to {
1164     opacity: 1;
1165   }
1166 }
1167 @-webkit-keyframes ios-navbar-element-fade-out {
1168   from {
1169     opacity: 1;
1170   }
1171   to {
1172     opacity: 0;
1173   }
1174 }
1175 @keyframes ios-navbar-element-fade-out {
1176   from {
1177     opacity: 1;
1178   }
1179   to {
1180     opacity: 0;
1181   }
1182 }
1183 .md .navbar {
1184   height: 56px;
1185   background: #2196f3;
1186   color: #fff;
1187   font-size: 20px;
1188 }
1189 .md .navbar:after {
1190   content: '';
1191   position: absolute;
1192   right: 0;
1193   width: 100%;
1194   top: 100%;
1195   bottom: auto;
1196   height: 10px;
1197   pointer-events: none;
1198   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)));
1199   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%);
1200   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%);
1201 }
1202 .md .navbar.no-shadow:after {
1203   display: none;
1204 }
1205 .md .navbar a {
1206   color: inherit;
1207 }
1208 .md .navbar a.link {
1209   -webkit-box-pack: center;
1210   -webkit-justify-content: center;
1211   -ms-flex-pack: center;
1212   justify-content: center;
1213   padding: 0 16px;
1214   min-width: 48px;
1215   height: 56px;
1216   line-height: 56px;
1217 }
1218 .md .navbar a.link:before {
1219   content: '';
1220   width: 152%;
1221   height: 152%;
1222   position: absolute;
1223   left: -26%;
1224   top: -26%;
1225   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1226   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1227   background-repeat: no-repeat;
1228   background-position: center;
1229   background-size: 100% 100%;
1230   opacity: 0;
1231   pointer-events: none;
1232   -webkit-transition-duration: 600ms;
1233   transition-duration: 600ms;
1234 }
1235 .md .navbar a.link.active-state:before {
1236   opacity: 1;
1237   -webkit-transition-duration: 150ms;
1238   transition-duration: 150ms;
1239 }
1240 .md .navbar a.icon-only {
1241   min-width: 0;
1242   -webkit-flex-shrink: 0;
1243   -ms-flex-negative: 0;
1244   flex-shrink: 0;
1245 }
1246 .md .navbar .title {
1247   margin: 0 16px;
1248   line-height: 1.2;
1249   text-align: left;
1250 }
1251 .md .navbar .subtitle {
1252   line-height: 1.2;
1253   font-size: 14px;
1254   font-weight: normal;
1255   color: rgba(255, 255, 255, 0.85);
1256 }
1257 .md .navbar .right {
1258   margin-left: auto;
1259 }
1260 .md .navbar .right:first-child {
1261   right: 16px;
1262 }
1263 .md .navbar-inner {
1264   -webkit-box-pack: start;
1265   -webkit-justify-content: flex-start;
1266   -ms-flex-pack: start;
1267   justify-content: flex-start;
1268   overflow: hidden;
1269 }
1270 .md .page-with-subnavbar .navbar-inner {
1271   overflow: visible;
1272 }
1273 .md .navbar ~ * .page-content,
1274 .md .navbar ~ .page-content {
1275   padding-top: 56px;
1276 }
1277 @media (min-width: 768px) {
1278   .md .navbar {
1279     height: 64px;
1280   }
1281   .md .navbar a.link {
1282     height: 64px;
1283     line-height: 64px;
1284   }
1285   .md .navbar ~ * .page-content,
1286   .md .navbar ~ .page-content {
1287     padding-top: 64px;
1288   }
1289 }
1290 .md .navbar-transitioning {
1291   -webkit-transition-duration: 400ms;
1292   transition-duration: 400ms;
1293 }
1294 .md .navbar-hidden {
1295   -webkit-transform: translate3d(0, -100%, 0);
1296   transform: translate3d(0, -100%, 0);
1297 }
1298 .md .navbar-hidden:after {
1299   display: none;
1300 }
1301 .md .color-theme-red .navbar,
1302 .md .color-theme-red.navbar {
1303   background: #f44336;
1304 }
1305 .md .color-theme-green .navbar,
1306 .md .color-theme-green.navbar {
1307   background: #4caf50;
1308 }
1309 .md .color-theme-blue .navbar,
1310 .md .color-theme-blue.navbar {
1311   background: #2196f3;
1312 }
1313 .md .color-theme-pink .navbar,
1314 .md .color-theme-pink.navbar {
1315   background: #e91e63;
1316 }
1317 .md .color-theme-yellow .navbar,
1318 .md .color-theme-yellow.navbar {
1319   background: #ffeb3b;
1320 }
1321 .md .color-theme-orange .navbar,
1322 .md .color-theme-orange.navbar {
1323   background: #ff9800;
1324 }
1325 .md .color-theme-gray .navbar,
1326 .md .color-theme-gray.navbar {
1327   background: #9e9e9e;
1328 }
1329 .md .color-theme-white .navbar,
1330 .md .color-theme-white.navbar {
1331   background: #ffffff;
1332 }
1333 .md .color-theme-black .navbar,
1334 .md .color-theme-black.navbar {
1335   background: #000000;
1336 }
1337 .md .navbar.color-red {
1338   background: #f44336;
1339 }
1340 .md .navbar.color-green {
1341   background: #4caf50;
1342 }
1343 .md .navbar.color-blue {
1344   background: #2196f3;
1345 }
1346 .md .navbar.color-pink {
1347   background: #e91e63;
1348 }
1349 .md .navbar.color-yellow {
1350   background: #ffeb3b;
1351 }
1352 .md .navbar.color-orange {
1353   background: #ff9800;
1354 }
1355 .md .navbar.color-gray {
1356   background: #9e9e9e;
1357 }
1358 .md .navbar.color-white {
1359   background: #ffffff;
1360 }
1361 .md .navbar.color-black {
1362   background: #000000;
1363 }
1364 @media (orientation: landscape) {
1365   .md.device-iphone-x .ios-left-edge .navbar-inner,
1366   .md.device-iphone-x .ios-edges .navbar-inner,
1367   .md.device-iphone-x .popup .navbar-inner,
1368   .md.device-iphone-x .sheet-modal .navbar-inner,
1369   .md.device-iphone-x .panel-left .navbar-inner {
1370     padding-left: constant(safe-area-inset-left);
1371     padding-left: env(safe-area-inset-left);
1372   }
1373   .md.device-iphone-x .ios-right-edge .navbar-inner,
1374   .md.device-iphone-x .ios-edges .navbar-inner,
1375   .md.device-iphone-x .popup .navbar-inner,
1376   .md.device-iphone-x .sheet-modal .navbar-inner,
1377   .md.device-iphone-x .panel-right .navbar-inner {
1378     padding-right: constant(safe-area-inset-right);
1379     padding-right: env(safe-area-inset-right);
1380   }
1381 }
1382 /* === Toolbar === */
1383 .toolbar {
1384   width: 100%;
1385   position: relative;
1386   margin: 0;
1387   -webkit-transform: translate3d(0, 0, 0);
1388   transform: translate3d(0, 0, 0);
1389   -webkit-backface-visibility: hidden;
1390   backface-visibility: hidden;
1391   z-index: 500;
1392   -webkit-box-sizing: border-box;
1393   box-sizing: border-box;
1394   left: 0;
1395 }
1396 .toolbar b {
1397   font-weight: 500;
1398 }
1399 .toolbar a {
1400   -webkit-box-sizing: border-box;
1401   box-sizing: border-box;
1402   -webkit-flex-shrink: 1;
1403   -ms-flex-negative: 1;
1404   flex-shrink: 1;
1405   position: relative;
1406   white-space: nowrap;
1407   text-overflow: ellipsis;
1408 }
1409 .toolbar a.link {
1410   display: -webkit-box;
1411   display: -webkit-flex;
1412   display: -ms-flexbox;
1413   display: flex;
1414 }
1415 .toolbar i.icon {
1416   display: block;
1417 }
1418 .toolbar-inner {
1419   position: absolute;
1420   left: 0;
1421   top: 0;
1422   width: 100%;
1423   height: 100%;
1424   display: -webkit-box;
1425   display: -webkit-flex;
1426   display: -ms-flexbox;
1427   display: flex;
1428   -webkit-box-pack: justify;
1429   -webkit-justify-content: space-between;
1430   -ms-flex-pack: justify;
1431   justify-content: space-between;
1432   -webkit-box-sizing: border-box;
1433   box-sizing: border-box;
1434   -webkit-box-align: center;
1435   -webkit-align-items: center;
1436   -ms-flex-align: center;
1437   align-items: center;
1438   -webkit-align-content: center;
1439   -ms-flex-line-pack: center;
1440   align-content: center;
1441 }
1442 .views > .tabbar,
1443 .views > .tabbar-labels {
1444   z-index: 5001;
1445 }
1446 .tabbar a.link,
1447 .tabbar-labels a.link {
1448   line-height: 1.4;
1449 }
1450 .tabbar a.tab-link,
1451 .tabbar-labels a.tab-link,
1452 .tabbar a.link,
1453 .tabbar-labels a.link {
1454   height: 100%;
1455   width: 100%;
1456   -webkit-box-sizing: border-box;
1457   box-sizing: border-box;
1458   display: -webkit-box;
1459   display: -webkit-flex;
1460   display: -ms-flexbox;
1461   display: flex;
1462   -webkit-box-pack: center;
1463   -webkit-justify-content: center;
1464   -ms-flex-pack: center;
1465   justify-content: center;
1466   -webkit-box-align: center;
1467   -webkit-align-items: center;
1468   -ms-flex-align: center;
1469   align-items: center;
1470   -webkit-box-orient: vertical;
1471   -webkit-box-direction: normal;
1472   -webkit-flex-direction: column;
1473   -ms-flex-direction: column;
1474   flex-direction: column;
1475 }
1476 .tabbar-labels a.tab-link,
1477 .tabbar-labels a.link {
1478   height: 100%;
1479   -webkit-box-pack: justify;
1480   -webkit-justify-content: space-between;
1481   -ms-flex-pack: justify;
1482   justify-content: space-between;
1483   -webkit-box-align: center;
1484   -webkit-align-items: center;
1485   -ms-flex-align: center;
1486   align-items: center;
1487 }
1488 .tabbar-labels a.tab-link .tabbar-label,
1489 .tabbar-labels a.link .tabbar-label {
1490   display: block;
1491   line-height: 1;
1492   margin: 0;
1493   position: relative;
1494   text-overflow: ellipsis;
1495   white-space: nowrap;
1496 }
1497 .tabbar-scrollable .toolbar-inner {
1498   overflow: auto;
1499   -webkit-overflow-scrolling: touch;
1500 }
1501 .tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
1502   display: none !important;
1503   width: 0 !important;
1504   height: 0 !important;
1505   -webkit-appearance: none;
1506   opacity: 0 !important;
1507 }
1508 .tabbar-scrollable a.tab-link,
1509 .tabbar-scrollable a.link {
1510   width: auto;
1511   -webkit-flex-shrink: 0;
1512   -ms-flex-negative: 0;
1513   flex-shrink: 0;
1514 }
1515 .views > .toolbar,
1516 .view > .toolbar,
1517 .page > .toolbar {
1518   position: absolute;
1519 }
1520 .ios .toolbar {
1521   height: 44px;
1522   font-size: 17px;
1523   background: #f7f7f8;
1524   bottom: 0;
1525 }
1526 .ios .toolbar:after {
1527   -webkit-backface-visibility: hidden;
1528   backface-visibility: hidden;
1529 }
1530 .ios .toolbar a.link {
1531   line-height: 44px;
1532   height: 44px;
1533 }
1534 .ios .toolbar a.link i + span,
1535 .ios .toolbar a.link i + i,
1536 .ios .toolbar a.link span + i,
1537 .ios .toolbar a.link span + span {
1538   margin-left: 7px;
1539 }
1540 .ios .toolbar a.icon-only {
1541   min-height: 44px;
1542   display: -webkit-box;
1543   display: -webkit-flex;
1544   display: -ms-flexbox;
1545   display: flex;
1546   -webkit-box-pack: center;
1547   -webkit-justify-content: center;
1548   -ms-flex-pack: center;
1549   justify-content: center;
1550   -webkit-box-align: center;
1551   -webkit-align-items: center;
1552   -ms-flex-align: center;
1553   align-items: center;
1554   margin: 0;
1555   min-width: 44px;
1556 }
1557 .ios .toolbar b {
1558   font-weight: 600;
1559 }
1560 .ios .toolbar.no-hairline:before {
1561   display: none !important;
1562 }
1563 .ios .toolbar:before {
1564   content: '';
1565   position: absolute;
1566   background-color: #c4c4c4;
1567   display: block;
1568   z-index: 15;
1569   top: 0;
1570   right: auto;
1571   bottom: auto;
1572   left: 0;
1573   height: 1px;
1574   width: 100%;
1575   -webkit-transform-origin: 50% 0%;
1576   transform-origin: 50% 0%;
1577 }
1578 .ios.device-pixel-ratio-2 .toolbar:before {
1579   -webkit-transform: scaleY(0.5);
1580   transform: scaleY(0.5);
1581 }
1582 .ios.device-pixel-ratio-3 .toolbar:before {
1583   -webkit-transform: scaleY(0.33);
1584   transform: scaleY(0.33);
1585 }
1586 .ios .toolbar-inner {
1587   padding: 0 8px;
1588 }
1589 .ios .tabbar,
1590 .ios .tabbar-labels {
1591   color: #929292;
1592 }
1593 .ios .tabbar a,
1594 .ios .tabbar-labels a {
1595   color: #929292;
1596 }
1597 .ios .tabbar a.tab-link-active,
1598 .ios .tabbar-labels a.tab-link-active {
1599   color: #007aff;
1600 }
1601 .ios .tabbar i.icon,
1602 .ios .tabbar-labels i.icon {
1603   height: 30px;
1604 }
1605 .ios .tabbar-labels {
1606   height: 50px;
1607 }
1608 .ios .tabbar-labels a.tab-link,
1609 .ios .tabbar-labels a.link {
1610   padding-top: 4px;
1611   padding-bottom: 4px;
1612 }
1613 .ios .tabbar-labels a.tab-link i + span,
1614 .ios .tabbar-labels a.link i + span {
1615   margin: 0;
1616 }
1617 .ios .tabbar-labels .tabbar-label {
1618   letter-spacing: 0.01em;
1619   font-size: 10px;
1620 }
1621 @media (min-width: 768px) {
1622   .ios .tabbar .toolbar-inner,
1623   .ios .tabbar-labels .toolbar-inner {
1624     -webkit-box-pack: center;
1625     -webkit-justify-content: center;
1626     -ms-flex-pack: center;
1627     justify-content: center;
1628   }
1629   .ios .tabbar a.tab-link,
1630   .ios .tabbar-labels a.tab-link,
1631   .ios .tabbar a.link,
1632   .ios .tabbar-labels a.link {
1633     width: auto;
1634     min-width: 105px;
1635   }
1636   .ios .tabbar-labels {
1637     height: 56px;
1638   }
1639   .ios .tabbar-labels .tabbar-label {
1640     font-size: 14px;
1641   }
1642 }
1643 .ios .tabbar-scrollable .toolbar-inner {
1644   -webkit-box-pack: start;
1645   -webkit-justify-content: flex-start;
1646   -ms-flex-pack: start;
1647   justify-content: flex-start;
1648 }
1649 .ios .tabbar-scrollable a.tab-link,
1650 .ios .tabbar-scrollable a.link {
1651   padding: 0 8px;
1652 }
1653 .ios .toolbar ~ * .page-content,
1654 .ios .toolbar ~ .page-content {
1655   padding-bottom: 44px;
1656 }
1657 .ios .tabbar-labels ~ * .page-content,
1658 .ios .tabbar-labels ~ .page-content {
1659   padding-bottom: 50px;
1660 }
1661 @media (min-width: 768px) {
1662   .ios .tabbar-labels ~ * .page-content,
1663   .ios .tabbar-labels ~ .page-content {
1664     padding-bottom: 56px;
1665   }
1666 }
1667 .ios .toolbar-transitioning {
1668   -webkit-transition-duration: 400ms;
1669   transition-duration: 400ms;
1670 }
1671 .ios .toolbar-hidden {
1672   -webkit-transform: translate3d(0, 100%, 0);
1673   transform: translate3d(0, 100%, 0);
1674 }
1675 .ios .theme-dark .toolbar,
1676 .toolbar.ios .theme-dark {
1677   background: #1b1b1b;
1678 }
1679 .ios .theme-dark .toolbar:before,
1680 .toolbar.ios .theme-dark:before {
1681   background-color: #282829;
1682 }
1683 .ios .color-theme-red .tabbar a.tab-link-active,
1684 .ios .color-theme-red .tabbar-labels a.tab-link-active,
1685 .ios .color-theme-red.tabbar-labels a.tab-link-active,
1686 .ios .color-theme-red.tabbar a.tab-link-active {
1687   color: #ff3b30;
1688 }
1689 .ios .color-theme-green .tabbar a.tab-link-active,
1690 .ios .color-theme-green .tabbar-labels a.tab-link-active,
1691 .ios .color-theme-green.tabbar-labels a.tab-link-active,
1692 .ios .color-theme-green.tabbar a.tab-link-active {
1693   color: #4cd964;
1694 }
1695 .ios .color-theme-blue .tabbar a.tab-link-active,
1696 .ios .color-theme-blue .tabbar-labels a.tab-link-active,
1697 .ios .color-theme-blue.tabbar-labels a.tab-link-active,
1698 .ios .color-theme-blue.tabbar a.tab-link-active {
1699   color: #007aff;
1700 }
1701 .ios .color-theme-pink .tabbar a.tab-link-active,
1702 .ios .color-theme-pink .tabbar-labels a.tab-link-active,
1703 .ios .color-theme-pink.tabbar-labels a.tab-link-active,
1704 .ios .color-theme-pink.tabbar a.tab-link-active {
1705   color: #ff2d55;
1706 }
1707 .ios .color-theme-yellow .tabbar a.tab-link-active,
1708 .ios .color-theme-yellow .tabbar-labels a.tab-link-active,
1709 .ios .color-theme-yellow.tabbar-labels a.tab-link-active,
1710 .ios .color-theme-yellow.tabbar a.tab-link-active {
1711   color: #ffcc00;
1712 }
1713 .ios .color-theme-orange .tabbar a.tab-link-active,
1714 .ios .color-theme-orange .tabbar-labels a.tab-link-active,
1715 .ios .color-theme-orange.tabbar-labels a.tab-link-active,
1716 .ios .color-theme-orange.tabbar a.tab-link-active {
1717   color: #ff9500;
1718 }
1719 .ios .color-theme-gray .tabbar a.tab-link-active,
1720 .ios .color-theme-gray .tabbar-labels a.tab-link-active,
1721 .ios .color-theme-gray.tabbar-labels a.tab-link-active,
1722 .ios .color-theme-gray.tabbar a.tab-link-active {
1723   color: #8e8e93;
1724 }
1725 .ios .color-theme-white .tabbar a.tab-link-active,
1726 .ios .color-theme-white .tabbar-labels a.tab-link-active,
1727 .ios .color-theme-white.tabbar-labels a.tab-link-active,
1728 .ios .color-theme-white.tabbar a.tab-link-active {
1729   color: #ffffff;
1730 }
1731 .ios .color-theme-black .tabbar a.tab-link-active,
1732 .ios .color-theme-black .tabbar-labels a.tab-link-active,
1733 .ios .color-theme-black.tabbar-labels a.tab-link-active,
1734 .ios .color-theme-black.tabbar a.tab-link-active {
1735   color: #000000;
1736 }
1737 .ios .tabbar-labels.color-red a.tab-link-active,
1738 .ios .tabbar.color-red a.tab-link-active {
1739   color: #ff3b30;
1740 }
1741 .ios .tabbar-labels.color-green a.tab-link-active,
1742 .ios .tabbar.color-green a.tab-link-active {
1743   color: #4cd964;
1744 }
1745 .ios .tabbar-labels.color-blue a.tab-link-active,
1746 .ios .tabbar.color-blue a.tab-link-active {
1747   color: #007aff;
1748 }
1749 .ios .tabbar-labels.color-pink a.tab-link-active,
1750 .ios .tabbar.color-pink a.tab-link-active {
1751   color: #ff2d55;
1752 }
1753 .ios .tabbar-labels.color-yellow a.tab-link-active,
1754 .ios .tabbar.color-yellow a.tab-link-active {
1755   color: #ffcc00;
1756 }
1757 .ios .tabbar-labels.color-orange a.tab-link-active,
1758 .ios .tabbar.color-orange a.tab-link-active {
1759   color: #ff9500;
1760 }
1761 .ios .tabbar-labels.color-gray a.tab-link-active,
1762 .ios .tabbar.color-gray a.tab-link-active {
1763   color: #8e8e93;
1764 }
1765 .ios .tabbar-labels.color-white a.tab-link-active,
1766 .ios .tabbar.color-white a.tab-link-active {
1767   color: #ffffff;
1768 }
1769 .ios .tabbar-labels.color-black a.tab-link-active,
1770 .ios .tabbar.color-black a.tab-link-active {
1771   color: #000000;
1772 }
1773 .ios.device-iphone-x .views > .toolbar,
1774 .ios.device-iphone-x .view > .toolbar,
1775 .ios.device-iphone-x .page > .toolbar,
1776 .ios.device-iphone-x .popup > .toolbar,
1777 .ios.device-iphone-x .panel > .toolbar,
1778 .ios.device-iphone-x .login-screen > .toolbar {
1779   height: calc(44px + constant(safe-area-inset-bottom));
1780   height: calc(44px + env(safe-area-inset-bottom));
1781 }
1782 .ios.device-iphone-x .views > .toolbar .toolbar-inner,
1783 .ios.device-iphone-x .view > .toolbar .toolbar-inner,
1784 .ios.device-iphone-x .page > .toolbar .toolbar-inner,
1785 .ios.device-iphone-x .popup > .toolbar .toolbar-inner,
1786 .ios.device-iphone-x .panel > .toolbar .toolbar-inner,
1787 .ios.device-iphone-x .login-screen > .toolbar .toolbar-inner {
1788   height: auto;
1789   bottom: constant(safe-area-inset-bottom);
1790   bottom: env(safe-area-inset-bottom);
1791 }
1792 .ios.device-iphone-x .views > .tabbar-labels,
1793 .ios.device-iphone-x .view > .tabbar-labels,
1794 .ios.device-iphone-x .page > .tabbar-labels,
1795 .ios.device-iphone-x .popup > .tabbar-labels,
1796 .ios.device-iphone-x .panel > .tabbar-labels,
1797 .ios.device-iphone-x .login-screen > .tabbar-labels {
1798   height: calc(50px + constant(safe-area-inset-bottom));
1799   height: calc(50px + env(safe-area-inset-bottom));
1800 }
1801 @media (min-width: 768px) {
1802   .ios.device-iphone-x .views > .tabbar-labels,
1803   .ios.device-iphone-x .view > .tabbar-labels,
1804   .ios.device-iphone-x .page > .tabbar-labels,
1805   .ios.device-iphone-x .popup > .tabbar-labels,
1806   .ios.device-iphone-x .panel > .tabbar-labels,
1807   .ios.device-iphone-x .login-screen > .tabbar-labels {
1808     height: calc(56px + constant(safe-area-inset-bottom));
1809     height: calc(56px + env(safe-area-inset-bottom));
1810   }
1811 }
1812 .ios.device-iphone-x .toolbar ~ * .page-content,
1813 .ios.device-iphone-x .toolbar ~ .page-content {
1814   padding-bottom: calc(44px + constant(safe-area-inset-bottom));
1815   padding-bottom: calc(44px + env(safe-area-inset-bottom));
1816 }
1817 .ios.device-iphone-x .tabbar-labels ~ * .page-content,
1818 .ios.device-iphone-x .tabbar-labels ~ .page-content {
1819   padding-bottom: calc(50px + constant(safe-area-inset-bottom));
1820   padding-bottom: calc(50px + env(safe-area-inset-bottom));
1821 }
1822 @media (min-width: 768px) {
1823   .ios.device-iphone-x .tabbar-labels ~ * .page-content,
1824   .ios.device-iphone-x .tabbar-labels ~ .page-content {
1825     padding-bottom: calc(56px + constant(safe-area-inset-bottom));
1826     padding-bottom: calc(56px + env(safe-area-inset-bottom));
1827   }
1828 }
1829 @media (orientation: landscape) {
1830   .ios.device-iphone-x .ios-left-edge .toolbar-inner,
1831   .ios.device-iphone-x .ios-edges .toolbar-inner,
1832   .ios.device-iphone-x .popup .toolbar-inner,
1833   .ios.device-iphone-x .sheet-modal .toolbar-inner,
1834   .ios.device-iphone-x .panel-left .toolbar-inner {
1835     padding-left: calc(8px + constant(safe-area-inset-left));
1836     padding-left: calc(8px + env(safe-area-inset-left));
1837   }
1838   .ios.device-iphone-x .ios-right-edge .toolbar-inner,
1839   .ios.device-iphone-x .ios-edges .toolbar-inner,
1840   .ios.device-iphone-x .popup .toolbar-inner,
1841   .ios.device-iphone-x .sheet-modal .toolbar-inner,
1842   .ios.device-iphone-x .panel-right .toolbar-inner {
1843     padding-right: calc(8px + constant(safe-area-inset-right));
1844     padding-right: calc(8px + env(safe-area-inset-right));
1845   }
1846 }
1847 .md .toolbar {
1848   background: #2196f3;
1849   height: 48px;
1850   color: #fff;
1851   font-size: 14px;
1852   top: 0;
1853 }
1854 .md .toolbar:after {
1855   content: '';
1856   position: absolute;
1857   right: 0;
1858   width: 100%;
1859   top: 100%;
1860   bottom: auto;
1861   height: 10px;
1862   pointer-events: none;
1863   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)));
1864   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%);
1865   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%);
1866 }
1867 .md .toolbar.no-shadow:after {
1868   display: none;
1869 }
1870 .md .toolbar a {
1871   color: #fff;
1872 }
1873 .md .toolbar a.link {
1874   -webkit-box-pack: center;
1875   -webkit-justify-content: center;
1876   -ms-flex-pack: center;
1877   justify-content: center;
1878   padding: 0 16px;
1879   min-width: 48px;
1880   line-height: 48px;
1881   height: 48px;
1882 }
1883 .md .toolbar a.link:before {
1884   content: '';
1885   width: 152%;
1886   height: 152%;
1887   position: absolute;
1888   left: -26%;
1889   top: -26%;
1890   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1891   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1892   background-repeat: no-repeat;
1893   background-position: center;
1894   background-size: 100% 100%;
1895   opacity: 0;
1896   pointer-events: none;
1897   -webkit-transition-duration: 600ms;
1898   transition-duration: 600ms;
1899 }
1900 .md .toolbar a.link.active-state:before {
1901   opacity: 1;
1902   -webkit-transition-duration: 150ms;
1903   transition-duration: 150ms;
1904 }
1905 .md .toolbar a.link i + span,
1906 .md .toolbar a.link i + i,
1907 .md .toolbar a.link span + i,
1908 .md .toolbar a.link span + span {
1909   margin-left: 8px;
1910 }
1911 .md .toolbar a.icon-only {
1912   min-width: 0;
1913   -webkit-flex-shrink: 0;
1914   -ms-flex-negative: 0;
1915   flex-shrink: 0;
1916 }
1917 .md .toolbar-inner {
1918   overflow: hidden;
1919 }
1920 .md .tabbar a.link,
1921 .md .tabbar-labels a.link,
1922 .md .tabbar a.tab-link,
1923 .md .tabbar-labels a.tab-link {
1924   padding-left: 0;
1925   padding-right: 0;
1926   font-size: 14px;
1927   text-transform: uppercase;
1928   font-weight: 500;
1929   letter-spacing: 0.03em;
1930 }
1931 .md .tabbar i.icon,
1932 .md .tabbar-labels i.icon {
1933   height: 24px;
1934 }
1935 .md .tabbar a.tab-link,
1936 .md .tabbar-labels a.tab-link {
1937   -webkit-transition-duration: 300ms;
1938   transition-duration: 300ms;
1939   overflow: hidden;
1940   color: rgba(255, 255, 255, 0.7);
1941   position: relative;
1942 }
1943 .md .tabbar a.tab-link.tab-link-active,
1944 .md .tabbar-labels a.tab-link.tab-link-active,
1945 .md .tabbar a.tab-link.active-state,
1946 .md .tabbar-labels a.tab-link.active-state {
1947   color: #ffffff;
1948 }
1949 .md .tabbar .tab-link-highlight,
1950 .md .tabbar-labels .tab-link-highlight {
1951   position: absolute;
1952   bottom: 0;
1953   height: 2px;
1954   background: #fff;
1955   -webkit-transition-duration: 300ms;
1956   transition-duration: 300ms;
1957   left: 0;
1958 }
1959 .md .toolbar-bottom-md,
1960 .md .messagebar {
1961   top: auto !important;
1962   bottom: 0 !important;
1963 }
1964 .md .toolbar-bottom-md:after,
1965 .md .messagebar:after {
1966   content: '';
1967   position: absolute;
1968   right: 0;
1969   width: 100%;
1970   bottom: 100%;
1971   height: 10px;
1972   top: auto;
1973   pointer-events: none;
1974   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)));
1975   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%);
1976   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%);
1977 }
1978 .md .toolbar-bottom-md .tab-link-highlight,
1979 .md .messagebar .tab-link-highlight {
1980   bottom: auto;
1981   top: 0;
1982 }
1983 .md .tabbar-labels {
1984   height: 72px;
1985 }
1986 .md .tabbar-labels a.tab-link,
1987 .md .tabbar-labels a.link {
1988   padding-top: 12px;
1989   padding-bottom: 12px;
1990 }
1991 .md .tabbar-labels .tabbar-label {
1992   margin-top: 10px;
1993   max-width: 100%;
1994   overflow: hidden;
1995 }
1996 .md .tabbar-labels.toolbar-bottom-md {
1997   height: 56px;
1998 }
1999 .md .tabbar-labels.toolbar-bottom-md a.tab-link,
2000 .md .tabbar-labels.toolbar-bottom-md a.link {
2001   padding-top: 7px;
2002   padding-bottom: 7px;
2003 }
2004 .md .tabbar-labels.toolbar-bottom-md .tabbar-label {
2005   text-transform: none;
2006   line-height: 1.2;
2007   font-weight: normal;
2008   letter-spacing: 0;
2009 }
2010 .md .tabbar-scrollable .toolbar-inner {
2011   overflow: auto;
2012   -webkit-box-pack: start;
2013   -webkit-justify-content: flex-start;
2014   -ms-flex-pack: start;
2015   justify-content: flex-start;
2016 }
2017 .md .tabbar-scrollable a.tab-link,
2018 .md .tabbar-scrollable a.link {
2019   padding: 0 16px;
2020 }
2021 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
2022 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
2023   padding-top: 48px;
2024 }
2025 .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
2026 .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
2027   padding-top: 72px;
2028 }
2029 .md .toolbar-hidden {
2030   -webkit-transform: translate3d(0, -100%, 0);
2031   transform: translate3d(0, -100%, 0);
2032 }
2033 .md .toolbar-hidden:after {
2034   display: none;
2035 }
2036 .md .toolbar-hidden.toolbar-bottom-md,
2037 .md .toolbar-hidden.messagebar {
2038   -webkit-transform: translate3d(0, 100%, 0);
2039   transform: translate3d(0, 100%, 0);
2040 }
2041 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
2042   top: 56px;
2043 }
2044 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
2045 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
2046   padding-top: 104px;
2047 }
2048 .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
2049 .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
2050   padding-top: 128px;
2051 }
2052 .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
2053   -webkit-transform: translate3d(0, -104px, 0);
2054   transform: translate3d(0, -104px, 0);
2055 }
2056 .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) {
2057   -webkit-transform: translate3d(0, -128px, 0);
2058   transform: translate3d(0, -128px, 0);
2059 }
2060 .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
2061   -webkit-transform: translate3d(0, -56px, 0);
2062   transform: translate3d(0, -56px, 0);
2063 }
2064 @media (min-width: 768px) {
2065   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
2066     top: 64px;
2067   }
2068   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
2069   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
2070     padding-top: 112px;
2071   }
2072   .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
2073   .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
2074     padding-top: 136px;
2075   }
2076   .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
2077     -webkit-transform: translate3d(0, -64px, 0);
2078     transform: translate3d(0, -64px, 0);
2079   }
2080   .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
2081     -webkit-transform: translate3d(0, -112px, 0);
2082     transform: translate3d(0, -112px, 0);
2083   }
2084   .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) {
2085     -webkit-transform: translate3d(0, -136px, 0);
2086     transform: translate3d(0, -136px, 0);
2087   }
2088 }
2089 .md .toolbar-bottom-md ~ * .page-content,
2090 .md .toolbar-bottom-md ~ .page-content,
2091 .md .messagebar ~ * .page-content,
2092 .md .messagebar ~ .page-content {
2093   padding-bottom: 48px;
2094 }
2095 .md .toolbar-bottom-md.tabbar-labels ~ * .page-content,
2096 .md .toolbar-bottom-md.tabbar-labels ~ .page-content {
2097   padding-bottom: 56px;
2098 }
2099 .md .toolbar-transitioning,
2100 .md .navbar-transitioning + .toolbar {
2101   -webkit-transition-duration: 400ms;
2102   transition-duration: 400ms;
2103 }
2104 .md .color-theme-red .toolbar:not(.messagebar),
2105 .md .color-theme-red.toolbar:not(.messagebar) {
2106   background: #f44336;
2107 }
2108 .md .color-theme-green .toolbar:not(.messagebar),
2109 .md .color-theme-green.toolbar:not(.messagebar) {
2110   background: #4caf50;
2111 }
2112 .md .color-theme-blue .toolbar:not(.messagebar),
2113 .md .color-theme-blue.toolbar:not(.messagebar) {
2114   background: #2196f3;
2115 }
2116 .md .color-theme-pink .toolbar:not(.messagebar),
2117 .md .color-theme-pink.toolbar:not(.messagebar) {
2118   background: #e91e63;
2119 }
2120 .md .color-theme-yellow .toolbar:not(.messagebar),
2121 .md .color-theme-yellow.toolbar:not(.messagebar) {
2122   background: #ffeb3b;
2123 }
2124 .md .color-theme-orange .toolbar:not(.messagebar),
2125 .md .color-theme-orange.toolbar:not(.messagebar) {
2126   background: #ff9800;
2127 }
2128 .md .color-theme-gray .toolbar:not(.messagebar),
2129 .md .color-theme-gray.toolbar:not(.messagebar) {
2130   background: #9e9e9e;
2131 }
2132 .md .color-theme-white .toolbar:not(.messagebar),
2133 .md .color-theme-white.toolbar:not(.messagebar) {
2134   background: #ffffff;
2135 }
2136 .md .color-theme-black .toolbar:not(.messagebar),
2137 .md .color-theme-black.toolbar:not(.messagebar) {
2138   background: #000000;
2139 }
2140 .md .toolbar:not(.messagebar).color-red {
2141   background: #f44336;
2142 }
2143 .md .toolbar:not(.messagebar).color-green {
2144   background: #4caf50;
2145 }
2146 .md .toolbar:not(.messagebar).color-blue {
2147   background: #2196f3;
2148 }
2149 .md .toolbar:not(.messagebar).color-pink {
2150   background: #e91e63;
2151 }
2152 .md .toolbar:not(.messagebar).color-yellow {
2153   background: #ffeb3b;
2154 }
2155 .md .toolbar:not(.messagebar).color-orange {
2156   background: #ff9800;
2157 }
2158 .md .toolbar:not(.messagebar).color-gray {
2159   background: #9e9e9e;
2160 }
2161 .md .toolbar:not(.messagebar).color-white {
2162   background: #ffffff;
2163 }
2164 .md .toolbar:not(.messagebar).color-black {
2165   background: #000000;
2166 }
2167 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md),
2168 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md),
2169 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md),
2170 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md),
2171 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md),
2172 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) {
2173   height: calc(48px + constant(safe-area-inset-top));
2174   height: calc(48px + env(safe-area-inset-top));
2175 }
2176 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2177 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2178 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2179 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2180 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2181 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
2182   height: auto;
2183 }
2184 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2185 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2186 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2187 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2188 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2189 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
2190   bottom: 0;
2191   top: constant(safe-area-inset-top);
2192   top: env(safe-area-inset-top);
2193 }
2194 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2195 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2196 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2197 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2198 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2199 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels {
2200   height: calc(72px + constant(safe-area-inset-top));
2201   height: calc(72px + env(safe-area-inset-top));
2202 }
2203 .md.device-iphone-x .views > .toolbar-bottom-md,
2204 .md.device-iphone-x .view > .toolbar-bottom-md,
2205 .md.device-iphone-x .page > .toolbar-bottom-md,
2206 .md.device-iphone-x .popup > .toolbar-bottom-md,
2207 .md.device-iphone-x .panel > .toolbar-bottom-md,
2208 .md.device-iphone-x .login-screen > .toolbar-bottom-md {
2209   height: calc(48px + constant(safe-area-inset-bottom));
2210   height: calc(48px + env(safe-area-inset-bottom));
2211 }
2212 .md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner,
2213 .md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner,
2214 .md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner,
2215 .md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner,
2216 .md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner,
2217 .md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner {
2218   height: auto;
2219   top: 0;
2220   bottom: constant(safe-area-inset-bottom);
2221   bottom: env(safe-area-inset-bottom);
2222 }
2223 .md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels,
2224 .md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels,
2225 .md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels,
2226 .md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels,
2227 .md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels,
2228 .md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels {
2229   height: calc(56px + constant(safe-area-inset-bottom));
2230   height: calc(56px + env(safe-area-inset-bottom));
2231 }
2232 .md.device-iphone-x .toolbar-bottom-md ~ * .page-content,
2233 .md.device-iphone-x .toolbar-bottom-md ~ .page-content,
2234 .md.device-iphone-x .messagebar ~ * .page-content,
2235 .md.device-iphone-x .messagebar ~ .page-content {
2236   padding-bottom: calc(48px + constant(safe-area-inset-bottom));
2237   padding-bottom: calc(48px + env(safe-area-inset-bottom));
2238 }
2239 .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content,
2240 .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content {
2241   padding-bottom: calc(56px + constant(safe-area-inset-bottom));
2242   padding-bottom: calc(56px + env(safe-area-inset-bottom));
2243 }
2244 @media (orientation: landscape) {
2245   .md.device-iphone-x .ios-left-edge .toolbar-inner,
2246   .md.device-iphone-x .ios-edges .toolbar-inner,
2247   .md.device-iphone-x .popup .toolbar-inner,
2248   .md.device-iphone-x .sheet-modal .toolbar-inner,
2249   .md.device-iphone-x .panel-left .toolbar-inner {
2250     padding-left: constant(safe-area-inset-left);
2251     padding-left: env(safe-area-inset-left);
2252   }
2253   .md.device-iphone-x .ios-right-edge .toolbar-inner,
2254   .md.device-iphone-x .ios-edges .toolbar-inner,
2255   .md.device-iphone-x .popup .toolbar-inner,
2256   .md.device-iphone-x .sheet-modal .toolbar-inner,
2257   .md.device-iphone-x .panel-right .toolbar-inner {
2258     padding-right: constant(safe-area-inset-right);
2259     padding-right: env(safe-area-inset-right);
2260   }
2261 }
2262 /* === Subnavbar === */
2263 .subnavbar {
2264   width: 100%;
2265   position: absolute;
2266   left: 0;
2267   top: 0;
2268   z-index: 500;
2269   -webkit-box-sizing: border-box;
2270   box-sizing: border-box;
2271   display: -webkit-box;
2272   display: -webkit-flex;
2273   display: -ms-flexbox;
2274   display: flex;
2275   -webkit-box-pack: justify;
2276   -webkit-justify-content: space-between;
2277   -ms-flex-pack: justify;
2278   justify-content: space-between;
2279   -webkit-box-align: center;
2280   -webkit-align-items: center;
2281   -ms-flex-align: center;
2282   align-items: center;
2283 }
2284 .subnavbar .title {
2285   position: relative;
2286   overflow: hidden;
2287   text-overflow: ellpsis;
2288   white-space: nowrap;
2289 }
2290 .subnavbar .left,
2291 .subnavbar .right {
2292   -webkit-flex-shrink: 0;
2293   -ms-flex-negative: 0;
2294   flex-shrink: 0;
2295   display: -webkit-box;
2296   display: -webkit-flex;
2297   display: -ms-flexbox;
2298   display: flex;
2299   -webkit-box-pack: start;
2300   -webkit-justify-content: flex-start;
2301   -ms-flex-pack: start;
2302   justify-content: flex-start;
2303   -webkit-box-align: center;
2304   -webkit-align-items: center;
2305   -ms-flex-align: center;
2306   align-items: center;
2307 }
2308 .subnavbar .right:first-child {
2309   position: absolute;
2310   height: 100%;
2311 }
2312 .subnavbar-inner {
2313   width: 100%;
2314   height: 100%;
2315   display: -webkit-box;
2316   display: -webkit-flex;
2317   display: -ms-flexbox;
2318   display: flex;
2319   -webkit-box-align: center;
2320   -webkit-align-items: center;
2321   -ms-flex-align: center;
2322   align-items: center;
2323   -webkit-box-sizing: border-box;
2324   box-sizing: border-box;
2325   -webkit-box-pack: justify;
2326   -webkit-justify-content: space-between;
2327   -ms-flex-pack: justify;
2328   justify-content: space-between;
2329   overflow: hidden;
2330 }
2331 .subnavbar-inner.stacked {
2332   display: none;
2333 }
2334 .navbar .subnavbar {
2335   top: 100%;
2336 }
2337 .views > .navbar,
2338 .view > .navbar,
2339 .page > .navbar {
2340   position: absolute;
2341 }
2342 .ios .subnavbar {
2343   height: 45px;
2344   margin-top: -1px;
2345   padding-top: 1px;
2346   background: #f7f7f8;
2347 }
2348 .ios .subnavbar.no-hairline:after {
2349   display: none !important;
2350 }
2351 .ios .subnavbar .title {
2352   font-weight: 700;
2353   line-height: 1;
2354   overflow: visible;
2355   font-size: 34px;
2356   text-align: center;
2357   display: -webkit-box;
2358   display: -webkit-flex;
2359   display: -ms-flexbox;
2360   display: flex;
2361   -webkit-box-align: center;
2362   -webkit-align-items: center;
2363   -ms-flex-align: center;
2364   align-items: center;
2365   -webkit-align-self: flex-start;
2366   -ms-flex-item-align: start;
2367   align-self: flex-start;
2368   -webkit-flex-shrink: 10;
2369   -ms-flex-negative: 10;
2370   flex-shrink: 10;
2371   letter-spacing: -0.03em;
2372 }
2373 .ios .subnavbar .title {
2374   margin-left: 7px;
2375 }
2376 .ios .subnavbar .left a + a,
2377 .ios .subnavbar .right a + a {
2378   margin-left: 15px;
2379 }
2380 .ios .subnavbar .left {
2381   margin-right: 10px;
2382 }
2383 .ios .subnavbar .right {
2384   margin-left: 10px;
2385 }
2386 .ios .subnavbar .right:first-child {
2387   right: 8px;
2388 }
2389 .ios .subnavbar a.link {
2390   line-height: 44px;
2391   height: 44px;
2392   -webkit-box-pack: start;
2393   -webkit-justify-content: flex-start;
2394   -ms-flex-pack: start;
2395   justify-content: flex-start;
2396 }
2397 .ios .subnavbar a.icon-only {
2398   min-width: 44px;
2399   -webkit-box-pack: center;
2400   -webkit-justify-content: center;
2401   -ms-flex-pack: center;
2402   justify-content: center;
2403   margin: 0;
2404 }
2405 .ios .subnavbar:after {
2406   content: '';
2407   position: absolute;
2408   background-color: #c4c4c4;
2409   display: block;
2410   z-index: 15;
2411   top: auto;
2412   right: auto;
2413   bottom: 0;
2414   left: 0;
2415   height: 1px;
2416   width: 100%;
2417   -webkit-transform-origin: 50% 100%;
2418   transform-origin: 50% 100%;
2419 }
2420 .ios.device-pixel-ratio-2 .subnavbar:after {
2421   -webkit-transform: scaleY(0.5);
2422   transform: scaleY(0.5);
2423 }
2424 .ios.device-pixel-ratio-3 .subnavbar:after {
2425   -webkit-transform: scaleY(0.33);
2426   transform: scaleY(0.33);
2427 }
2428 .ios .subnavbar-inner {
2429   padding: 0 8px;
2430 }
2431 .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar,
2432 .ios .navbar ~ .subnavbar {
2433   top: 44px;
2434 }
2435 .ios .page-with-subnavbar .page-content,
2436 .ios .subnavbar ~ .page-content,
2437 .ios .subnavbar ~ * .page-content {
2438   padding-top: 44px;
2439 }
2440 .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content,
2441 .ios .page-with-subnavbar .navbar ~ .page-content,
2442 .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content,
2443 .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
2444   padding-top: 88px;
2445 }
2446 .ios .theme-dark .subnavbar,
2447 .subnavbar.ios .theme-dark {
2448   background: #1b1b1b;
2449 }
2450 .ios .theme-dark .subnavbar:after,
2451 .subnavbar.ios .theme-dark:after {
2452   background-color: #282829;
2453 }
2454 @media (orientation: landscape) {
2455   .ios.device-iphone-x .ios-left-edge .subnavbar-inner,
2456   .ios.device-iphone-x .ios-edges .subnavbar-inner,
2457   .ios.device-iphone-x .popup .subnavbar-inner,
2458   .ios.device-iphone-x .sheet-modal .subnavbar-inner,
2459   .ios.device-iphone-x .panel-left .subnavbar-inner {
2460     padding-left: calc(8px + constant(safe-area-inset-left));
2461     padding-left: calc(8px + env(safe-area-inset-left));
2462   }
2463   .ios.device-iphone-x .ios-right-edge .subnavbar-inner,
2464   .ios.device-iphone-x .ios-edges .subnavbar-inner,
2465   .ios.device-iphone-x .popup .subnavbar-inner,
2466   .ios.device-iphone-x .sheet-modal .subnavbar-inner,
2467   .ios.device-iphone-x .panel-right .subnavbar-inner {
2468     padding-right: calc(8px + constant(safe-area-inset-right));
2469     padding-right: calc(8px + env(safe-area-inset-right));
2470   }
2471 }
2472 .md .subnavbar {
2473   height: 48px;
2474   background: #2196f3;
2475   color: #fff;
2476 }
2477 .md .subnavbar:after {
2478   content: '';
2479   position: absolute;
2480   right: 0;
2481   width: 100%;
2482   top: 100%;
2483   bottom: auto;
2484   height: 10px;
2485   pointer-events: none;
2486   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)));
2487   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%);
2488   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%);
2489 }
2490 .md .subnavbar.no-shadow:after {
2491   display: none;
2492 }
2493 .md .subnavbar .title {
2494   margin: 0 16px;
2495   font-size: 20px;
2496   line-height: 48px;
2497   display: inline-block;
2498   text-align: left;
2499   font-weight: 500;
2500 }
2501 .md .subnavbar .title:first-child {
2502   margin-left: 56px;
2503 }
2504 .md .subnavbar .right {
2505   margin-left: auto;
2506 }
2507 .md .subnavbar .right:first-child {
2508   right: 16px;
2509 }
2510 .md .subnavbar a {
2511   color: inherit;
2512 }
2513 .md .subnavbar a.link {
2514   line-height: 48px;
2515   height: 48px;
2516   min-width: 48px;
2517   -webkit-box-pack: center;
2518   -webkit-justify-content: center;
2519   -ms-flex-pack: center;
2520   justify-content: center;
2521   padding: 0 16px;
2522 }
2523 .md .subnavbar a.link:before {
2524   content: '';
2525   width: 152%;
2526   height: 152%;
2527   position: absolute;
2528   left: -26%;
2529   top: -26%;
2530   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
2531   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
2532   background-repeat: no-repeat;
2533   background-position: center;
2534   background-size: 100% 100%;
2535   opacity: 0;
2536   pointer-events: none;
2537   -webkit-transition-duration: 600ms;
2538   transition-duration: 600ms;
2539 }
2540 .md .subnavbar a.link.active-state:before {
2541   opacity: 1;
2542   -webkit-transition-duration: 150ms;
2543   transition-duration: 150ms;
2544 }
2545 .md .subnavbar a.icon-only {
2546   -webkit-flex-shrink: 0;
2547   -ms-flex-negative: 0;
2548   flex-shrink: 0;
2549   min-width: 0;
2550 }
2551 .md .subnavbar-inner {
2552   padding: 0 16px;
2553 }
2554 .md .subnavbar-inner > a.link:first-child {
2555   margin-left: -16px;
2556 }
2557 .md .subnavbar-inner > a.link:last-child {
2558   margin-right: -16px;
2559 }
2560 .md .subnavbar ~ * .page-content,
2561 .md .subnavbar ~ .page-content,
2562 .md .page-with-subnavbar .page-content {
2563   padding-top: 48px;
2564 }
2565 .md .navbar ~ .subnavbar ~ .page-content,
2566 .md .navbar ~ .subnavbar ~ * .page-content,
2567 .md .page-with-subnavbar .navbar ~ * .page-content,
2568 .md .page-with-subnavbar .navbar ~ .page-content {
2569   padding-top: 104px;
2570 }
2571 @media (min-width: 768px) {
2572   .md .navbar ~ .subnavbar ~ .page-content,
2573   .md .navbar ~ .subnavbar ~ * .page-content,
2574   .md .page-with-subnavbar .navbar ~ * .page-content,
2575   .md .page-with-subnavbar .navbar ~ .page-content {
2576     padding-top: 112px;
2577   }
2578 }
2579 .md .navbar ~ .subnavbar,
2580 .md .navbar ~ * .subnavbar,
2581 .md .page-with-subnavbar .navbar ~ .subnavbar,
2582 .md .page-with-subnavbar .navbar ~ * .subnavbar {
2583   top: 56px;
2584 }
2585 @media (min-width: 768px) {
2586   .md .navbar ~ .subnavbar,
2587   .md .navbar ~ * .subnavbar,
2588   .md .page-with-subnavbar .navbar ~ .subnavbar,
2589   .md .page-with-subnavbar .navbar ~ * .subnavbar {
2590     top: 64px;
2591   }
2592 }
2593 .md .color-theme-red .subnavbar,
2594 .md .color-theme-red.subnavbar {
2595   background: #f44336;
2596 }
2597 .md .color-theme-green .subnavbar,
2598 .md .color-theme-green.subnavbar {
2599   background: #4caf50;
2600 }
2601 .md .color-theme-blue .subnavbar,
2602 .md .color-theme-blue.subnavbar {
2603   background: #2196f3;
2604 }
2605 .md .color-theme-pink .subnavbar,
2606 .md .color-theme-pink.subnavbar {
2607   background: #e91e63;
2608 }
2609 .md .color-theme-yellow .subnavbar,
2610 .md .color-theme-yellow.subnavbar {
2611   background: #ffeb3b;
2612 }
2613 .md .color-theme-orange .subnavbar,
2614 .md .color-theme-orange.subnavbar {
2615   background: #ff9800;
2616 }
2617 .md .color-theme-gray .subnavbar,
2618 .md .color-theme-gray.subnavbar {
2619   background: #9e9e9e;
2620 }
2621 .md .color-theme-white .subnavbar,
2622 .md .color-theme-white.subnavbar {
2623   background: #ffffff;
2624 }
2625 .md .color-theme-black .subnavbar,
2626 .md .color-theme-black.subnavbar {
2627   background: #000000;
2628 }
2629 .md .subnavbar.color-red {
2630   background: #f44336;
2631 }
2632 .md .subnavbar.color-green {
2633   background: #4caf50;
2634 }
2635 .md .subnavbar.color-blue {
2636   background: #2196f3;
2637 }
2638 .md .subnavbar.color-pink {
2639   background: #e91e63;
2640 }
2641 .md .subnavbar.color-yellow {
2642   background: #ffeb3b;
2643 }
2644 .md .subnavbar.color-orange {
2645   background: #ff9800;
2646 }
2647 .md .subnavbar.color-gray {
2648   background: #9e9e9e;
2649 }
2650 .md .subnavbar.color-white {
2651   background: #ffffff;
2652 }
2653 .md .subnavbar.color-black {
2654   background: #000000;
2655 }
2656 @media (orientation: landscape) {
2657   .md.device-iphone-x .ios-left-edge .subnavbar-inner,
2658   .md.device-iphone-x .ios-edges .subnavbar-inner,
2659   .md.device-iphone-x .popup .subnavbar-inner,
2660   .md.device-iphone-x .sheet-modal .subnavbar-inner,
2661   .md.device-iphone-x .panel-left .subnavbar-inner {
2662     padding-left: calc(16px + constant(safe-area-inset-left));
2663     padding-left: calc(16px + env(safe-area-inset-left));
2664   }
2665   .md.device-iphone-x .ios-right-edge .subnavbar-inner,
2666   .md.device-iphone-x .ios-edges .subnavbar-inner,
2667   .md.device-iphone-x .popup .subnavbar-inner,
2668   .md.device-iphone-x .sheet-modal .subnavbar-inner,
2669   .md.device-iphone-x .panel-right .subnavbar-inner {
2670     padding-right: calc(16px + constant(safe-area-inset-right));
2671     padding-right: calc(16px + env(safe-area-inset-right));
2672   }
2673 }
2674 /* === Content Block === */
2675 .block {
2676   -webkit-box-sizing: border-box;
2677   box-sizing: border-box;
2678   position: relative;
2679   z-index: 1;
2680 }
2681 .block.no-hairlines:before,
2682 .block.no-hairlines ul:before,
2683 .md .block.no-hairlines-md:before,
2684 .md .block.no-hairlines-md ul:before,
2685 .ios .block.no-hairlines-ios:before,
2686 .ios .block.no-hairlines-ios ul:before {
2687   display: none !important;
2688 }
2689 .block.no-hairlines:after,
2690 .block.no-hairlines ul:after,
2691 .md .block.no-hairlines-md:after,
2692 .md .block.no-hairlines-md ul:after,
2693 .ios .block.no-hairlines-ios:after,
2694 .ios .block.no-hairlines-ios ul:after {
2695   display: none !important;
2696 }
2697 .block.no-hairline-top:before,
2698 .block.no-hairline-top ul:before,
2699 .md .block.no-hairline-top-md:before,
2700 .md .block.no-hairline-top-md ul:before,
2701 .ios .block.no-hairline-top-ios:before,
2702 .ios .block.no-hairline-top-ios ul:before {
2703   display: none !important;
2704 }
2705 .block.no-hairline-bottom:after,
2706 .block.no-hairline-bottom ul:after,
2707 .md .block.no-hairline-bottom-md:after,
2708 .md .block.no-hairline-bottom-md ul:after,
2709 .ios .block.no-hairline-bottom-ios:after,
2710 .ios .block.no-hairline-bottom-ios ul:after {
2711   display: none !important;
2712 }
2713 .block > h1:first-child,
2714 .block > h2:first-child,
2715 .block > h3:first-child,
2716 .block > h4:first-child,
2717 .block > p:first-child {
2718   margin-top: 0;
2719 }
2720 .block > h1:last-child,
2721 .block > h2:last-child,
2722 .block > h3:last-child,
2723 .block > h4:last-child,
2724 .block > p:last-child {
2725   margin-bottom: 0;
2726 }
2727 .block-title {
2728   position: relative;
2729   overflow: hidden;
2730   margin: 0;
2731   white-space: nowrap;
2732   text-overflow: ellipsis;
2733   font-size: 14px;
2734   line-height: 1;
2735 }
2736 .block-strong.inset {
2737   border-radius: 7px;
2738 }
2739 .block-strong.inset:before {
2740   display: none !important;
2741 }
2742 .block-strong.inset:after {
2743   display: none !important;
2744 }
2745 .block-footer,
2746 .block-header {
2747   font-size: 14px;
2748 }
2749 .block-footer ul:first-child,
2750 .block-header ul:first-child,
2751 .block-footer p:first-child,
2752 .block-header p:first-child,
2753 .block-footer h1:first-child,
2754 .block-header h1:first-child,
2755 .block-footer h2:first-child,
2756 .block-header h2:first-child,
2757 .block-footer h3:first-child,
2758 .block-header h3:first-child,
2759 .block-footer h4:first-child,
2760 .block-header h4:first-child {
2761   margin-top: 0;
2762 }
2763 .block-footer ul:last-child,
2764 .block-header ul:last-child,
2765 .block-footer p:last-child,
2766 .block-header p:last-child,
2767 .block-footer h1:last-child,
2768 .block-header h1:last-child,
2769 .block-footer h2:last-child,
2770 .block-header h2:last-child,
2771 .block-footer h3:last-child,
2772 .block-header h3:last-child,
2773 .block-footer h4:last-child,
2774 .block-header h4:last-child {
2775   margin-bottom: 0;
2776 }
2777 .block-footer ul:first-child:last-child,
2778 .block-header ul:first-child:last-child,
2779 .block-footer p:first-child:last-child,
2780 .block-header p:first-child:last-child,
2781 .block-footer h1:first-child:last-child,
2782 .block-header h1:first-child:last-child,
2783 .block-footer h2:first-child:last-child,
2784 .block-header h2:first-child:last-child,
2785 .block-footer h3:first-child:last-child,
2786 .block-header h3:first-child:last-child,
2787 .block-footer h4:first-child:last-child,
2788 .block-header h4:first-child:last-child {
2789   margin-top: 0;
2790   margin-bottom: 0;
2791 }
2792 .block-header {
2793   margin-bottom: 10px;
2794 }
2795 .block-footer {
2796   margin-top: 10px;
2797 }
2798 @media (min-width: 768px) {
2799   .block-strong.tablet-inset:before {
2800     display: none !important;
2801   }
2802   .block-strong.tablet-inset:after {
2803     display: none !important;
2804   }
2805 }
2806 /* === Content Block === */
2807 .ios .block {
2808   margin: 35px 0;
2809   padding: 0 15px;
2810   color: #6d6d72;
2811 }
2812 .ios .block-title {
2813   text-transform: uppercase;
2814   color: #6d6d72;
2815   margin: 35px 15px 10px;
2816   line-height: 17px;
2817 }
2818 .ios .block-title + .list,
2819 .ios .block-title + .block,
2820 .ios .block-title + .card,
2821 .ios .block-title + .timeline,
2822 .ios .block-title + .block-header {
2823   margin-top: 10px;
2824 }
2825 .ios .block-strong {
2826   color: #000;
2827   background: #fff;
2828   padding: 15px 15px;
2829 }
2830 .ios .block-strong:before {
2831   content: '';
2832   position: absolute;
2833   background-color: #c8c7cc;
2834   display: block;
2835   z-index: 15;
2836   top: 0;
2837   right: auto;
2838   bottom: auto;
2839   left: 0;
2840   height: 1px;
2841   width: 100%;
2842   -webkit-transform-origin: 50% 0%;
2843   transform-origin: 50% 0%;
2844 }
2845 .ios.device-pixel-ratio-2 .block-strong:before {
2846   -webkit-transform: scaleY(0.5);
2847   transform: scaleY(0.5);
2848 }
2849 .ios.device-pixel-ratio-3 .block-strong:before {
2850   -webkit-transform: scaleY(0.33);
2851   transform: scaleY(0.33);
2852 }
2853 .ios .block-strong:after {
2854   content: '';
2855   position: absolute;
2856   background-color: #c8c7cc;
2857   display: block;
2858   z-index: 15;
2859   top: auto;
2860   right: auto;
2861   bottom: 0;
2862   left: 0;
2863   height: 1px;
2864   width: 100%;
2865   -webkit-transform-origin: 50% 100%;
2866   transform-origin: 50% 100%;
2867 }
2868 .ios.device-pixel-ratio-2 .block-strong:after {
2869   -webkit-transform: scaleY(0.5);
2870   transform: scaleY(0.5);
2871 }
2872 .ios.device-pixel-ratio-3 .block-strong:after {
2873   -webkit-transform: scaleY(0.33);
2874   transform: scaleY(0.33);
2875 }
2876 .ios .block.inset {
2877   margin-left: 15px;
2878   margin-right: 15px;
2879 }
2880 .ios .block-strong-inset {
2881   border-radius: 7px;
2882 }
2883 .ios .block-header,
2884 .ios .block-footer {
2885   padding: 0 15px;
2886   color: #8f8f94;
2887 }
2888 .ios .block .block-header,
2889 .ios .block .block-footer {
2890   padding: 0 !important;
2891 }
2892 .ios .block-header {
2893   margin-top: 35px;
2894 }
2895 .ios .block-header + .list,
2896 .ios .block-header + .block,
2897 .ios .block-header + .card,
2898 .ios .block-header + .timeline {
2899   margin-top: 10px;
2900 }
2901 .ios .block-footer {
2902   margin-bottom: 35px;
2903 }
2904 .ios .list .block-header,
2905 .ios .block .block-header,
2906 .ios .card .block-header,
2907 .ios .timeline .block-header {
2908   margin-top: 0;
2909 }
2910 .ios .list .block-footer,
2911 .ios .block .block-footer,
2912 .ios .card .block-footer,
2913 .ios .timeline .block-footer {
2914   margin-bottom: 0;
2915 }
2916 .ios .list + .block-footer,
2917 .ios .block + .block-footer,
2918 .ios .card + .block-footer,
2919 .ios .timeline + .block-footer {
2920   margin-top: -25px;
2921 }
2922 .ios .block + .block-footer {
2923   margin-top: -25px;
2924   margin-bottom: 35px;
2925 }
2926 @media (min-width: 768px) {
2927   .ios .block.tablet-inset {
2928     margin-left: 15px;
2929     margin-right: 15px;
2930     border-radius: 7px;
2931   }
2932   .ios .block-strong.tablet-inset {
2933     border-radius: 7px;
2934   }
2935 }
2936 .ios .theme-dark .block-title,
2937 .ios .theme-dark .block-header,
2938 .ios .theme-dark .block-footer {
2939   color: #8E8E93;
2940 }
2941 .ios .theme-dark .block {
2942   color: #8E8E93;
2943 }
2944 .ios .theme-dark .block-strong,
2945 .ios .theme-dark.block-strong {
2946   background-color: #1c1c1d;
2947   color: #fff;
2948 }
2949 .ios .theme-dark .block-strong:before,
2950 .ios .theme-dark.block-strong:before {
2951   background-color: #282829;
2952 }
2953 .ios .theme-dark .block-strong:after,
2954 .ios .theme-dark.block-strong:after {
2955   background-color: #282829;
2956 }
2957 @media (orientation: landscape) {
2958   .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2959   .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2960   .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2961   .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2962   .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2963   .ios.device-iphone-x .ios-left-edge .block-header,
2964   .ios.device-iphone-x .ios-edges .block-header,
2965   .ios.device-iphone-x .popup .block-header,
2966   .ios.device-iphone-x .sheet-modal .block-header,
2967   .ios.device-iphone-x .panel-left .block-header,
2968   .ios.device-iphone-x .ios-left-edge .block-footer,
2969   .ios.device-iphone-x .ios-edges .block-footer,
2970   .ios.device-iphone-x .popup .block-footer,
2971   .ios.device-iphone-x .sheet-modal .block-footer,
2972   .ios.device-iphone-x .panel-left .block-footer {
2973     padding-left: calc(15px + constant(safe-area-inset-left));
2974     padding-left: calc(15px + env(safe-area-inset-left));
2975   }
2976   .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2977   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2978   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2979   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2980   .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2981   .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2982   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2983   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2984   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2985   .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
2986     padding-left: 0;
2987   }
2988   .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2989   .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2990   .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2991   .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2992   .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2993   .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
2994   .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
2995   .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
2996   .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
2997   .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
2998     margin-left: calc(15px + constant(safe-area-inset-left));
2999     margin-left: calc(15px + env(safe-area-inset-left));
3000   }
3001   .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3002   .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3003   .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3004   .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3005   .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3006   .ios.device-iphone-x .ios-right-edge .block-header,
3007   .ios.device-iphone-x .ios-edges .block-header,
3008   .ios.device-iphone-x .popup .block-header,
3009   .ios.device-iphone-x .sheet-modal .block-header,
3010   .ios.device-iphone-x .panel-right .block-header,
3011   .ios.device-iphone-x .ios-right-edge .block-footer,
3012   .ios.device-iphone-x .ios-edges .block-footer,
3013   .ios.device-iphone-x .popup .block-footer,
3014   .ios.device-iphone-x .sheet-modal .block-footer,
3015   .ios.device-iphone-x .panel-right .block-footer {
3016     padding-right: calc(15px + constant(safe-area-inset-right));
3017     padding-right: calc(15px + env(safe-area-inset-right));
3018   }
3019   .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3020   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3021   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3022   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3023   .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3024   .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3025   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3026   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3027   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3028   .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
3029     padding-right: 0;
3030   }
3031   .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3032   .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3033   .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3034   .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3035   .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3036   .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3037   .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3038   .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3039   .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3040   .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
3041     margin-right: calc(15px + constant(safe-area-inset-right));
3042     margin-right: calc(15px + env(safe-area-inset-right));
3043   }
3044 }
3045 @media (orientation: landscape) and (min-width: 768px) {
3046   .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3047   .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3048   .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3049   .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3050   .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
3051     margin-left: calc(15px + constant(safe-area-inset-left));
3052     margin-left: calc(15px + env(safe-area-inset-left));
3053   }
3054 }
3055 @media (orientation: landscape) and (min-width: 768px) {
3056   .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3057   .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3058   .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3059   .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3060   .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
3061     margin-right: calc(15px + constant(safe-area-inset-right));
3062     margin-right: calc(15px + env(safe-area-inset-right));
3063   }
3064 }
3065 .md .block {
3066   margin: 32px 0;
3067   padding: 0 16px;
3068 }
3069 .md .block-title {
3070   color: rgba(0, 0, 0, 0.54);
3071   margin: 32px 16px 16px;
3072   line-height: 16px;
3073   font-weight: 500;
3074 }
3075 .md .block-title + .list,
3076 .md .block-title + .block,
3077 .md .block-title + .card,
3078 .md .block-title + .timeline,
3079 .md .block-title + .block-header {
3080   margin-top: 0px;
3081 }
3082 .md .block-strong {
3083   padding: 16px;
3084 }
3085 .md .block-strong:before {
3086   content: '';
3087   position: absolute;
3088   background-color: rgba(0, 0, 0, 0.12);
3089   display: block;
3090   z-index: 15;
3091   top: 0;
3092   right: auto;
3093   bottom: auto;
3094   left: 0;
3095   height: 1px;
3096   width: 100%;
3097   -webkit-transform-origin: 50% 0%;
3098   transform-origin: 50% 0%;
3099 }
3100 .md.device-pixel-ratio-2 .block-strong:before {
3101   -webkit-transform: scaleY(0.5);
3102   transform: scaleY(0.5);
3103 }
3104 .md.device-pixel-ratio-3 .block-strong:before {
3105   -webkit-transform: scaleY(0.33);
3106   transform: scaleY(0.33);
3107 }
3108 .md .block-strong:after {
3109   content: '';
3110   position: absolute;
3111   background-color: rgba(0, 0, 0, 0.12);
3112   display: block;
3113   z-index: 15;
3114   top: auto;
3115   right: auto;
3116   bottom: 0;
3117   left: 0;
3118   height: 1px;
3119   width: 100%;
3120   -webkit-transform-origin: 50% 100%;
3121   transform-origin: 50% 100%;
3122 }
3123 .md.device-pixel-ratio-2 .block-strong:after {
3124   -webkit-transform: scaleY(0.5);
3125   transform: scaleY(0.5);
3126 }
3127 .md.device-pixel-ratio-3 .block-strong:after {
3128   -webkit-transform: scaleY(0.33);
3129   transform: scaleY(0.33);
3130 }
3131 .md .block.inset {
3132   margin-left: 16px;
3133   margin-right: 16px;
3134 }
3135 .md .block-strong.inset {
3136   border-radius: 4px;
3137 }
3138 .md .block-header,
3139 .md .block-footer {
3140   padding: 0 16px;
3141   color: rgba(0, 0, 0, 0.54);
3142 }
3143 .md .block .block-header,
3144 .md .block .block-footer {
3145   padding: 0;
3146 }
3147 .md .block-header {
3148   margin-top: 32px;
3149 }
3150 .md .block-header + .list,
3151 .md .block-header + .block,
3152 .md .block-header + .card,
3153 .md .block-header + .timeline {
3154   margin-top: 10px;
3155 }
3156 .md .block-footer {
3157   margin-bottom: 32px;
3158 }
3159 .md .list .block-header,
3160 .md .block .block-header,
3161 .md .card .block-header,
3162 .md .timeline .block-header {
3163   margin-top: 0;
3164 }
3165 .md .list .block-footer,
3166 .md .block .block-footer,
3167 .md .card .block-footer,
3168 .md .timeline .block-footer {
3169   margin-bottom: 0;
3170 }
3171 .md .list + .block-footer,
3172 .md .block + .block-footer,
3173 .md .card + .block-footer,
3174 .md .timeline + .block-footer {
3175   margin-top: -22px;
3176 }
3177 .md .block + .block-footer {
3178   margin-top: -22px;
3179   margin-bottom: 32px;
3180 }
3181 @media (min-width: 768px) {
3182   .md .block.tablet-inset {
3183     margin-left: 16px;
3184     margin-right: 16px;
3185     border-radius: 4px;
3186   }
3187   .md .block-strong.tablet-inset {
3188     border-radius: 4px;
3189   }
3190 }
3191 .md .theme-dark .block-title {
3192   color: #fff;
3193 }
3194 .md .theme-dark .block-header,
3195 .md .theme-dark .block-footer {
3196   color: rgba(255, 255, 255, 0.54);
3197 }
3198 @media (orientation: landscape) {
3199   .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3200   .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3201   .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3202   .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3203   .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3204   .md.device-iphone-x .ios-left-edge .block-header,
3205   .md.device-iphone-x .ios-edges .block-header,
3206   .md.device-iphone-x .popup .block-header,
3207   .md.device-iphone-x .sheet-modal .block-header,
3208   .md.device-iphone-x .panel-left .block-header,
3209   .md.device-iphone-x .ios-left-edge .block-footer,
3210   .md.device-iphone-x .ios-edges .block-footer,
3211   .md.device-iphone-x .popup .block-footer,
3212   .md.device-iphone-x .sheet-modal .block-footer,
3213   .md.device-iphone-x .panel-left .block-footer {
3214     padding-left: calc(16px + constant(safe-area-inset-left));
3215     padding-left: calc(16px + env(safe-area-inset-left));
3216   }
3217   .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3218   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3219   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3220   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3221   .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3222   .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3223   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3224   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3225   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3226   .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
3227     padding-left: 0;
3228   }
3229   .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3230   .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3231   .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3232   .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3233   .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3234   .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3235   .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3236   .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3237   .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3238   .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
3239     margin-left: calc(16px + constant(safe-area-inset-left));
3240     margin-left: calc(16px + env(safe-area-inset-left));
3241   }
3242   .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3243   .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3244   .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3245   .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3246   .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3247   .md.device-iphone-x .ios-right-edge .block-header,
3248   .md.device-iphone-x .ios-edges .block-header,
3249   .md.device-iphone-x .popup .block-header,
3250   .md.device-iphone-x .sheet-modal .block-header,
3251   .md.device-iphone-x .panel-right .block-header,
3252   .md.device-iphone-x .ios-right-edge .block-footer,
3253   .md.device-iphone-x .ios-edges .block-footer,
3254   .md.device-iphone-x .popup .block-footer,
3255   .md.device-iphone-x .sheet-modal .block-footer,
3256   .md.device-iphone-x .panel-right .block-footer {
3257     padding-right: calc(16px + constant(safe-area-inset-right));
3258     padding-right: calc(16px + env(safe-area-inset-right));
3259   }
3260   .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3261   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3262   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3263   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3264   .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3265   .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3266   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3267   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3268   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3269   .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
3270     padding-right: 0;
3271   }
3272   .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3273   .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3274   .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3275   .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3276   .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3277   .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3278   .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3279   .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3280   .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3281   .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
3282     margin-right: calc(16px + constant(safe-area-inset-right));
3283     margin-right: calc(16px + env(safe-area-inset-right));
3284   }
3285 }
3286 @media (orientation: landscape) and (min-width: 768px) {
3287   .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3288   .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3289   .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3290   .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3291   .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
3292     margin-left: calc(16px + constant(safe-area-inset-left));
3293     margin-left: calc(16px + env(safe-area-inset-left));
3294   }
3295 }
3296 @media (orientation: landscape) and (min-width: 768px) {
3297   .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3298   .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3299   .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3300   .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3301   .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
3302     margin-right: calc(16px + constant(safe-area-inset-right));
3303     margin-right: calc(16px + env(safe-area-inset-right));
3304   }
3305 }
3306 /* === List View === */
3307 .list {
3308   position: relative;
3309   z-index: 1;
3310 }
3311 .list ul {
3312   list-style: none;
3313   margin: 0;
3314   padding: 0;
3315   position: relative;
3316 }
3317 .list ul ul:before {
3318   display: none !important;
3319 }
3320 .list ul ul:after {
3321   display: none !important;
3322 }
3323 .list li {
3324   position: relative;
3325   -webkit-box-sizing: border-box;
3326   box-sizing: border-box;
3327 }
3328 .list .item-media {
3329   display: -webkit-box;
3330   display: -webkit-flex;
3331   display: -ms-flexbox;
3332   display: flex;
3333   -webkit-flex-shrink: 0;
3334   -ms-flex-negative: 0;
3335   flex-shrink: 0;
3336   -webkit-flex-wrap: nowrap;
3337   -ms-flex-wrap: nowrap;
3338   flex-wrap: nowrap;
3339   -webkit-box-align: center;
3340   -webkit-align-items: center;
3341   -ms-flex-align: center;
3342   align-items: center;
3343   -webkit-box-sizing: border-box;
3344   box-sizing: border-box;
3345   padding-bottom: 8px;
3346 }
3347 .list .item-inner {
3348   position: relative;
3349   width: 100%;
3350   padding-top: 8px;
3351   padding-bottom: 8px;
3352   min-width: 0;
3353   display: -webkit-box;
3354   display: -webkit-flex;
3355   display: -ms-flexbox;
3356   display: flex;
3357   -webkit-box-pack: justify;
3358   -webkit-justify-content: space-between;
3359   -ms-flex-pack: justify;
3360   justify-content: space-between;
3361   -webkit-box-sizing: border-box;
3362   box-sizing: border-box;
3363   -webkit-box-align: center;
3364   -webkit-align-items: center;
3365   -ms-flex-align: center;
3366   align-items: center;
3367   -webkit-align-self: stretch;
3368   -ms-flex-item-align: stretch;
3369   align-self: stretch;
3370 }
3371 .list .item-title {
3372   min-width: 0;
3373   -webkit-flex-shrink: 1;
3374   -ms-flex-negative: 1;
3375   flex-shrink: 1;
3376   white-space: nowrap;
3377   position: relative;
3378   overflow: hidden;
3379   text-overflow: ellipsis;
3380   max-width: 100%;
3381 }
3382 .list .item-after {
3383   white-space: nowrap;
3384   -webkit-flex-shrink: 0;
3385   -ms-flex-negative: 0;
3386   flex-shrink: 0;
3387   display: -webkit-box;
3388   display: -webkit-flex;
3389   display: -ms-flexbox;
3390   display: flex;
3391   margin-left: auto;
3392 }
3393 .list .item-link,
3394 .list .list-button {
3395   -webkit-transition-duration: 300ms;
3396   transition-duration: 300ms;
3397   -webkit-transition-property: background-color;
3398   transition-property: background-color;
3399   display: block;
3400   position: relative;
3401   overflow: hidden;
3402   z-index: 0;
3403 }
3404 .list .item-content {
3405   display: -webkit-box;
3406   display: -webkit-flex;
3407   display: -ms-flexbox;
3408   display: flex;
3409   -webkit-box-pack: justify;
3410   -webkit-justify-content: space-between;
3411   -ms-flex-pack: justify;
3412   justify-content: space-between;
3413   -webkit-box-sizing: border-box;
3414   box-sizing: border-box;
3415   -webkit-box-align: center;
3416   -webkit-align-items: center;
3417   -ms-flex-align: center;
3418   align-items: center;
3419 }
3420 .list .item-subtitle {
3421   position: relative;
3422   overflow: hidden;
3423   white-space: nowrap;
3424   max-width: 100%;
3425   text-overflow: ellipsis;
3426 }
3427 .list .item-text {
3428   position: relative;
3429   overflow: hidden;
3430   text-overflow: hidden;
3431   -webkit-line-clamp: 2;
3432   -webkit-box-orient: vertical;
3433   display: -webkit-box;
3434 }
3435 .list .item-title-row {
3436   display: -webkit-box;
3437   display: -webkit-flex;
3438   display: -ms-flexbox;
3439   display: flex;
3440   -webkit-box-pack: justify;
3441   -webkit-justify-content: space-between;
3442   -ms-flex-pack: justify;
3443   justify-content: space-between;
3444   -webkit-box-sizing: border-box;
3445   box-sizing: border-box;
3446 }
3447 .list .item-title-row .item-after {
3448   -webkit-align-self: center;
3449   -ms-flex-item-align: center;
3450   align-self: center;
3451 }
3452 .list .item-row {
3453   display: -webkit-box;
3454   display: -webkit-flex;
3455   display: -ms-flexbox;
3456   display: flex;
3457   -webkit-box-pack: justify;
3458   -webkit-justify-content: space-between;
3459   -ms-flex-pack: justify;
3460   justify-content: space-between;
3461   -webkit-box-sizing: border-box;
3462   box-sizing: border-box;
3463 }
3464 .list .item-cell {
3465   display: block;
3466   -webkit-align-self: center;
3467   -ms-flex-item-align: center;
3468   align-self: center;
3469   -webkit-box-sizing: border-box;
3470   box-sizing: border-box;
3471   -webkit-flex-shrink: 1;
3472   -ms-flex-negative: 1;
3473   flex-shrink: 1;
3474 }
3475 .list li:last-child .list-button:after {
3476   display: none !important;
3477 }
3478 .list li:last-child > .item-inner:after,
3479 .list li:last-child li:last-child > .item-inner:after,
3480 .list li:last-child > .item-content > .item-inner:after,
3481 .list li:last-child li:last-child > .item-content > .item-inner:after,
3482 .list li:last-child > .swipeout-content > .item-content > .item-inner:after,
3483 .list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
3484 .list li:last-child > .item-link > .item-content > .item-inner:after,
3485 .list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
3486   display: none !important;
3487 }
3488 .list.no-hairlines:before,
3489 .list.no-hairlines ul:before,
3490 .md .list.no-hairlines-md:before,
3491 .md .list.no-hairlines-md ul:before,
3492 .ios .list.no-hairlines-ios:before,
3493 .ios .list.no-hairlines-ios ul:before {
3494   display: none !important;
3495 }
3496 .list.no-hairlines:after,
3497 .list.no-hairlines ul:after,
3498 .md .list.no-hairlines-md:after,
3499 .md .list.no-hairlines-md ul:after,
3500 .ios .list.no-hairlines-ios:after,
3501 .ios .list.no-hairlines-ios ul:after {
3502   display: none !important;
3503 }
3504 .list.no-hairline-top:before,
3505 .list.no-hairline-top ul:before,
3506 .md .list.no-hairline-top-md:before,
3507 .md .list.no-hairline-top-md ul:before,
3508 .ios .list.no-hairline-top-ios:before,
3509 .ios .list.no-hairline-top-ios ul:before {
3510   display: none !important;
3511 }
3512 .list.no-hairline-bottom:after,
3513 .list.no-hairline-bottom ul:after,
3514 .md .list.no-hairline-bottom-md:after,
3515 .md .list.no-hairline-bottom-md ul:after,
3516 .ios .list.no-hairline-bottom-ios:after,
3517 .ios .list.no-hairline-bottom-ios ul:after {
3518   display: none !important;
3519 }
3520 .list.no-hairlines-between .item-inner:after,
3521 .md .list.no-hairlines-between-md .item-inner:after,
3522 .ios .list.no-hairlines-between-ios .item-inner:after,
3523 .list.no-hairlines-between .list-button:after,
3524 .md .list.no-hairlines-between-md .list-button:after,
3525 .ios .list.no-hairlines-between-ios .list-button:after,
3526 .list.no-hairlines-between .item-divider:after,
3527 .md .list.no-hairlines-between-md .item-divider:after,
3528 .ios .list.no-hairlines-between-ios .item-divider:after,
3529 .list.no-hairlines-between .list-group-title:after,
3530 .md .list.no-hairlines-between-md .list-group-title:after,
3531 .ios .list.no-hairlines-between-ios .list-group-title:after,
3532 .list.no-hairlines-between .list-group-title:after,
3533 .md .list.no-hairlines-between-md .list-group-title:after,
3534 .ios .list.no-hairlines-between-ios .list-group-title:after {
3535   display: none !important;
3536 }
3537 .list.no-hairlines-between.simple-list li:after,
3538 .md .list.no-hairlines-between-md.simple-list li:after,
3539 .ios .list.no-hairlines-between-ios.simple-list li:after {
3540   display: none !important;
3541 }
3542 .list.no-hairlines-between.links-list a:after,
3543 .md .list.no-hairlines-between-md.links-list a:after,
3544 .ios .list.no-hairlines-between-ios.links-list a:after {
3545   display: none !important;
3546 }
3547 .list.simple-list li {
3548   position: relative;
3549   white-space: nowrap;
3550   text-overflow: ellipsis;
3551   max-width: 100%;
3552   -webkit-box-sizing: border-box;
3553   box-sizing: border-box;
3554   display: -webkit-box;
3555   display: -webkit-flex;
3556   display: -ms-flexbox;
3557   display: flex;
3558   -webkit-box-pack: justify;
3559   -webkit-justify-content: space-between;
3560   -ms-flex-pack: justify;
3561   justify-content: space-between;
3562   -webkit-box-align: center;
3563   -webkit-align-items: center;
3564   -ms-flex-align: center;
3565   align-items: center;
3566   -webkit-align-content: center;
3567   -ms-flex-line-pack: center;
3568   align-content: center;
3569 }
3570 .list.simple-list li:last-child:after {
3571   display: none !important;
3572 }
3573 .list.links-list a {
3574   -webkit-transition-duration: 300ms;
3575   transition-duration: 300ms;
3576   -webkit-transition-property: background-color;
3577   transition-property: background-color;
3578   display: block;
3579   position: relative;
3580   overflow: hidden;
3581   display: -webkit-box;
3582   display: -webkit-flex;
3583   display: -ms-flexbox;
3584   display: flex;
3585   -webkit-box-align: center;
3586   -webkit-align-items: center;
3587   -ms-flex-align: center;
3588   align-items: center;
3589   -webkit-align-content: center;
3590   -ms-flex-line-pack: center;
3591   align-content: center;
3592   -webkit-box-pack: justify;
3593   -webkit-justify-content: space-between;
3594   -ms-flex-pack: justify;
3595   justify-content: space-between;
3596   -webkit-box-sizing: border-box;
3597   box-sizing: border-box;
3598   white-space: nowrap;
3599   text-overflow: ellipsis;
3600   max-width: 100%;
3601 }
3602 .list.links-list li:last-child a:after {
3603   display: none !important;
3604 }
3605 .media-list .item-inner,
3606 li.media-item .item-inner {
3607   display: block;
3608   -webkit-align-self: stretch;
3609   -ms-flex-item-align: stretch;
3610   align-self: stretch;
3611 }
3612 .media-list .item-link .item-inner,
3613 li.media-item .item-link .item-inner {
3614   background: none;
3615 }
3616 .media-list .item-media,
3617 li.media-item .item-media {
3618   -webkit-align-self: flex-start;
3619   -ms-flex-item-align: start;
3620   align-self: flex-start;
3621 }
3622 .media-list .item-media img,
3623 li.media-item .item-media img {
3624   display: block;
3625 }
3626 .list .item-link .item-inner,
3627 .links-list a,
3628 .media-list .item-link .item-title-row,
3629 li.media-item .item-link .item-title-row,
3630 .media-list.chevron-center .item-link .item-inner,
3631 .media-list .chevron-center .item-link .item-inner,
3632 .media-list .item-link.chevron-center .item-inner,
3633 li.media-item.chevron-center .item-link .item-inner,
3634 li.media-item .chevron-center .item-link .item-inner,
3635 li.media-item .item-link.chevron-center .item-inner {
3636   background-size: 8px 13px;
3637   background-repeat: no-repeat;
3638   background-position: 95% center;
3639   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(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
3640 }
3641 .links-list.no-chevron a,
3642 .no-chevron .links-list a,
3643 .links-list .no-chevron a,
3644 .item-link.no-chevron .item-inner,
3645 .no-chevron .item-link .item-inner,
3646 .media-list.no-chevron .item-link .item-title-row,
3647 .no-chevron .media-list .item-link .item-title-row,
3648 li.media-item .no-chevron .item-title-row,
3649 li.media-item.no-chevron .item-title-row,
3650 .media-list.chevron-center .item-title-row,
3651 .media-list .chevron-center .item-title-row,
3652 li.media-item.chevron-center .item-title-row,
3653 li.media-item .chevron-center .item-title-row {
3654   background-image: none !important;
3655 }
3656 .media-list .item-link .item-inner,
3657 li.media-item .item-link .item-inner {
3658   background-image: none;
3659 }
3660 .media-list .item-link .item-title-row,
3661 li.media-item .item-link .item-title-row {
3662   background-position: right center !important;
3663 }
3664 .list-group ul:after,
3665 .list-group ul:before {
3666   z-index: 25 !important;
3667 }
3668 .list-group + .list-group ul:before {
3669   display: none !important;
3670 }
3671 li.item-divider,
3672 .item-divider,
3673 li.list-group-title {
3674   white-space: nowrap;
3675   position: relative;
3676   max-width: 100%;
3677   text-overflow: ellipsis;
3678   overflow: hidden;
3679   z-index: 15;
3680 }
3681 li.list-group-title,
3682 .list li.list-group-title {
3683   position: relative;
3684   position: -webkit-sticky;
3685   position: sticky;
3686   top: 0;
3687   margin-top: 0;
3688   z-index: 20;
3689 }
3690 li.list-group-title:before,
3691 .list li.list-group-title:before {
3692   display: none !important;
3693 }
3694 .list.inset .block-title {
3695   margin-left: 0;
3696   margin-right: 0;
3697 }
3698 .list.inset ul:before {
3699   display: none !important;
3700 }
3701 .list.inset ul:after {
3702   display: none !important;
3703 }
3704 @media (min-width: 768px) {
3705   .list.tablet-inset .block-title {
3706     margin-left: 0;
3707     margin-right: 0;
3708   }
3709   .list.tablet-inset ul:before {
3710     display: none !important;
3711   }
3712   .list.tablet-inset ul:after {
3713     display: none !important;
3714   }
3715 }
3716 .theme-dark .list .item-link .item-inner,
3717 .list.theme-dark .item-link .item-inner,
3718 .theme-dark .links-list a,
3719 .links-list.theme-dark a,
3720 .theme-dark .media-list .item-link .item-title-row,
3721 .media-list.theme-dark .item-link .item-title-row,
3722 .theme-dark li.media-item .item-link .item-title-row {
3723   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(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
3724 }
3725 .theme-dark .media-list .item-link .item-inner,
3726 .media-list.theme-dark .item-link .item-inner,
3727 .theme-dark li.media-item .item-link .item-inner {
3728   background-image: none;
3729 }
3730 .ios .list {
3731   margin: 35px 0;
3732   font-size: 17px;
3733 }
3734 .ios .list .item-cell {
3735   width: 100%;
3736   min-width: 0;
3737   margin-left: 15px;
3738 }
3739 .ios .list .item-cell:first-child {
3740   margin-left: 0;
3741 }
3742 .ios .list ul {
3743   background: #fff;
3744 }
3745 .ios .list ul ul {
3746   padding-left: 45px;
3747 }
3748 .ios .list .item-media {
3749   padding-top: 7px;
3750 }
3751 .ios .list .item-media i + i,
3752 .ios .list .item-media i + img {
3753   margin-left: 5px;
3754 }
3755 .ios .list .item-media + .item-inner {
3756   margin-left: 15px;
3757 }
3758 .ios .list .item-inner {
3759   min-height: 44px;
3760   padding-right: 15px;
3761 }
3762 .ios .list .item-after {
3763   color: #8e8e93;
3764   padding-left: 5px;
3765 }
3766 .ios .list .item-link,
3767 .ios .list .list-button {
3768   color: inherit;
3769 }
3770 .ios .list .item-link .item-inner,
3771 .ios .list .list-button .item-inner {
3772   padding-right: 35px;
3773 }
3774 .ios .list .item-link.active-state,
3775 .ios .list .list-button.active-state {
3776   -webkit-transition-duration: 0ms;
3777   transition-duration: 0ms;
3778   background-color: #d9d9d9;
3779 }
3780 .ios .list .item-link.active-state .item-inner:after,
3781 .ios .list .list-button.active-state .item-inner:after {
3782   background-color: transparent;
3783 }
3784 .ios .list .list-button {
3785   padding: 0 15px;
3786   text-align: center;
3787   color: #007aff;
3788   line-height: 44px;
3789 }
3790 .ios .list .item-content {
3791   min-height: 44px;
3792   padding-left: 15px;
3793 }
3794 .ios .list .item-subtitle {
3795   font-size: 15px;
3796 }
3797 .ios .list .item-text {
3798   font-size: 15px;
3799   color: #8e8e93;
3800   line-height: 21px;
3801   max-height: 42px;
3802 }
3803 .ios .list .item-header,
3804 .ios .list .item-footer {
3805   font-weight: normal;
3806   font-size: 12px;
3807   line-height: 1.2;
3808   white-space: normal;
3809 }
3810 .ios .list .item-footer {
3811   color: #8e8e93;
3812 }
3813 .ios .list .item-link.no-chevron .item-inner,
3814 .ios .list.no-chevron .item-link .item-inner,
3815 .ios .list .no-chevron .item-link .item-inner,
3816 .ios .no-chevron .list .item-link .item-inner {
3817   padding-right: 15px;
3818 }
3819 .ios .simple-list li:after {
3820   content: '';
3821   position: absolute;
3822   background-color: #c8c7cc;
3823   display: block;
3824   z-index: 15;
3825   top: auto;
3826   right: auto;
3827   bottom: 0;
3828   left: 0;
3829   height: 1px;
3830   width: 100%;
3831   -webkit-transform-origin: 50% 100%;
3832   transform-origin: 50% 100%;
3833 }
3834 .ios.device-pixel-ratio-2 .simple-list li:after {
3835   -webkit-transform: scaleY(0.5);
3836   transform: scaleY(0.5);
3837 }
3838 .ios.device-pixel-ratio-3 .simple-list li:after {
3839   -webkit-transform: scaleY(0.33);
3840   transform: scaleY(0.33);
3841 }
3842 .ios .simple-list li {
3843   padding-left: 15px;
3844   padding-right: 15px;
3845   line-height: 44px;
3846   height: 44px;
3847 }
3848 .ios .simple-list li:after {
3849   width: auto;
3850   left: 15px;
3851   right: 0;
3852 }
3853 .ios .links-list a:after {
3854   content: '';
3855   position: absolute;
3856   background-color: #c8c7cc;
3857   display: block;
3858   z-index: 15;
3859   top: auto;
3860   right: auto;
3861   bottom: 0;
3862   left: 0;
3863   height: 1px;
3864   width: 100%;
3865   -webkit-transform-origin: 50% 100%;
3866   transform-origin: 50% 100%;
3867 }
3868 .ios.device-pixel-ratio-2 .links-list a:after {
3869   -webkit-transform: scaleY(0.5);
3870   transform: scaleY(0.5);
3871 }
3872 .ios.device-pixel-ratio-3 .links-list a:after {
3873   -webkit-transform: scaleY(0.33);
3874   transform: scaleY(0.33);
3875 }
3876 .ios .links-list a {
3877   height: 44px;
3878   color: inherit;
3879 }
3880 .ios .links-list a.active-state {
3881   -webkit-transition-duration: 0ms;
3882   transition-duration: 0ms;
3883   background-color: #d9d9d9;
3884 }
3885 .ios .links-list a:after {
3886   width: auto;
3887 }
3888 .ios .links-list a {
3889   padding-left: 15px;
3890   padding-right: 35px;
3891 }
3892 .ios .links-list a:after {
3893   left: 15px;
3894   right: 0;
3895 }
3896 .ios .links-list.no-chevron a,
3897 .ios .no-chevron .links-list a,
3898 .ios .links-list a.no-chevron,
3899 .ios .links-list .no-chevron a {
3900   padding-right: 15px;
3901 }
3902 .ios .media-list .item-title,
3903 .ios li.media-item .item-title {
3904   font-weight: 600;
3905 }
3906 .ios .media-list .item-inner,
3907 .ios li.media-item .item-inner {
3908   padding-top: 10px;
3909   padding-bottom: 9px;
3910 }
3911 .ios .media-list .item-media,
3912 .ios li.media-item .item-media {
3913   padding-top: 9px;
3914   padding-bottom: 10px;
3915 }
3916 .ios .media-list .item-link .item-inner,
3917 .ios li.media-item .item-link .item-inner {
3918   padding-right: 15px;
3919 }
3920 .ios .media-list .item-link .item-title-row,
3921 .ios li.media-item .item-link .item-title-row {
3922   padding-right: 20px;
3923 }
3924 .ios .media-list.chevron-center .item-link .item-inner,
3925 .ios .media-list .chevron-center .item-link .item-inner,
3926 .ios .media-list .item-link.chevron-center .item-inner,
3927 .ios li.media-item.chevron-center .item-link .item-inner,
3928 .ios li.media-item .item-link.chevron-center .item-inner,
3929 .ios li.media-item .chevron-center .item-link .item-inner {
3930   padding-right: 35px;
3931 }
3932 .ios .media-list.no-chevron .item-link .item-title-row,
3933 .ios .no-chevron .media-list .item-link .item-title-row,
3934 .ios .media-list .no-chevron .item-link .item-title-row,
3935 .ios li.media-item.no-chevron .item-link .item-title-row,
3936 .ios .no-chevron li.media-item .item-link .item-title-row,
3937 .ios .media-list.chevron-center .item-title-row,
3938 .ios .media-list .chevron-center .item-title-row,
3939 .ios li.media-item.chevron-center .item-title-row,
3940 .ios li.media-item .chevron-center .item-title-row {
3941   padding-right: 0 !important;
3942 }
3943 .ios .list .item-link .item-inner,
3944 .ios .links-list a {
3945   background-position: calc(100% - 15px) center;
3946 }
3947 .ios .item-divider,
3948 .ios .list-group-title {
3949   margin-top: -1px;
3950   padding: 4px 15px;
3951   background: #f7f7f7;
3952   color: #8e8e93;
3953 }
3954 .ios .item-divider:after,
3955 .ios .list-group-title:after {
3956   display: none !important;
3957 }
3958 .ios .list-group-title {
3959   margin-top: 0;
3960 }
3961 .ios .item-divider:before {
3962   content: '';
3963   position: absolute;
3964   background-color: #c8c7cc;
3965   display: block;
3966   z-index: 15;
3967   top: 0;
3968   right: auto;
3969   bottom: auto;
3970   left: 0;
3971   height: 1px;
3972   width: 100%;
3973   -webkit-transform-origin: 50% 0%;
3974   transform-origin: 50% 0%;
3975 }
3976 .ios.device-pixel-ratio-2 .item-divider:before {
3977   -webkit-transform: scaleY(0.5);
3978   transform: scaleY(0.5);
3979 }
3980 .ios.device-pixel-ratio-3 .item-divider:before {
3981   -webkit-transform: scaleY(0.33);
3982   transform: scaleY(0.33);
3983 }
3984 .ios .list-group-title:before {
3985   content: '';
3986   position: absolute;
3987   background-color: #c8c7cc;
3988   display: block;
3989   z-index: 15;
3990   top: 0;
3991   right: auto;
3992   bottom: auto;
3993   left: 0;
3994   height: 1px;
3995   width: 100%;
3996   -webkit-transform-origin: 50% 0%;
3997   transform-origin: 50% 0%;
3998 }
3999 .ios.device-pixel-ratio-2 .list-group-title:before {
4000   -webkit-transform: scaleY(0.5);
4001   transform: scaleY(0.5);
4002 }
4003 .ios.device-pixel-ratio-3 .list-group-title:before {
4004   -webkit-transform: scaleY(0.33);
4005   transform: scaleY(0.33);
4006 }
4007 .ios .list .list-button:after {
4008   content: '';
4009   position: absolute;
4010   background-color: #c8c7cc;
4011   display: block;
4012   z-index: 15;
4013   top: auto;
4014   right: auto;
4015   bottom: 0;
4016   left: 0;
4017   height: 1px;
4018   width: 100%;
4019   -webkit-transform-origin: 50% 100%;
4020   transform-origin: 50% 100%;
4021 }
4022 .ios.device-pixel-ratio-2 .list .list-button:after {
4023   -webkit-transform: scaleY(0.5);
4024   transform: scaleY(0.5);
4025 }
4026 .ios.device-pixel-ratio-3 .list .list-button:after {
4027   -webkit-transform: scaleY(0.33);
4028   transform: scaleY(0.33);
4029 }
4030 .ios .list .item-inner:after {
4031   content: '';
4032   position: absolute;
4033   background-color: #c8c7cc;
4034   display: block;
4035   z-index: 15;
4036   top: auto;
4037   right: auto;
4038   bottom: 0;
4039   left: 0;
4040   height: 1px;
4041   width: 100%;
4042   -webkit-transform-origin: 50% 100%;
4043   transform-origin: 50% 100%;
4044 }
4045 .ios.device-pixel-ratio-2 .list .item-inner:after {
4046   -webkit-transform: scaleY(0.5);
4047   transform: scaleY(0.5);
4048 }
4049 .ios.device-pixel-ratio-3 .list .item-inner:after {
4050   -webkit-transform: scaleY(0.33);
4051   transform: scaleY(0.33);
4052 }
4053 .ios .list ul:before {
4054   content: '';
4055   position: absolute;
4056   background-color: #c8c7cc;
4057   display: block;
4058   z-index: 15;
4059   top: 0;
4060   right: auto;
4061   bottom: auto;
4062   left: 0;
4063   height: 1px;
4064   width: 100%;
4065   -webkit-transform-origin: 50% 0%;
4066   transform-origin: 50% 0%;
4067 }
4068 .ios.device-pixel-ratio-2 .list ul:before {
4069   -webkit-transform: scaleY(0.5);
4070   transform: scaleY(0.5);
4071 }
4072 .ios.device-pixel-ratio-3 .list ul:before {
4073   -webkit-transform: scaleY(0.33);
4074   transform: scaleY(0.33);
4075 }
4076 .ios .list ul:after {
4077   content: '';
4078   position: absolute;
4079   background-color: #c8c7cc;
4080   display: block;
4081   z-index: 15;
4082   top: auto;
4083   right: auto;
4084   bottom: 0;
4085   left: 0;
4086   height: 1px;
4087   width: 100%;
4088   -webkit-transform-origin: 50% 100%;
4089   transform-origin: 50% 100%;
4090 }
4091 .ios.device-pixel-ratio-2 .list ul:after {
4092   -webkit-transform: scaleY(0.5);
4093   transform: scaleY(0.5);
4094 }
4095 .ios.device-pixel-ratio-3 .list ul:after {
4096   -webkit-transform: scaleY(0.33);
4097   transform: scaleY(0.33);
4098 }
4099 .ios .list.inset {
4100   margin-left: 15px;
4101   margin-right: 15px;
4102   border-radius: 7px;
4103 }
4104 .ios .list.inset ul {
4105   border-radius: 7px;
4106 }
4107 .ios .list.inset li:first-child > a {
4108   border-radius: 7px 7px 0 0;
4109 }
4110 .ios .list.inset li:last-child > a {
4111   border-radius: 0 0 7px 7px;
4112 }
4113 .ios .list.inset li:first-child:last-child > a {
4114   border-radius: 7px;
4115 }
4116 @media (min-width: 768px) {
4117   .ios .list.tablet-inset {
4118     margin-left: 15px;
4119     margin-right: 15px;
4120     border-radius: 7px;
4121   }
4122   .ios .list.tablet-inset ul {
4123     border-radius: 7px;
4124   }
4125   .ios .list.tablet-inset li:first-child > a {
4126     border-radius: 7px 7px 0 0;
4127   }
4128   .ios .list.tablet-inset li:last-child > a {
4129     border-radius: 0 0 7px 7px;
4130   }
4131   .ios .list.tablet-inset li:first-child:last-child > a {
4132     border-radius: 7px;
4133   }
4134 }
4135 .ios li li:last-child .item-inner:after,
4136 .ios li:last-child li .item-inner:after {
4137   content: '';
4138   position: absolute;
4139   background-color: #c8c7cc;
4140   display: block;
4141   z-index: 15;
4142   top: auto;
4143   right: auto;
4144   bottom: 0;
4145   left: 0;
4146   height: 1px;
4147   width: 100%;
4148   -webkit-transform-origin: 50% 100%;
4149   transform-origin: 50% 100%;
4150 }
4151 html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,
4152 html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after {
4153   -webkit-transform: scaleY(0.5);
4154   transform: scaleY(0.5);
4155 }
4156 html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,
4157 html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after {
4158   -webkit-transform: scaleY(0.33);
4159   transform: scaleY(0.33);
4160 }
4161 @media (orientation: landscape) {
4162   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4163   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4164   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4165   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4166   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
4167     padding-left: calc(15px + constant(safe-area-inset-left));
4168     padding-left: calc(15px + env(safe-area-inset-left));
4169   }
4170   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4171   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4172   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4173   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4174   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4175   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4176   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4177   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4178   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4179   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
4180     padding-left: calc(15px + constant(safe-area-inset-left));
4181     padding-left: calc(15px + env(safe-area-inset-left));
4182   }
4183   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4184   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4185   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4186   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4187   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
4188     margin-left: calc(15px + constant(safe-area-inset-left));
4189     margin-left: calc(15px + env(safe-area-inset-left));
4190   }
4191   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4192   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4193   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4194   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4195   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4196   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4197   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4198   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4199   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4200   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
4201     padding-left: 15px;
4202   }
4203   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
4204   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
4205   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
4206   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
4207   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content {
4208     padding-left: calc(15px + constant(safe-area-inset-left));
4209     padding-left: calc(15px + env(safe-area-inset-left));
4210   }
4211   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
4212   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
4213   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
4214   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
4215   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after {
4216     left: calc(15px + constant(safe-area-inset-left));
4217     left: calc(15px + env(safe-area-inset-left));
4218   }
4219   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4220   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4221   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4222   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4223   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
4224     padding-left: calc(15px + constant(safe-area-inset-left));
4225     padding-left: calc(15px + env(safe-area-inset-left));
4226   }
4227   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
4228   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
4229   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
4230   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
4231   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after {
4232     left: calc(15px + constant(safe-area-inset-left));
4233     left: calc(15px + env(safe-area-inset-left));
4234   }
4235   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4236   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4237   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4238   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4239   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
4240     margin-right: calc(15px + constant(safe-area-inset-right));
4241     margin-right: calc(15px + env(safe-area-inset-right));
4242   }
4243   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4244   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4245   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4246   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4247   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4248   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4249   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4250   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4251   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4252   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
4253     padding-right: 15px;
4254   }
4255   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4256   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4257   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4258   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4259   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4260   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4261   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4262   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4263   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4264   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
4265     padding-right: 15px;
4266   }
4267   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4268   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4269   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4270   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4271   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4272   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4273   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4274   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4275   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4276   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
4277     padding-right: calc(15px + constant(safe-area-inset-right));
4278     padding-right: calc(15px + env(safe-area-inset-right));
4279   }
4280   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4281   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4282   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4283   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4284   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
4285     padding-right: calc(15px + constant(safe-area-inset-right));
4286     padding-right: calc(15px + env(safe-area-inset-right));
4287   }
4288   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4289   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4290   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4291   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4292   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4293   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4294   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4295   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4296   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4297   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
4298     background-position: calc(100% - 15px - constant(safe-area-inset-right)) center;
4299     background-position: calc(100% - 15px - env(safe-area-inset-right)) center;
4300   }
4301   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
4302   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
4303   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
4304   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
4305   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner {
4306     padding-right: calc(15px + constant(safe-area-inset-right));
4307     padding-right: calc(15px + env(safe-area-inset-right));
4308   }
4309   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4310   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4311   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4312   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
4313   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
4314     padding-right: calc(35px + constant(safe-area-inset-right));
4315     padding-right: calc(35px + env(safe-area-inset-right));
4316   }
4317   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
4318   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
4319   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
4320   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
4321   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
4322   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
4323   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
4324   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
4325   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
4326   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner {
4327     padding-right: calc(15px + constant(safe-area-inset-right));
4328     padding-right: calc(15px + env(safe-area-inset-right));
4329   }
4330   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4331   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4332   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4333   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4334   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
4335     padding-right: calc(35px + constant(safe-area-inset-right));
4336     padding-right: calc(35px + env(safe-area-inset-right));
4337   }
4338   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
4339   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
4340   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
4341   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
4342   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
4343   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
4344   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
4345   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
4346   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
4347   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
4348   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
4349   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
4350   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
4351   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
4352   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
4353   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
4354   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
4355   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
4356   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
4357   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
4358   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
4359   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
4360   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
4361   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
4362   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
4363   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
4364   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
4365   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
4366   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
4367   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner {
4368     padding-right: calc(35px + constant(safe-area-inset-right));
4369     padding-right: calc(35px + env(safe-area-inset-right));
4370   }
4371   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
4372   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
4373   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
4374   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
4375   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
4376   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
4377   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
4378   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
4379   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
4380   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
4381   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
4382   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
4383   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
4384   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
4385   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
4386   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
4387   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
4388   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
4389   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
4390   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
4391   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
4392   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
4393   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
4394   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
4395   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
4396   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
4397   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
4398   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
4399   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
4400   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a {
4401     padding-right: calc(15px + constant(safe-area-inset-right));
4402     padding-right: calc(15px + env(safe-area-inset-right));
4403   }
4404   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
4405   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
4406   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
4407   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
4408   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
4409   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
4410   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
4411   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
4412   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
4413   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
4414   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
4415   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
4416   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
4417   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
4418   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
4419   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
4420   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
4421   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
4422   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
4423   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row {
4424     padding-right: 0;
4425   }
4426 }
4427 @media (orientation: landscape) and (min-width: 768px) {
4428   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4429   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4430   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4431   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4432   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
4433     margin-left: calc(15px + constant(safe-area-inset-left));
4434     margin-left: calc(15px + env(safe-area-inset-left));
4435   }
4436   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4437   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4438   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4439   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4440   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4441   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4442   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4443   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4444   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4445   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
4446     padding-left: 15px;
4447   }
4448 }
4449 @media (orientation: landscape) and (min-width: 768px) {
4450   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4451   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4452   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4453   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4454   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
4455     margin-right: calc(15px + constant(safe-area-inset-right));
4456     margin-right: calc(15px + env(safe-area-inset-right));
4457   }
4458 }
4459 .ios .theme-dark .list ul,
4460 .list.ios .theme-dark ul {
4461   background: #1c1c1d;
4462 }
4463 .ios .theme-dark .list ul:before,
4464 .list.ios .theme-dark ul:before {
4465   background-color: #282829;
4466 }
4467 .ios .theme-dark .list ul:after,
4468 .list.ios .theme-dark ul:after {
4469   background-color: #282829;
4470 }
4471 .ios .theme-dark .list li li:last-child .item-inner:after,
4472 .list.ios .theme-dark li li:last-child .item-inner:after,
4473 .ios .theme-dark .list li:last-child li .item-inner:after,
4474 .list.ios .theme-dark li:last-child li .item-inner:after {
4475   background-color: #282829;
4476 }
4477 .ios .theme-dark .item-divider:before {
4478   background-color: #282829;
4479 }
4480 .ios .theme-dark .list-group-title:before {
4481   background-color: #282829;
4482 }
4483 .ios .theme-dark .list-button:after {
4484   background-color: #282829;
4485 }
4486 .ios .theme-dark .item-inner:after {
4487   background-color: #282829;
4488 }
4489 .ios .theme-dark .item-divider,
4490 .ios .theme-dark .list-group-title {
4491   background-color: #111;
4492 }
4493 .ios .theme-dark .links-list a:after,
4494 .ios .theme-dark .simple-list li:after,
4495 .ios .theme-dark .links-list a:after,
4496 .links-list.ios .theme-dark a .simple-list li:after,
4497 .simple-list.ios .theme-dark li:after {
4498   background-color: #282829;
4499 }
4500 .ios .theme-dark .list .item-link.active-state,
4501 .list.ios .theme-dark .item-link.active-state,
4502 .ios .theme-dark .list .list-button.active-state,
4503 .list.ios .theme-dark .list-button.active-state,
4504 .ios .theme-dark .links-list a.active-state,
4505 .links-list.ios .theme-dark a.active-state {
4506   background-color: #363636;
4507 }
4508 .ios .color-theme-red .list-button {
4509   color: #ff3b30;
4510 }
4511 .ios .color-theme-green .list-button {
4512   color: #4cd964;
4513 }
4514 .ios .color-theme-blue .list-button {
4515   color: #007aff;
4516 }
4517 .ios .color-theme-pink .list-button {
4518   color: #ff2d55;
4519 }
4520 .ios .color-theme-yellow .list-button {
4521   color: #ffcc00;
4522 }
4523 .ios .color-theme-orange .list-button {
4524   color: #ff9500;
4525 }
4526 .ios .color-theme-gray .list-button {
4527   color: #8e8e93;
4528 }
4529 .ios .color-theme-white .list-button {
4530   color: #ffffff;
4531 }
4532 .ios .color-theme-black .list-button {
4533   color: #000000;
4534 }
4535 .ios .list .list-button.color-red,
4536 .ios .list li.color-red .list-button,
4537 .ios .links-list li.color-red a,
4538 .ios .simple-list li.color-red,
4539 .ios .links-list a.color-red,
4540 .ios .list .item-link.color-red,
4541 .ios .list li.color-red .item-link {
4542   color: #ff3b30;
4543 }
4544 .ios .list .list-button.color-green,
4545 .ios .list li.color-green .list-button,
4546 .ios .links-list li.color-green a,
4547 .ios .simple-list li.color-green,
4548 .ios .links-list a.color-green,
4549 .ios .list .item-link.color-green,
4550 .ios .list li.color-green .item-link {
4551   color: #4cd964;
4552 }
4553 .ios .list .list-button.color-blue,
4554 .ios .list li.color-blue .list-button,
4555 .ios .links-list li.color-blue a,
4556 .ios .simple-list li.color-blue,
4557 .ios .links-list a.color-blue,
4558 .ios .list .item-link.color-blue,
4559 .ios .list li.color-blue .item-link {
4560   color: #007aff;
4561 }
4562 .ios .list .list-button.color-pink,
4563 .ios .list li.color-pink .list-button,
4564 .ios .links-list li.color-pink a,
4565 .ios .simple-list li.color-pink,
4566 .ios .links-list a.color-pink,
4567 .ios .list .item-link.color-pink,
4568 .ios .list li.color-pink .item-link {
4569   color: #ff2d55;
4570 }
4571 .ios .list .list-button.color-yellow,
4572 .ios .list li.color-yellow .list-button,
4573 .ios .links-list li.color-yellow a,
4574 .ios .simple-list li.color-yellow,
4575 .ios .links-list a.color-yellow,
4576 .ios .list .item-link.color-yellow,
4577 .ios .list li.color-yellow .item-link {
4578   color: #ffcc00;
4579 }
4580 .ios .list .list-button.color-orange,
4581 .ios .list li.color-orange .list-button,
4582 .ios .links-list li.color-orange a,
4583 .ios .simple-list li.color-orange,
4584 .ios .links-list a.color-orange,
4585 .ios .list .item-link.color-orange,
4586 .ios .list li.color-orange .item-link {
4587   color: #ff9500;
4588 }
4589 .ios .list .list-button.color-gray,
4590 .ios .list li.color-gray .list-button,
4591 .ios .links-list li.color-gray a,
4592 .ios .simple-list li.color-gray,
4593 .ios .links-list a.color-gray,
4594 .ios .list .item-link.color-gray,
4595 .ios .list li.color-gray .item-link {
4596   color: #8e8e93;
4597 }
4598 .ios .list .list-button.color-white,
4599 .ios .list li.color-white .list-button,
4600 .ios .links-list li.color-white a,
4601 .ios .simple-list li.color-white,
4602 .ios .links-list a.color-white,
4603 .ios .list .item-link.color-white,
4604 .ios .list li.color-white .item-link {
4605   color: #ffffff;
4606 }
4607 .ios .list .list-button.color-black,
4608 .ios .list li.color-black .list-button,
4609 .ios .links-list li.color-black a,
4610 .ios .simple-list li.color-black,
4611 .ios .links-list a.color-black,
4612 .ios .list .item-link.color-black,
4613 .ios .list li.color-black .item-link {
4614   color: #000000;
4615 }
4616 .md .list {
4617   margin: 32px 0;
4618   font-size: 16px;
4619 }
4620 .md .list .item-cell {
4621   width: 100%;
4622   min-width: 0;
4623   margin-left: 16px;
4624 }
4625 .md .list .item-cell:first-child {
4626   margin-left: 0;
4627 }
4628 .md .list .ripple-wave + .item-cell {
4629   margin-left: 0;
4630 }
4631 .md .list ul ul {
4632   padding-left: 56px;
4633 }
4634 .md .list .item-media {
4635   padding-top: 8px;
4636   min-width: 40px;
4637 }
4638 .md .list .item-media i + i,
4639 .md .list .item-media i + img {
4640   margin-left: 8px;
4641 }
4642 .md .list .item-media + .item-inner {
4643   margin-left: 16px;
4644 }
4645 .md .list .item-inner {
4646   min-height: 48px;
4647   padding-right: 16px;
4648 }
4649 .md .list .item-after {
4650   color: #757575;
4651   font-size: 14px;
4652   padding-left: 8px;
4653 }
4654 .md .list .item-link,
4655 .md .list .list-button {
4656   color: inherit;
4657 }
4658 .md .list .item-link .item-inner,
4659 .md .list .list-button .item-inner {
4660   padding-right: 42px;
4661 }
4662 .md .list .item-link.active-state,
4663 .md .list .list-button.active-state {
4664   background-color: rgba(0, 0, 0, 0.1);
4665 }
4666 .md .list .list-button {
4667   padding: 0 16px;
4668   font-size: 16px;
4669   line-height: 48px;
4670 }
4671 .md .list .item-content {
4672   min-height: 48px;
4673   padding-left: 16px;
4674 }
4675 .md .list .item-subtitle {
4676   font-size: 14px;
4677 }
4678 .md .list .item-text {
4679   font-size: 14px;
4680   color: #757575;
4681   line-height: 20px;
4682   max-height: 40px;
4683 }
4684 .md .list .item-header,
4685 .md .list .item-footer {
4686   font-weight: normal;
4687   font-size: 12px;
4688   line-height: 1.2;
4689   white-space: normal;
4690 }
4691 .md .list .item-footer {
4692   color: rgba(0, 0, 0, 0.5);
4693 }
4694 .md .list .item-link.no-chevron .item-inner,
4695 .md .list.no-chevron .item-link .item-inner,
4696 .md .list .no-chevron .item-link .item-inner,
4697 .md .no-chevron .list .item-link .item-inner {
4698   padding-right: 16px;
4699 }
4700 .md .simple-list li:after {
4701   content: '';
4702   position: absolute;
4703   background-color: rgba(0, 0, 0, 0.12);
4704   display: block;
4705   z-index: 15;
4706   top: auto;
4707   right: auto;
4708   bottom: 0;
4709   left: 0;
4710   height: 1px;
4711   width: 100%;
4712   -webkit-transform-origin: 50% 100%;
4713   transform-origin: 50% 100%;
4714 }
4715 .md.device-pixel-ratio-2 .simple-list li:after {
4716   -webkit-transform: scaleY(0.5);
4717   transform: scaleY(0.5);
4718 }
4719 .md.device-pixel-ratio-3 .simple-list li:after {
4720   -webkit-transform: scaleY(0.33);
4721   transform: scaleY(0.33);
4722 }
4723 .md .simple-list li {
4724   padding-left: 16px;
4725   padding-right: 16px;
4726   line-height: 48px;
4727   height: 48px;
4728 }
4729 .md .simple-list li:after {
4730   width: auto;
4731   left: 16px;
4732   right: 0;
4733 }
4734 .md .links-list a:after {
4735   content: '';
4736   position: absolute;
4737   background-color: rgba(0, 0, 0, 0.12);
4738   display: block;
4739   z-index: 15;
4740   top: auto;
4741   right: auto;
4742   bottom: 0;
4743   left: 0;
4744   height: 1px;
4745   width: 100%;
4746   -webkit-transform-origin: 50% 100%;
4747   transform-origin: 50% 100%;
4748 }
4749 .md.device-pixel-ratio-2 .links-list a:after {
4750   -webkit-transform: scaleY(0.5);
4751   transform: scaleY(0.5);
4752 }
4753 .md.device-pixel-ratio-3 .links-list a:after {
4754   -webkit-transform: scaleY(0.33);
4755   transform: scaleY(0.33);
4756 }
4757 .md .links-list a {
4758   height: 48px;
4759   color: inherit;
4760 }
4761 .md .links-list a.active-state {
4762   background-color: rgba(0, 0, 0, 0.1);
4763 }
4764 .md .links-list a:after {
4765   width: auto;
4766 }
4767 .md .links-list a {
4768   padding-left: 16px;
4769   padding-right: 42px;
4770 }
4771 .md .links-list a:after {
4772   left: 16px;
4773   right: 0;
4774 }
4775 .md .links-list.no-chevron a,
4776 .md .no-chevron .links-list a,
4777 .md .links-list a.no-chevron,
4778 .md .links-list .no-chevron a {
4779   padding-right: 16px;
4780 }
4781 .md .media-list .item-inner,
4782 .md li.media-item .item-inner {
4783   padding-top: 14px;
4784   padding-bottom: 14px;
4785 }
4786 .md .media-list .item-link .item-inner,
4787 .md li.media-item .item-link .item-inner {
4788   padding-right: 16px;
4789 }
4790 .md .media-list .item-link .item-title-row,
4791 .md li.media-item .item-link .item-title-row {
4792   padding-right: 26px;
4793 }
4794 .md .media-list .item-media,
4795 .md li.media-item .item-media {
4796   padding-top: 14px;
4797   padding-bottom: 14px;
4798 }
4799 .md .media-list.chevron-center .item-link .item-inner,
4800 .md .media-list .chevron-center .item-link .item-inner,
4801 .md .media-list .item-link.chevron-center .item-inner,
4802 .md li.media-item.chevron-center .item-link .item-inner,
4803 .md li.media-item .item-link.chevron-center .item-inner,
4804 .md li.media-item .chevron-center .item-link .item-inner {
4805   padding-right: 42px;
4806 }
4807 .md .media-list.no-chevron .item-link .item-title-row,
4808 .md .no-chevron .media-list .item-link .item-title-row,
4809 .md .media-list .no-chevron .item-link .item-title-row,
4810 .md li.media-item.no-chevron .item-link .item-title-row,
4811 .md .no-chevron li.media-item .item-link .item-title-row,
4812 .md .media-list.chevron-center .item-title-row,
4813 .md .media-list .chevron-center .item-title-row,
4814 .md li.media-item.chevron-center .item-title-row,
4815 .md li.media-item .chevron-center .item-title-row {
4816   padding-right: 0 !important;
4817 }
4818 .md .list .item-link .item-inner,
4819 .md .links-list a {
4820   background-position: calc(100% - 16px) center;
4821 }
4822 .md .item-divider,
4823 .md .list-group-title {
4824   padding: 0 16px;
4825   background: #f4f4f4;
4826   color: rgba(0, 0, 0, 0.54);
4827   height: 48px;
4828   line-height: 48px;
4829   -webkit-box-sizing: border-box;
4830   box-sizing: border-box;
4831   font-size: 14px;
4832 }
4833 .md .item-divider:before,
4834 .md .list-group-title:before {
4835   display: none !important;
4836 }
4837 .md .item-divider:after,
4838 .md .list-group-title:after {
4839   display: none !important;
4840 }
4841 .md .list-group-title {
4842   margin-top: 0;
4843 }
4844 .md .list .item-inner:after {
4845   content: '';
4846   position: absolute;
4847   background-color: rgba(0, 0, 0, 0.12);
4848   display: block;
4849   z-index: 15;
4850   top: auto;
4851   right: auto;
4852   bottom: 0;
4853   left: 0;
4854   height: 1px;
4855   width: 100%;
4856   -webkit-transform-origin: 50% 100%;
4857   transform-origin: 50% 100%;
4858 }
4859 .md.device-pixel-ratio-2 .list .item-inner:after {
4860   -webkit-transform: scaleY(0.5);
4861   transform: scaleY(0.5);
4862 }
4863 .md.device-pixel-ratio-3 .list .item-inner:after {
4864   -webkit-transform: scaleY(0.33);
4865   transform: scaleY(0.33);
4866 }
4867 .md .list ul:before {
4868   content: '';
4869   position: absolute;
4870   background-color: rgba(0, 0, 0, 0.12);
4871   display: block;
4872   z-index: 15;
4873   top: 0;
4874   right: auto;
4875   bottom: auto;
4876   left: 0;
4877   height: 1px;
4878   width: 100%;
4879   -webkit-transform-origin: 50% 0%;
4880   transform-origin: 50% 0%;
4881 }
4882 .md.device-pixel-ratio-2 .list ul:before {
4883   -webkit-transform: scaleY(0.5);
4884   transform: scaleY(0.5);
4885 }
4886 .md.device-pixel-ratio-3 .list ul:before {
4887   -webkit-transform: scaleY(0.33);
4888   transform: scaleY(0.33);
4889 }
4890 .md .list ul:after {
4891   content: '';
4892   position: absolute;
4893   background-color: rgba(0, 0, 0, 0.12);
4894   display: block;
4895   z-index: 15;
4896   top: auto;
4897   right: auto;
4898   bottom: 0;
4899   left: 0;
4900   height: 1px;
4901   width: 100%;
4902   -webkit-transform-origin: 50% 100%;
4903   transform-origin: 50% 100%;
4904 }
4905 .md.device-pixel-ratio-2 .list ul:after {
4906   -webkit-transform: scaleY(0.5);
4907   transform: scaleY(0.5);
4908 }
4909 .md.device-pixel-ratio-3 .list ul:after {
4910   -webkit-transform: scaleY(0.33);
4911   transform: scaleY(0.33);
4912 }
4913 .md .list.inset {
4914   margin-left: 16px;
4915   margin-right: 16px;
4916   border-radius: 4px;
4917 }
4918 .md .list.inset ul {
4919   border-radius: 4px;
4920 }
4921 .md .list.inset li:first-child > a {
4922   border-radius: 4px 4px 0 0;
4923 }
4924 .md .list.inset li:last-child > a {
4925   border-radius: 0 0 4px 4px;
4926 }
4927 .md .list.inset li:first-child:last-child > a {
4928   border-radius: 4px;
4929 }
4930 @media (min-width: 768px) {
4931   .md .list.tablet-inset {
4932     margin-left: 16px;
4933     margin-right: 16px;
4934     border-radius: 4px;
4935   }
4936   .md .list.tablet-inset li:first-child > a {
4937     border-radius: 4px 4px 0 0;
4938   }
4939   .md .list.tablet-inset li:last-child > a {
4940     border-radius: 0 0 4px 4px;
4941   }
4942   .md .list.tablet-inset li:first-child:last-child > a {
4943     border-radius: 4px;
4944   }
4945 }
4946 .md li li:last-child .item-inner:after,
4947 .md li:last-child li .item-inner:after {
4948   content: '';
4949   position: absolute;
4950   background-color: rgba(0, 0, 0, 0.12);
4951   display: block;
4952   z-index: 15;
4953   top: auto;
4954   right: auto;
4955   bottom: 0;
4956   left: 0;
4957   height: 1px;
4958   width: 100%;
4959   -webkit-transform-origin: 50% 100%;
4960   transform-origin: 50% 100%;
4961 }
4962 html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,
4963 html.device-pixel-ratio-2 .md li:last-child li .item-inner:after {
4964   -webkit-transform: scaleY(0.5);
4965   transform: scaleY(0.5);
4966 }
4967 html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,
4968 html.device-pixel-ratio-3 .md li:last-child li .item-inner:after {
4969   -webkit-transform: scaleY(0.33);
4970   transform: scaleY(0.33);
4971 }
4972 @media (orientation: landscape) {
4973   .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,
4974   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4975   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4976   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4977   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
4978     padding-left: calc(16px + constant(safe-area-inset-left));
4979     padding-left: calc(16px + env(safe-area-inset-left));
4980   }
4981   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4982   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4983   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4984   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4985   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4986   .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,
4987   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4988   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4989   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4990   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
4991     padding-left: calc(16px + constant(safe-area-inset-left));
4992     padding-left: calc(16px + env(safe-area-inset-left));
4993   }
4994   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4995   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4996   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4997   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4998   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
4999     margin-left: calc(16px + constant(safe-area-inset-left));
5000     margin-left: calc(16px + env(safe-area-inset-left));
5001   }
5002   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5003   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5004   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5005   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5006   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5007   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5008   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5009   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5010   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5011   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
5012     padding-left: 15px;
5013   }
5014   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
5015   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
5016   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
5017   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
5018   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content {
5019     padding-left: calc(16px + constant(safe-area-inset-left));
5020     padding-left: calc(16px + env(safe-area-inset-left));
5021   }
5022   .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:after,
5023   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
5024   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
5025   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
5026   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after {
5027     left: calc(16px + constant(safe-area-inset-left));
5028     left: calc(16px + env(safe-area-inset-left));
5029   }
5030   .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,
5031   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5032   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5033   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5034   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
5035     padding-left: calc(16px + constant(safe-area-inset-left));
5036     padding-left: calc(16px + env(safe-area-inset-left));
5037   }
5038   .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:after,
5039   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
5040   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
5041   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
5042   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after {
5043     left: calc(16px + constant(safe-area-inset-left));
5044     left: calc(16px + env(safe-area-inset-left));
5045   }
5046   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5047   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5048   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5049   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5050   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
5051     margin-right: calc(16px + constant(safe-area-inset-right));
5052     margin-right: calc(16px + env(safe-area-inset-right));
5053   }
5054   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5055   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5056   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5057   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5058   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5059   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5060   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5061   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5062   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5063   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
5064     padding-right: 16px;
5065   }
5066   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5067   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5068   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5069   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5070   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5071   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5072   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5073   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5074   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5075   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
5076     padding-right: 16px;
5077   }
5078   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5079   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5080   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5081   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5082   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5083   .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,
5084   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
5085   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
5086   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
5087   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
5088     padding-right: calc(16px + constant(safe-area-inset-right));
5089     padding-right: calc(16px + env(safe-area-inset-right));
5090   }
5091   .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,
5092   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
5093   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
5094   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
5095   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
5096     padding-right: calc(16px + constant(safe-area-inset-right));
5097     padding-right: calc(16px + env(safe-area-inset-right));
5098   }
5099   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5100   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5101   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5102   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5103   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5104   .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,
5105   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5106   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5107   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5108   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
5109     background-position: calc(100% - 16px - constant(safe-area-inset-right)) center;
5110     background-position: calc(100% - 16px - env(safe-area-inset-right)) center;
5111   }
5112   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
5113   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
5114   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
5115   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
5116   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner {
5117     padding-right: calc(16px + constant(safe-area-inset-right));
5118     padding-right: calc(16px + env(safe-area-inset-right));
5119   }
5120   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5121   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5122   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5123   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
5124   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
5125     padding-right: calc(42px + constant(safe-area-inset-right));
5126     padding-right: calc(42px + env(safe-area-inset-right));
5127   }
5128   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
5129   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
5130   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
5131   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
5132   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
5133   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
5134   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
5135   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
5136   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
5137   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner {
5138     padding-right: calc(16px + constant(safe-area-inset-right));
5139     padding-right: calc(16px + env(safe-area-inset-right));
5140   }
5141   .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,
5142   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5143   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5144   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5145   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
5146     padding-right: calc(42px + constant(safe-area-inset-right));
5147     padding-right: calc(42px + env(safe-area-inset-right));
5148   }
5149   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
5150   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
5151   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
5152   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
5153   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
5154   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
5155   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
5156   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
5157   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
5158   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
5159   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
5160   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
5161   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
5162   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
5163   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
5164   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
5165   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
5166   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
5167   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
5168   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
5169   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
5170   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
5171   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
5172   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
5173   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
5174   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
5175   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
5176   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
5177   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
5178   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner {
5179     padding-right: calc(42px + constant(safe-area-inset-right));
5180     padding-right: calc(42px + env(safe-area-inset-right));
5181   }
5182   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
5183   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
5184   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
5185   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
5186   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
5187   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
5188   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
5189   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
5190   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
5191   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
5192   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
5193   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
5194   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
5195   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
5196   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
5197   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
5198   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
5199   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
5200   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
5201   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
5202   .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.no-chevron,
5203   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
5204   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
5205   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
5206   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
5207   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
5208   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
5209   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
5210   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
5211   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a {
5212     padding-right: calc(16px + constant(safe-area-inset-right));
5213     padding-right: calc(16px + env(safe-area-inset-right));
5214   }
5215   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
5216   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
5217   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
5218   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
5219   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
5220   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
5221   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
5222   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
5223   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
5224   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
5225   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
5226   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
5227   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
5228   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
5229   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
5230   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
5231   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
5232   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
5233   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
5234   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row {
5235     padding-right: 0;
5236   }
5237 }
5238 @media (orientation: landscape) and (min-width: 768px) {
5239   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5240   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5241   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5242   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5243   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
5244     margin-left: calc(16px + constant(safe-area-inset-left));
5245     margin-left: calc(16px + env(safe-area-inset-left));
5246   }
5247   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5248   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5249   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5250   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5251   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5252   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5253   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5254   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5255   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5256   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
5257     padding-left: 15px;
5258   }
5259 }
5260 @media (orientation: landscape) and (min-width: 768px) {
5261   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5262   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5263   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5264   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5265   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
5266     margin-right: calc(16px + constant(safe-area-inset-right));
5267     margin-right: calc(16px + env(safe-area-inset-right));
5268   }
5269 }
5270 .md .theme-dark .list ul:before,
5271 .list.md .theme-dark ul:before {
5272   background-color: rgba(255, 255, 255, 0.08);
5273 }
5274 .md .theme-dark .list ul:after,
5275 .list.md .theme-dark ul:after {
5276   background-color: rgba(255, 255, 255, 0.08);
5277 }
5278 .md .theme-dark .list li li:last-child .item-inner:after,
5279 .list.md .theme-dark li li:last-child .item-inner:after,
5280 .md .theme-dark .list li:last-child li .item-inner:after,
5281 .list.md .theme-dark li:last-child li .item-inner:after {
5282   background-color: rgba(255, 255, 255, 0.08);
5283 }
5284 .md .theme-dark .item-divider:before {
5285   background-color: rgba(255, 255, 255, 0.08);
5286 }
5287 .md .theme-dark .list-group-title:before {
5288   background-color: rgba(255, 255, 255, 0.08);
5289 }
5290 .md .theme-dark .list-button:after {
5291   background-color: rgba(255, 255, 255, 0.08);
5292 }
5293 .md .theme-dark .item-inner:after {
5294   background-color: rgba(255, 255, 255, 0.08);
5295 }
5296 .md .theme-dark .item-divider,
5297 .md .theme-dark .list-group-title {
5298   background-color: #111;
5299   color: #fff;
5300 }
5301 .md .theme-dark .links-list a:after,
5302 .md .theme-dark .simple-list li:after,
5303 .md .theme-dark .links-list a:after,
5304 .links-list.md .theme-dark a .simple-list li:after,
5305 .simple-list.md .theme-dark li:after {
5306   background-color: rgba(255, 255, 255, 0.08);
5307 }
5308 .md .theme-dark .list .item-link.active-state,
5309 .list.md .theme-dark .item-link.active-state,
5310 .md .theme-dark .list .list-button.active-state,
5311 .list.md .theme-dark .list-button.active-state,
5312 .md .theme-dark .links-list a.active-state,
5313 .links-list.md .theme-dark a.active-state {
5314   background-color: rgba(255, 255, 255, 0.05);
5315 }
5316 .md .theme-dark .item-after,
5317 .md .theme-dark .item-text {
5318   color: rgba(255, 255, 255, 0.54);
5319 }
5320 .md .color-theme-red .list-button {
5321   color: #f44336;
5322 }
5323 .md .color-theme-green .list-button {
5324   color: #4caf50;
5325 }
5326 .md .color-theme-blue .list-button {
5327   color: #2196f3;
5328 }
5329 .md .color-theme-pink .list-button {
5330   color: #e91e63;
5331 }
5332 .md .color-theme-yellow .list-button {
5333   color: #ffeb3b;
5334 }
5335 .md .color-theme-orange .list-button {
5336   color: #ff9800;
5337 }
5338 .md .color-theme-gray .list-button {
5339   color: #9e9e9e;
5340 }
5341 .md .color-theme-white .list-button {
5342   color: #ffffff;
5343 }
5344 .md .color-theme-black .list-button {
5345   color: #000000;
5346 }
5347 .md .list .list-button.color-red,
5348 .md .list li.color-red .list-button,
5349 .md .links-list li.color-red a,
5350 .md .simple-list li.color-red,
5351 .md .links-list a.color-red,
5352 .md .list .item-link.color-red,
5353 .md .list li.color-red .item-link {
5354   color: #f44336;
5355 }
5356 .md .list .list-button.color-green,
5357 .md .list li.color-green .list-button,
5358 .md .links-list li.color-green a,
5359 .md .simple-list li.color-green,
5360 .md .links-list a.color-green,
5361 .md .list .item-link.color-green,
5362 .md .list li.color-green .item-link {
5363   color: #4caf50;
5364 }
5365 .md .list .list-button.color-blue,
5366 .md .list li.color-blue .list-button,
5367 .md .links-list li.color-blue a,
5368 .md .simple-list li.color-blue,
5369 .md .links-list a.color-blue,
5370 .md .list .item-link.color-blue,
5371 .md .list li.color-blue .item-link {
5372   color: #2196f3;
5373 }
5374 .md .list .list-button.color-pink,
5375 .md .list li.color-pink .list-button,
5376 .md .links-list li.color-pink a,
5377 .md .simple-list li.color-pink,
5378 .md .links-list a.color-pink,
5379 .md .list .item-link.color-pink,
5380 .md .list li.color-pink .item-link {
5381   color: #e91e63;
5382 }
5383 .md .list .list-button.color-yellow,
5384 .md .list li.color-yellow .list-button,
5385 .md .links-list li.color-yellow a,
5386 .md .simple-list li.color-yellow,
5387 .md .links-list a.color-yellow,
5388 .md .list .item-link.color-yellow,
5389 .md .list li.color-yellow .item-link {
5390   color: #ffeb3b;
5391 }
5392 .md .list .list-button.color-orange,
5393 .md .list li.color-orange .list-button,
5394 .md .links-list li.color-orange a,
5395 .md .simple-list li.color-orange,
5396 .md .links-list a.color-orange,
5397 .md .list .item-link.color-orange,
5398 .md .list li.color-orange .item-link {
5399   color: #ff9800;
5400 }
5401 .md .list .list-button.color-gray,
5402 .md .list li.color-gray .list-button,
5403 .md .links-list li.color-gray a,
5404 .md .simple-list li.color-gray,
5405 .md .links-list a.color-gray,
5406 .md .list .item-link.color-gray,
5407 .md .list li.color-gray .item-link {
5408   color: #9e9e9e;
5409 }
5410 .md .list .list-button.color-white,
5411 .md .list li.color-white .list-button,
5412 .md .links-list li.color-white a,
5413 .md .simple-list li.color-white,
5414 .md .links-list a.color-white,
5415 .md .list .item-link.color-white,
5416 .md .list li.color-white .item-link {
5417   color: #ffffff;
5418 }
5419 .md .list .list-button.color-black,
5420 .md .list li.color-black .list-button,
5421 .md .links-list li.color-black a,
5422 .md .simple-list li.color-black,
5423 .md .links-list a.color-black,
5424 .md .list .item-link.color-black,
5425 .md .list li.color-black .item-link {
5426   color: #000000;
5427 }
5428 /* === Badge === */
5429 .badge {
5430   display: inline-block;
5431   color: #fff;
5432   background: #8e8e93;
5433   position: relative;
5434   -webkit-box-sizing: border-box;
5435   box-sizing: border-box;
5436   text-align: center;
5437 }
5438 .icon .badge,
5439 .f7-icons .badge,
5440 .framework7-icons .badge,
5441 .material-icons .badge {
5442   position: absolute;
5443   left: 100%;
5444   margin-left: -10px;
5445   top: -2px;
5446 }
5447 .ios .badge {
5448   font-size: 13px;
5449   border-radius: 20px;
5450   padding: 0 6px;
5451   height: 20px;
5452   line-height: 20px;
5453 }
5454 .ios .icon .badge,
5455 .ios .f7-icons .badge,
5456 .ios .framework7-icons .badge,
5457 .ios .material-icons .badge {
5458   line-height: 16px;
5459   height: 16px;
5460   border-radius: 16px;
5461   padding: 0 4px;
5462   min-width: 16px;
5463   font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
5464   font-size: 10px;
5465 }
5466 .ios .badge.color-red {
5467   background-color: #ff3b30;
5468 }
5469 .ios .badge.color-green {
5470   background-color: #4cd964;
5471 }
5472 .ios .badge.color-blue {
5473   background-color: #007aff;
5474 }
5475 .ios .badge.color-pink {
5476   background-color: #ff2d55;
5477 }
5478 .ios .badge.color-yellow {
5479   background-color: #ffcc00;
5480 }
5481 .ios .badge.color-orange {
5482   background-color: #ff9500;
5483 }
5484 .ios .badge.color-gray {
5485   background-color: #8e8e93;
5486 }
5487 .ios .badge.color-white {
5488   background-color: #ffffff;
5489 }
5490 .ios .badge.color-black {
5491   background-color: #000000;
5492 }
5493 .md .badge {
5494   font-size: 10px;
5495   border-radius: 3px;
5496   padding: 1px 6px;
5497   vertical-align: middle;
5498 }
5499 .md .icon .badge,
5500 .md .f7-icons .badge,
5501 .md .framework7-icons .badge,
5502 .md .material-icons .badge {
5503   line-height: 1.4;
5504   padding: 1px 5px;
5505   font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
5506   font-size: 10px;
5507 }
5508 .md .badge.color-red {
5509   background-color: #f44336;
5510 }
5511 .md .badge.color-green {
5512   background-color: #4caf50;
5513 }
5514 .md .badge.color-blue {
5515   background-color: #2196f3;
5516 }
5517 .md .badge.color-pink {
5518   background-color: #e91e63;
5519 }
5520 .md .badge.color-yellow {
5521   background-color: #ffeb3b;
5522 }
5523 .md .badge.color-orange {
5524   background-color: #ff9800;
5525 }
5526 .md .badge.color-gray {
5527   background-color: #9e9e9e;
5528 }
5529 .md .badge.color-white {
5530   background-color: #ffffff;
5531 }
5532 .md .badge.color-black {
5533   background-color: #000000;
5534 }
5535 button {
5536   -webkit-appearance: none;
5537   -moz-appearance: none;
5538   appearance: none;
5539 }
5540 .button {
5541   text-decoration: none;
5542   text-align: center;
5543   display: block;
5544   -webkit-appearance: none;
5545   -moz-appearance: none;
5546   appearance: none;
5547   background: none;
5548   padding: 0 10px;
5549   margin: 0;
5550   white-space: nowrap;
5551   text-overflow: ellipsis;
5552   font-size: 14px;
5553   position: relative;
5554   overflow: hidden;
5555   font-family: inherit;
5556   cursor: pointer;
5557   outline: 0;
5558   -webkit-box-sizing: border-box;
5559   box-sizing: border-box;
5560   vertical-align: middle;
5561 }
5562 input[type="submit"].button,
5563 input[type="button"].button {
5564   width: 100%;
5565 }
5566 button {
5567   width: 100%;
5568 }
5569 .segmented {
5570   -webkit-align-self: center;
5571   -ms-flex-item-align: center;
5572   align-self: center;
5573   display: -webkit-box;
5574   display: -webkit-flex;
5575   display: -ms-flexbox;
5576   display: flex;
5577   -webkit-flex-wrap: nowrap;
5578   -ms-flex-wrap: nowrap;
5579   flex-wrap: nowrap;
5580 }
5581 .segmented .button,
5582 .segmented button {
5583   width: 100%;
5584   -webkit-flex-shrink: 1;
5585   -ms-flex-negative: 1;
5586   flex-shrink: 1;
5587   min-width: 0;
5588 }
5589 .subnavbar .segmented {
5590   width: 100%;
5591 }
5592 .ios .button {
5593   border: 1px solid #007aff;
5594   color: #007aff;
5595   border-radius: 5px;
5596   line-height: 27px;
5597   height: 29px;
5598 }
5599 .ios .button.active-state {
5600   background: rgba(0, 122, 255, 0.15);
5601 }
5602 .ios .button.button-round,
5603 .ios .button.button-round-ios {
5604   border-radius: 29px;
5605 }
5606 .ios .button.button-active,
5607 .ios .button.tab-link-active {
5608   background: #007aff;
5609   color: #fff;
5610 }
5611 .ios .button.button-big,
5612 .ios .button.button-big-ios {
5613   font-size: 17px;
5614   height: 44px;
5615   line-height: 42px;
5616 }
5617 .ios .button.button-small,
5618 .ios .button.button-small-ios {
5619   height: 26px;
5620   line-height: 22px;
5621   border-width: 2px;
5622   font-size: 13px;
5623   font-weight: 600;
5624   text-transform: uppercase;
5625   -webkit-transition-duration: 200ms;
5626   transition-duration: 200ms;
5627 }
5628 .ios .button.button-small.button-fill.active-state,
5629 .ios .button.button-small-ios.button-fill.active-state,
5630 .ios .button.button-small.button-fill-ios.active-state,
5631 .ios .button.button-small-ios.button-fill-ios.active-state {
5632   color: #007aff;
5633   border: 2px solid #007aff;
5634   background-color: transparent;
5635   opacity: 1;
5636 }
5637 .ios .button.button-fill,
5638 .ios .button.button-fill-ios {
5639   color: #fff;
5640   background: #007aff;
5641   border-color: transparent;
5642 }
5643 .ios .button.button-fill.active-state,
5644 .ios .button.button-fill-ios.active-state {
5645   opacity: 0.8;
5646 }
5647 .ios .button i.icon:first-child {
5648   margin-right: 10px;
5649 }
5650 .ios .button i.icon:last-child {
5651   margin-left: 10px;
5652 }
5653 .ios .button i.icon:first-child:last-child {
5654   margin-left: 0;
5655   margin-right: 0;
5656 }
5657 .ios .segmented .button {
5658   border-radius: 0;
5659   border-left-width: 0;
5660 }
5661 .ios .segmented .button:first-child {
5662   border-radius: 5px 0 0 5px;
5663   border-left-width: 1px;
5664   border-left-style: solid;
5665 }
5666 .ios .segmented .button:first-child.button-small {
5667   border-left-width: 2px;
5668 }
5669 .ios .segmented .button:last-child {
5670   border-radius: 0 5px 5px 0;
5671 }
5672 .ios .segmented .button:first-child:last-child {
5673   border-radius: 5px;
5674 }
5675 .ios .segmented .button.button-round:first-child,
5676 .ios .segmented .button.button-round-ios:first-child {
5677   border-radius: 29px 0 0 29px;
5678 }
5679 .ios .segmented .button.button-round:last-child,
5680 .ios .segmented .button.button-round-ios:last-child {
5681   border-radius: 0 29px 29px 0;
5682 }
5683 .ios .color-theme-red .button {
5684   border-color: #ff3b30;
5685   color: #ff3b30;
5686 }
5687 .ios .color-theme-red .button.active-state {
5688   background: rgba(255, 59, 48, 0.15);
5689 }
5690 .ios .color-theme-red .button.button-active,
5691 .ios .color-theme-red .button.tab-link-active,
5692 .ios .color-theme-red .button.button-fill,
5693 .ios .color-theme-red .button.button-fill-ios {
5694   color: #fff;
5695 }
5696 .ios .color-theme-red .button.button-active,
5697 .ios .color-theme-red .button.tab-link-active {
5698   background: #ff3b30;
5699 }
5700 .ios .color-theme-red .button.button-fill,
5701 .ios .color-theme-red .button.button-fill-ios {
5702   background: #ff3b30;
5703   border-color: transparent;
5704 }
5705 .ios .color-theme-red .button.button-small.button-fill.active-state,
5706 .ios .color-theme-red .button.button-small-ios.button-fill.active-state,
5707 .ios .color-theme-red .button.button-small.button-fill-ios.active-state,
5708 .ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state {
5709   color: #ff3b30;
5710   border: 2px solid #ff3b30;
5711   background-color: transparent;
5712 }
5713 .ios .color-theme-green .button {
5714   border-color: #4cd964;
5715   color: #4cd964;
5716 }
5717 .ios .color-theme-green .button.active-state {
5718   background: rgba(76, 217, 100, 0.15);
5719 }
5720 .ios .color-theme-green .button.button-active,
5721 .ios .color-theme-green .button.tab-link-active,
5722 .ios .color-theme-green .button.button-fill,
5723 .ios .color-theme-green .button.button-fill-ios {
5724   color: #fff;
5725 }
5726 .ios .color-theme-green .button.button-active,
5727 .ios .color-theme-green .button.tab-link-active {
5728   background: #4cd964;
5729 }
5730 .ios .color-theme-green .button.button-fill,
5731 .ios .color-theme-green .button.button-fill-ios {
5732   background: #4cd964;
5733   border-color: transparent;
5734 }
5735 .ios .color-theme-green .button.button-small.button-fill.active-state,
5736 .ios .color-theme-green .button.button-small-ios.button-fill.active-state,
5737 .ios .color-theme-green .button.button-small.button-fill-ios.active-state,
5738 .ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state {
5739   color: #4cd964;
5740   border: 2px solid #4cd964;
5741   background-color: transparent;
5742 }
5743 .ios .color-theme-blue .button {
5744   border-color: #007aff;
5745   color: #007aff;
5746 }
5747 .ios .color-theme-blue .button.active-state {
5748   background: rgba(0, 122, 255, 0.15);
5749 }
5750 .ios .color-theme-blue .button.button-active,
5751 .ios .color-theme-blue .button.tab-link-active,
5752 .ios .color-theme-blue .button.button-fill,
5753 .ios .color-theme-blue .button.button-fill-ios {
5754   color: #fff;
5755 }
5756 .ios .color-theme-blue .button.button-active,
5757 .ios .color-theme-blue .button.tab-link-active {
5758   background: #007aff;
5759 }
5760 .ios .color-theme-blue .button.button-fill,
5761 .ios .color-theme-blue .button.button-fill-ios {
5762   background: #007aff;
5763   border-color: transparent;
5764 }
5765 .ios .color-theme-blue .button.button-small.button-fill.active-state,
5766 .ios .color-theme-blue .button.button-small-ios.button-fill.active-state,
5767 .ios .color-theme-blue .button.button-small.button-fill-ios.active-state,
5768 .ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state {
5769   color: #007aff;
5770   border: 2px solid #007aff;
5771   background-color: transparent;
5772 }
5773 .ios .color-theme-pink .button {
5774   border-color: #ff2d55;
5775   color: #ff2d55;
5776 }
5777 .ios .color-theme-pink .button.active-state {
5778   background: rgba(255, 45, 85, 0.15);
5779 }
5780 .ios .color-theme-pink .button.button-active,
5781 .ios .color-theme-pink .button.tab-link-active,
5782 .ios .color-theme-pink .button.button-fill,
5783 .ios .color-theme-pink .button.button-fill-ios {
5784   color: #fff;
5785 }
5786 .ios .color-theme-pink .button.button-active,
5787 .ios .color-theme-pink .button.tab-link-active {
5788   background: #ff2d55;
5789 }
5790 .ios .color-theme-pink .button.button-fill,
5791 .ios .color-theme-pink .button.button-fill-ios {
5792   background: #ff2d55;
5793   border-color: transparent;
5794 }
5795 .ios .color-theme-pink .button.button-small.button-fill.active-state,
5796 .ios .color-theme-pink .button.button-small-ios.button-fill.active-state,
5797 .ios .color-theme-pink .button.button-small.button-fill-ios.active-state,
5798 .ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state {
5799   color: #ff2d55;
5800   border: 2px solid #ff2d55;
5801   background-color: transparent;
5802 }
5803 .ios .color-theme-yellow .button {
5804   border-color: #ffcc00;
5805   color: #ffcc00;
5806 }
5807 .ios .color-theme-yellow .button.active-state {
5808   background: rgba(255, 204, 0, 0.15);
5809 }
5810 .ios .color-theme-yellow .button.button-active,
5811 .ios .color-theme-yellow .button.tab-link-active,
5812 .ios .color-theme-yellow .button.button-fill,
5813 .ios .color-theme-yellow .button.button-fill-ios {
5814   color: #fff;
5815 }
5816 .ios .color-theme-yellow .button.button-active,
5817 .ios .color-theme-yellow .button.tab-link-active {
5818   background: #ffcc00;
5819 }
5820 .ios .color-theme-yellow .button.button-fill,
5821 .ios .color-theme-yellow .button.button-fill-ios {
5822   background: #ffcc00;
5823   border-color: transparent;
5824 }
5825 .ios .color-theme-yellow .button.button-small.button-fill.active-state,
5826 .ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,
5827 .ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,
5828 .ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state {
5829   color: #ffcc00;
5830   border: 2px solid #ffcc00;
5831   background-color: transparent;
5832 }
5833 .ios .color-theme-orange .button {
5834   border-color: #ff9500;
5835   color: #ff9500;
5836 }
5837 .ios .color-theme-orange .button.active-state {
5838   background: rgba(255, 149, 0, 0.15);
5839 }
5840 .ios .color-theme-orange .button.button-active,
5841 .ios .color-theme-orange .button.tab-link-active,
5842 .ios .color-theme-orange .button.button-fill,
5843 .ios .color-theme-orange .button.button-fill-ios {
5844   color: #fff;
5845 }
5846 .ios .color-theme-orange .button.button-active,
5847 .ios .color-theme-orange .button.tab-link-active {
5848   background: #ff9500;
5849 }
5850 .ios .color-theme-orange .button.button-fill,
5851 .ios .color-theme-orange .button.button-fill-ios {
5852   background: #ff9500;
5853   border-color: transparent;
5854 }
5855 .ios .color-theme-orange .button.button-small.button-fill.active-state,
5856 .ios .color-theme-orange .button.button-small-ios.button-fill.active-state,
5857 .ios .color-theme-orange .button.button-small.button-fill-ios.active-state,
5858 .ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state {
5859   color: #ff9500;
5860   border: 2px solid #ff9500;
5861   background-color: transparent;
5862 }
5863 .ios .color-theme-gray .button {
5864   border-color: #8e8e93;
5865   color: #8e8e93;
5866 }
5867 .ios .color-theme-gray .button.active-state {
5868   background: rgba(142, 142, 147, 0.15);
5869 }
5870 .ios .color-theme-gray .button.button-active,
5871 .ios .color-theme-gray .button.tab-link-active,
5872 .ios .color-theme-gray .button.button-fill,
5873 .ios .color-theme-gray .button.button-fill-ios {
5874   color: #fff;
5875 }
5876 .ios .color-theme-gray .button.button-active,
5877 .ios .color-theme-gray .button.tab-link-active {
5878   background: #8e8e93;
5879 }
5880 .ios .color-theme-gray .button.button-fill,
5881 .ios .color-theme-gray .button.button-fill-ios {
5882   background: #8e8e93;
5883   border-color: transparent;
5884 }
5885 .ios .color-theme-gray .button.button-small.button-fill.active-state,
5886 .ios .color-theme-gray .button.button-small-ios.button-fill.active-state,
5887 .ios .color-theme-gray .button.button-small.button-fill-ios.active-state,
5888 .ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state {
5889   color: #8e8e93;
5890   border: 2px solid #8e8e93;
5891   background-color: transparent;
5892 }
5893 .ios .color-theme-white .button {
5894   border-color: #ffffff;
5895   color: #ffffff;
5896 }
5897 .ios .color-theme-white .button.active-state {
5898   background: rgba(255, 255, 255, 0.15);
5899 }
5900 .ios .color-theme-white .button.button-active,
5901 .ios .color-theme-white .button.tab-link-active,
5902 .ios .color-theme-white .button.button-fill,
5903 .ios .color-theme-white .button.button-fill-ios {
5904   color: #fff;
5905 }
5906 .ios .color-theme-white .button.button-active,
5907 .ios .color-theme-white .button.tab-link-active {
5908   background: #ffffff;
5909 }
5910 .ios .color-theme-white .button.button-fill,
5911 .ios .color-theme-white .button.button-fill-ios {
5912   background: #ffffff;
5913   border-color: transparent;
5914 }
5915 .ios .color-theme-white .button.button-small.button-fill.active-state,
5916 .ios .color-theme-white .button.button-small-ios.button-fill.active-state,
5917 .ios .color-theme-white .button.button-small.button-fill-ios.active-state,
5918 .ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state {
5919   color: #ffffff;
5920   border: 2px solid #ffffff;
5921   background-color: transparent;
5922 }
5923 .ios .color-theme-black .button {
5924   border-color: #000000;
5925   color: #000000;
5926 }
5927 .ios .color-theme-black .button.active-state {
5928   background: rgba(0, 0, 0, 0.15);
5929 }
5930 .ios .color-theme-black .button.button-active,
5931 .ios .color-theme-black .button.tab-link-active,
5932 .ios .color-theme-black .button.button-fill,
5933 .ios .color-theme-black .button.button-fill-ios {
5934   color: #fff;
5935 }
5936 .ios .color-theme-black .button.button-active,
5937 .ios .color-theme-black .button.tab-link-active {
5938   background: #000000;
5939 }
5940 .ios .color-theme-black .button.button-fill,
5941 .ios .color-theme-black .button.button-fill-ios {
5942   background: #000000;
5943   border-color: transparent;
5944 }
5945 .ios .color-theme-black .button.button-small.button-fill.active-state,
5946 .ios .color-theme-black .button.button-small-ios.button-fill.active-state,
5947 .ios .color-theme-black .button.button-small.button-fill-ios.active-state,
5948 .ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state {
5949   color: #000000;
5950   border: 2px solid #000000;
5951   background-color: transparent;
5952 }
5953 .ios .button.color-red {
5954   border-color: #ff3b30;
5955   color: #ff3b30;
5956 }
5957 .ios .button.color-red.active-state {
5958   background: rgba(255, 59, 48, 0.15);
5959 }
5960 .ios .button.color-red.button-active,
5961 .ios .button.color-red.tab-link-active,
5962 .ios .button.color-red.button-fill,
5963 .ios .button.color-red.button-fill-ios {
5964   color: #fff;
5965 }
5966 .ios .button.color-red.button-active,
5967 .ios .button.color-red.tab-link-active {
5968   background: #ff3b30;
5969 }
5970 .ios .button.color-red.button-fill,
5971 .ios .button.color-red.button-fill-ios {
5972   background: #ff3b30;
5973   border-color: transparent;
5974 }
5975 .ios .button.color-red.button-small.button-fill.active-state,
5976 .ios .button.color-red.button-small-ios.button-fill.active-state,
5977 .ios .button.color-red.button-small.button-fill-ios.active-state,
5978 .ios .button.color-red.button-small-ios.button-fill-ios.active-state {
5979   color: #ff3b30;
5980   border: 2px solid #ff3b30;
5981   background-color: transparent;
5982 }
5983 .ios .button.color-green {
5984   border-color: #4cd964;
5985   color: #4cd964;
5986 }
5987 .ios .button.color-green.active-state {
5988   background: rgba(76, 217, 100, 0.15);
5989 }
5990 .ios .button.color-green.button-active,
5991 .ios .button.color-green.tab-link-active,
5992 .ios .button.color-green.button-fill,
5993 .ios .button.color-green.button-fill-ios {
5994   color: #fff;
5995 }
5996 .ios .button.color-green.button-active,
5997 .ios .button.color-green.tab-link-active {
5998   background: #4cd964;
5999 }
6000 .ios .button.color-green.button-fill,
6001 .ios .button.color-green.button-fill-ios {
6002   background: #4cd964;
6003   border-color: transparent;
6004 }
6005 .ios .button.color-green.button-small.button-fill.active-state,
6006 .ios .button.color-green.button-small-ios.button-fill.active-state,
6007 .ios .button.color-green.button-small.button-fill-ios.active-state,
6008 .ios .button.color-green.button-small-ios.button-fill-ios.active-state {
6009   color: #4cd964;
6010   border: 2px solid #4cd964;
6011   background-color: transparent;
6012 }
6013 .ios .button.color-blue {
6014   border-color: #007aff;
6015   color: #007aff;
6016 }
6017 .ios .button.color-blue.active-state {
6018   background: rgba(0, 122, 255, 0.15);
6019 }
6020 .ios .button.color-blue.button-active,
6021 .ios .button.color-blue.tab-link-active,
6022 .ios .button.color-blue.button-fill,
6023 .ios .button.color-blue.button-fill-ios {
6024   color: #fff;
6025 }
6026 .ios .button.color-blue.button-active,
6027 .ios .button.color-blue.tab-link-active {
6028   background: #007aff;
6029 }
6030 .ios .button.color-blue.button-fill,
6031 .ios .button.color-blue.button-fill-ios {
6032   background: #007aff;
6033   border-color: transparent;
6034 }
6035 .ios .button.color-blue.button-small.button-fill.active-state,
6036 .ios .button.color-blue.button-small-ios.button-fill.active-state,
6037 .ios .button.color-blue.button-small.button-fill-ios.active-state,
6038 .ios .button.color-blue.button-small-ios.button-fill-ios.active-state {
6039   color: #007aff;
6040   border: 2px solid #007aff;
6041   background-color: transparent;
6042 }
6043 .ios .button.color-pink {
6044   border-color: #ff2d55;
6045   color: #ff2d55;
6046 }
6047 .ios .button.color-pink.active-state {
6048   background: rgba(255, 45, 85, 0.15);
6049 }
6050 .ios .button.color-pink.button-active,
6051 .ios .button.color-pink.tab-link-active,
6052 .ios .button.color-pink.button-fill,
6053 .ios .button.color-pink.button-fill-ios {
6054   color: #fff;
6055 }
6056 .ios .button.color-pink.button-active,
6057 .ios .button.color-pink.tab-link-active {
6058   background: #ff2d55;
6059 }
6060 .ios .button.color-pink.button-fill,
6061 .ios .button.color-pink.button-fill-ios {
6062   background: #ff2d55;
6063   border-color: transparent;
6064 }
6065 .ios .button.color-pink.button-small.button-fill.active-state,
6066 .ios .button.color-pink.button-small-ios.button-fill.active-state,
6067 .ios .button.color-pink.button-small.button-fill-ios.active-state,
6068 .ios .button.color-pink.button-small-ios.button-fill-ios.active-state {
6069   color: #ff2d55;
6070   border: 2px solid #ff2d55;
6071   background-color: transparent;
6072 }
6073 .ios .button.color-yellow {
6074   border-color: #ffcc00;
6075   color: #ffcc00;
6076 }
6077 .ios .button.color-yellow.active-state {
6078   background: rgba(255, 204, 0, 0.15);
6079 }
6080 .ios .button.color-yellow.button-active,
6081 .ios .button.color-yellow.tab-link-active,
6082 .ios .button.color-yellow.button-fill,
6083 .ios .button.color-yellow.button-fill-ios {
6084   color: #fff;
6085 }
6086 .ios .button.color-yellow.button-active,
6087 .ios .button.color-yellow.tab-link-active {
6088   background: #ffcc00;
6089 }
6090 .ios .button.color-yellow.button-fill,
6091 .ios .button.color-yellow.button-fill-ios {
6092   background: #ffcc00;
6093   border-color: transparent;
6094 }
6095 .ios .button.color-yellow.button-small.button-fill.active-state,
6096 .ios .button.color-yellow.button-small-ios.button-fill.active-state,
6097 .ios .button.color-yellow.button-small.button-fill-ios.active-state,
6098 .ios .button.color-yellow.button-small-ios.button-fill-ios.active-state {
6099   color: #ffcc00;
6100   border: 2px solid #ffcc00;
6101   background-color: transparent;
6102 }
6103 .ios .button.color-orange {
6104   border-color: #ff9500;
6105   color: #ff9500;
6106 }
6107 .ios .button.color-orange.active-state {
6108   background: rgba(255, 149, 0, 0.15);
6109 }
6110 .ios .button.color-orange.button-active,
6111 .ios .button.color-orange.tab-link-active,
6112 .ios .button.color-orange.button-fill,
6113 .ios .button.color-orange.button-fill-ios {
6114   color: #fff;
6115 }
6116 .ios .button.color-orange.button-active,
6117 .ios .button.color-orange.tab-link-active {
6118   background: #ff9500;
6119 }
6120 .ios .button.color-orange.button-fill,
6121 .ios .button.color-orange.button-fill-ios {
6122   background: #ff9500;
6123   border-color: transparent;
6124 }
6125 .ios .button.color-orange.button-small.button-fill.active-state,
6126 .ios .button.color-orange.button-small-ios.button-fill.active-state,
6127 .ios .button.color-orange.button-small.button-fill-ios.active-state,
6128 .ios .button.color-orange.button-small-ios.button-fill-ios.active-state {
6129   color: #ff9500;
6130   border: 2px solid #ff9500;
6131   background-color: transparent;
6132 }
6133 .ios .button.color-gray {
6134   border-color: #8e8e93;
6135   color: #8e8e93;
6136 }
6137 .ios .button.color-gray.active-state {
6138   background: rgba(142, 142, 147, 0.15);
6139 }
6140 .ios .button.color-gray.button-active,
6141 .ios .button.color-gray.tab-link-active,
6142 .ios .button.color-gray.button-fill,
6143 .ios .button.color-gray.button-fill-ios {
6144   color: #fff;
6145 }
6146 .ios .button.color-gray.button-active,
6147 .ios .button.color-gray.tab-link-active {
6148   background: #8e8e93;
6149 }
6150 .ios .button.color-gray.button-fill,
6151 .ios .button.color-gray.button-fill-ios {
6152   background: #8e8e93;
6153   border-color: transparent;
6154 }
6155 .ios .button.color-gray.button-small.button-fill.active-state,
6156 .ios .button.color-gray.button-small-ios.button-fill.active-state,
6157 .ios .button.color-gray.button-small.button-fill-ios.active-state,
6158 .ios .button.color-gray.button-small-ios.button-fill-ios.active-state {
6159   color: #8e8e93;
6160   border: 2px solid #8e8e93;
6161   background-color: transparent;
6162 }
6163 .ios .button.color-white {
6164   border-color: #ffffff;
6165   color: #ffffff;
6166 }
6167 .ios .button.color-white.active-state {
6168   background: rgba(255, 255, 255, 0.15);
6169 }
6170 .ios .button.color-white.button-active,
6171 .ios .button.color-white.tab-link-active,
6172 .ios .button.color-white.button-fill,
6173 .ios .button.color-white.button-fill-ios {
6174   color: #fff;
6175 }
6176 .ios .button.color-white.button-active,
6177 .ios .button.color-white.tab-link-active {
6178   background: #ffffff;
6179 }
6180 .ios .button.color-white.button-fill,
6181 .ios .button.color-white.button-fill-ios {
6182   background: #ffffff;
6183   border-color: transparent;
6184 }
6185 .ios .button.color-white.button-small.button-fill.active-state,
6186 .ios .button.color-white.button-small-ios.button-fill.active-state,
6187 .ios .button.color-white.button-small.button-fill-ios.active-state,
6188 .ios .button.color-white.button-small-ios.button-fill-ios.active-state {
6189   color: #ffffff;
6190   border: 2px solid #ffffff;
6191   background-color: transparent;
6192 }
6193 .ios .button.color-black {
6194   border-color: #000000;
6195   color: #000000;
6196 }
6197 .ios .button.color-black.active-state {
6198   background: rgba(0, 0, 0, 0.15);
6199 }
6200 .ios .button.color-black.button-active,
6201 .ios .button.color-black.tab-link-active,
6202 .ios .button.color-black.button-fill,
6203 .ios .button.color-black.button-fill-ios {
6204   color: #fff;
6205 }
6206 .ios .button.color-black.button-active,
6207 .ios .button.color-black.tab-link-active {
6208   background: #000000;
6209 }
6210 .ios .button.color-black.button-fill,
6211 .ios .button.color-black.button-fill-ios {
6212   background: #000000;
6213   border-color: transparent;
6214 }
6215 .ios .button.color-black.button-small.button-fill.active-state,
6216 .ios .button.color-black.button-small-ios.button-fill.active-state,
6217 .ios .button.color-black.button-small.button-fill-ios.active-state,
6218 .ios .button.color-black.button-small-ios.button-fill-ios.active-state {
6219   color: #000000;
6220   border: 2px solid #000000;
6221   background-color: transparent;
6222 }
6223 .md .button {
6224   color: #2196f3;
6225   border-radius: 4px;
6226   line-height: 36px;
6227   height: 36px;
6228   text-transform: uppercase;
6229   min-width: 64px;
6230   padding: 0 8px;
6231   border: none;
6232   -webkit-transition-duration: 300ms;
6233   transition-duration: 300ms;
6234   -webkit-transform: translate3d(0, 0, 0);
6235   transform: translate3d(0, 0, 0);
6236   font-weight: 500;
6237   letter-spacing: 0.03em;
6238 }
6239 .md .button.active-state {
6240   background: rgba(0, 0, 0, 0.1);
6241 }
6242 .md .button.button-fill,
6243 .md .button.button-fill-md,
6244 .md .button.button-active,
6245 .md .button.tab-link-active {
6246   background-color: #2196f3;
6247   color: #fff;
6248 }
6249 .md .button.button-fill.active-state,
6250 .md .button.button-fill-md.active-state,
6251 .md .button.button-active.active-state,
6252 .md .button.tab-link-active.active-state {
6253   background: #0c82df;
6254 }
6255 .md .button.button-big,
6256 .md .button.button-big-md {
6257   height: 48px;
6258   line-height: 48px;
6259   border-radius: 4px;
6260 }
6261 .md .button.button-round,
6262 .md .button.button-round-md {
6263   border-radius: 36px;
6264 }
6265 .md .button.button-outline {
6266   border: 2px solid #2196f3;
6267   line-height: 32px;
6268 }
6269 .md .button.button-outline.button-big,
6270 .md .button.button-outline.button-big-md {
6271   line-height: 44px;
6272 }
6273 .md .button.button-small,
6274 .md .button.button-small-md {
6275   height: 28px;
6276   line-height: 28px;
6277   font-size: 13px;
6278   font-weight: 500;
6279   letter-spacing: 0.03em;
6280 }
6281 .md .button.button-small.button-outline,
6282 .md .button.button-small-md.button-outline {
6283   border-width: 2px;
6284   line-height: 24px;
6285 }
6286 .md .button > i.icon + span,
6287 .md .button > span:not(.ripple-wave) + span,
6288 .md .button > span:not(.ripple-wave) + i.icon,
6289 .md .button > i.icon + i.icon {
6290   margin-left: 8px;
6291 }
6292 .md .button.button-raised {
6293   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6294   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6295 }
6296 .md .button.button-raised.active-state {
6297   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6298   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6299 }
6300 .md .navbar .button:not(.button-fill):not(.button-fill-md),
6301 .md .subnavbar .button:not(.button-fill):not(.button-fill-md),
6302 .md .toolbar .button:not(.button-fill):not(.button-fill-md) {
6303   color: #fff;
6304 }
6305 .md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,
6306 .md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,
6307 .md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state {
6308   background: rgba(255, 255, 255, 0.15);
6309 }
6310 .md .toast .button:not(.button-fill):not(.button-fill-md).active-state {
6311   background: rgba(255, 255, 255, 0.15);
6312 }
6313 .md .segmented {
6314   border-radius: 4px;
6315 }
6316 .md .segmented.segmented-raised {
6317   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6318   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6319 }
6320 .md .segmented.segmented-round {
6321   border-radius: 36px;
6322 }
6323 .md .segmented .button {
6324   border-radius: 0;
6325   min-width: 0;
6326   border-left: 1px solid rgba(0, 0, 0, 0.1);
6327 }
6328 .md .segmented .button:first-child {
6329   border-radius: 4px 0 0 4px;
6330   border-left: none;
6331 }
6332 .md .segmented .button.button-outline {
6333   border: 2px solid #2196f3;
6334 }
6335 .md .segmented .button.button-outline:nth-child(n + 2) {
6336   border-left: none;
6337 }
6338 .md .segmented .button:last-child {
6339   border-radius: 0 4px 4px 0;
6340 }
6341 .md .segmented .button:first-child:last-child {
6342   border-radius: 4px;
6343 }
6344 .md .segmented .button.button-round:first-child {
6345   border-radius: 36px 0 0 36px;
6346 }
6347 .md .segmented .button.button-round:last-child {
6348   border-radius: 0 36px 36px 0;
6349 }
6350 .md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state {
6351   background-color: rgba(255, 255, 255, 0.1);
6352 }
6353 .md .color-theme-red .button,
6354 .md .color-red .button {
6355   color: #f44336;
6356 }
6357 .md .color-theme-red .button.button-fill,
6358 .md .color-red .button.button-fill,
6359 .md .color-theme-red .button.button-fill-md,
6360 .md .color-red .button.button-fill-md,
6361 .md .color-theme-red .button.button-active,
6362 .md .color-red .button.button-active,
6363 .md .color-theme-red .button.tab-link-active,
6364 .md .color-red .button.tab-link-active {
6365   background-color: #f44336;
6366   color: #fff;
6367 }
6368 .md .color-theme-red .button.button-fill.active-state,
6369 .md .color-red .button.button-fill.active-state,
6370 .md .color-theme-red .button.button-fill-md.active-state,
6371 .md .color-red .button.button-fill-md.active-state,
6372 .md .color-theme-red .button.button-active.active-state,
6373 .md .color-red .button.button-active.active-state,
6374 .md .color-theme-red .button.tab-link-active.active-state,
6375 .md .color-red .button.tab-link-active.active-state {
6376   background: #f21f0f;
6377 }
6378 .md .color-theme-red .button.button-outline,
6379 .md .color-red .button.button-outline {
6380   border-color: #f44336;
6381 }
6382 .md .color-theme-green .button,
6383 .md .color-green .button {
6384   color: #4caf50;
6385 }
6386 .md .color-theme-green .button.button-fill,
6387 .md .color-green .button.button-fill,
6388 .md .color-theme-green .button.button-fill-md,
6389 .md .color-green .button.button-fill-md,
6390 .md .color-theme-green .button.button-active,
6391 .md .color-green .button.button-active,
6392 .md .color-theme-green .button.tab-link-active,
6393 .md .color-green .button.tab-link-active {
6394   background-color: #4caf50;
6395   color: #fff;
6396 }
6397 .md .color-theme-green .button.button-fill.active-state,
6398 .md .color-green .button.button-fill.active-state,
6399 .md .color-theme-green .button.button-fill-md.active-state,
6400 .md .color-green .button.button-fill-md.active-state,
6401 .md .color-theme-green .button.button-active.active-state,
6402 .md .color-green .button.button-active.active-state,
6403 .md .color-theme-green .button.tab-link-active.active-state,
6404 .md .color-green .button.tab-link-active.active-state {
6405   background: #409343;
6406 }
6407 .md .color-theme-green .button.button-outline,
6408 .md .color-green .button.button-outline {
6409   border-color: #4caf50;
6410 }
6411 .md .color-theme-blue .button,
6412 .md .color-blue .button {
6413   color: #2196f3;
6414 }
6415 .md .color-theme-blue .button.button-fill,
6416 .md .color-blue .button.button-fill,
6417 .md .color-theme-blue .button.button-fill-md,
6418 .md .color-blue .button.button-fill-md,
6419 .md .color-theme-blue .button.button-active,
6420 .md .color-blue .button.button-active,
6421 .md .color-theme-blue .button.tab-link-active,
6422 .md .color-blue .button.tab-link-active {
6423   background-color: #2196f3;
6424   color: #fff;
6425 }
6426 .md .color-theme-blue .button.button-fill.active-state,
6427 .md .color-blue .button.button-fill.active-state,
6428 .md .color-theme-blue .button.button-fill-md.active-state,
6429 .md .color-blue .button.button-fill-md.active-state,
6430 .md .color-theme-blue .button.button-active.active-state,
6431 .md .color-blue .button.button-active.active-state,
6432 .md .color-theme-blue .button.tab-link-active.active-state,
6433 .md .color-blue .button.tab-link-active.active-state {
6434   background: #0c82df;
6435 }
6436 .md .color-theme-blue .button.button-outline,
6437 .md .color-blue .button.button-outline {
6438   border-color: #2196f3;
6439 }
6440 .md .color-theme-pink .button,
6441 .md .color-pink .button {
6442   color: #e91e63;
6443 }
6444 .md .color-theme-pink .button.button-fill,
6445 .md .color-pink .button.button-fill,
6446 .md .color-theme-pink .button.button-fill-md,
6447 .md .color-pink .button.button-fill-md,
6448 .md .color-theme-pink .button.button-active,
6449 .md .color-pink .button.button-active,
6450 .md .color-theme-pink .button.tab-link-active,
6451 .md .color-pink .button.tab-link-active {
6452   background-color: #e91e63;
6453   color: #fff;
6454 }
6455 .md .color-theme-pink .button.button-fill.active-state,
6456 .md .color-pink .button.button-fill.active-state,
6457 .md .color-theme-pink .button.button-fill-md.active-state,
6458 .md .color-pink .button.button-fill-md.active-state,
6459 .md .color-theme-pink .button.button-active.active-state,
6460 .md .color-pink .button.button-active.active-state,
6461 .md .color-theme-pink .button.tab-link-active.active-state,
6462 .md .color-pink .button.tab-link-active.active-state {
6463   background: #ca1452;
6464 }
6465 .md .color-theme-pink .button.button-outline,
6466 .md .color-pink .button.button-outline {
6467   border-color: #e91e63;
6468 }
6469 .md .color-theme-yellow .button,
6470 .md .color-yellow .button {
6471   color: #ffeb3b;
6472 }
6473 .md .color-theme-yellow .button.button-fill,
6474 .md .color-yellow .button.button-fill,
6475 .md .color-theme-yellow .button.button-fill-md,
6476 .md .color-yellow .button.button-fill-md,
6477 .md .color-theme-yellow .button.button-active,
6478 .md .color-yellow .button.button-active,
6479 .md .color-theme-yellow .button.tab-link-active,
6480 .md .color-yellow .button.tab-link-active {
6481   background-color: #ffeb3b;
6482   color: #fff;
6483 }
6484 .md .color-theme-yellow .button.button-fill.active-state,
6485 .md .color-yellow .button.button-fill.active-state,
6486 .md .color-theme-yellow .button.button-fill-md.active-state,
6487 .md .color-yellow .button.button-fill-md.active-state,
6488 .md .color-theme-yellow .button.button-active.active-state,
6489 .md .color-yellow .button.button-active.active-state,
6490 .md .color-theme-yellow .button.tab-link-active.active-state,
6491 .md .color-yellow .button.tab-link-active.active-state {
6492   background: #ffe712;
6493 }
6494 .md .color-theme-yellow .button.button-outline,
6495 .md .color-yellow .button.button-outline {
6496   border-color: #ffeb3b;
6497 }
6498 .md .color-theme-orange .button,
6499 .md .color-orange .button {
6500   color: #ff9800;
6501 }
6502 .md .color-theme-orange .button.button-fill,
6503 .md .color-orange .button.button-fill,
6504 .md .color-theme-orange .button.button-fill-md,
6505 .md .color-orange .button.button-fill-md,
6506 .md .color-theme-orange .button.button-active,
6507 .md .color-orange .button.button-active,
6508 .md .color-theme-orange .button.tab-link-active,
6509 .md .color-orange .button.tab-link-active {
6510   background-color: #ff9800;
6511   color: #fff;
6512 }
6513 .md .color-theme-orange .button.button-fill.active-state,
6514 .md .color-orange .button.button-fill.active-state,
6515 .md .color-theme-orange .button.button-fill-md.active-state,
6516 .md .color-orange .button.button-fill-md.active-state,
6517 .md .color-theme-orange .button.button-active.active-state,
6518 .md .color-orange .button.button-active.active-state,
6519 .md .color-theme-orange .button.tab-link-active.active-state,
6520 .md .color-orange .button.tab-link-active.active-state {
6521   background: #d68000;
6522 }
6523 .md .color-theme-orange .button.button-outline,
6524 .md .color-orange .button.button-outline {
6525   border-color: #ff9800;
6526 }
6527 .md .color-theme-gray .button,
6528 .md .color-gray .button {
6529   color: #9e9e9e;
6530 }
6531 .md .color-theme-gray .button.button-fill,
6532 .md .color-gray .button.button-fill,
6533 .md .color-theme-gray .button.button-fill-md,
6534 .md .color-gray .button.button-fill-md,
6535 .md .color-theme-gray .button.button-active,
6536 .md .color-gray .button.button-active,
6537 .md .color-theme-gray .button.tab-link-active,
6538 .md .color-gray .button.tab-link-active {
6539   background-color: #9e9e9e;
6540   color: #fff;
6541 }
6542 .md .color-theme-gray .button.button-fill.active-state,
6543 .md .color-gray .button.button-fill.active-state,
6544 .md .color-theme-gray .button.button-fill-md.active-state,
6545 .md .color-gray .button.button-fill-md.active-state,
6546 .md .color-theme-gray .button.button-active.active-state,
6547 .md .color-gray .button.button-active.active-state,
6548 .md .color-theme-gray .button.tab-link-active.active-state,
6549 .md .color-gray .button.tab-link-active.active-state {
6550   background: #8a8a8a;
6551 }
6552 .md .color-theme-gray .button.button-outline,
6553 .md .color-gray .button.button-outline {
6554   border-color: #9e9e9e;
6555 }
6556 .md .color-theme-white .button,
6557 .md .color-white .button {
6558   color: #ffffff;
6559 }
6560 .md .color-theme-white .button.button-fill,
6561 .md .color-white .button.button-fill,
6562 .md .color-theme-white .button.button-fill-md,
6563 .md .color-white .button.button-fill-md,
6564 .md .color-theme-white .button.button-active,
6565 .md .color-white .button.button-active,
6566 .md .color-theme-white .button.tab-link-active,
6567 .md .color-white .button.tab-link-active {
6568   background-color: #ffffff;
6569   color: #fff;
6570 }
6571 .md .color-theme-white .button.button-fill.active-state,
6572 .md .color-white .button.button-fill.active-state,
6573 .md .color-theme-white .button.button-fill-md.active-state,
6574 .md .color-white .button.button-fill-md.active-state,
6575 .md .color-theme-white .button.button-active.active-state,
6576 .md .color-white .button.button-active.active-state,
6577 .md .color-theme-white .button.tab-link-active.active-state,
6578 .md .color-white .button.tab-link-active.active-state {
6579   background: #ebebeb;
6580 }
6581 .md .color-theme-white .button.button-outline,
6582 .md .color-white .button.button-outline {
6583   border-color: #ffffff;
6584 }
6585 .md .color-theme-black .button,
6586 .md .color-black .button {
6587   color: #000000;
6588 }
6589 .md .color-theme-black .button.button-fill,
6590 .md .color-black .button.button-fill,
6591 .md .color-theme-black .button.button-fill-md,
6592 .md .color-black .button.button-fill-md,
6593 .md .color-theme-black .button.button-active,
6594 .md .color-black .button.button-active,
6595 .md .color-theme-black .button.tab-link-active,
6596 .md .color-black .button.tab-link-active {
6597   background-color: #000000;
6598   color: #fff;
6599 }
6600 .md .color-theme-black .button.button-fill.active-state,
6601 .md .color-black .button.button-fill.active-state,
6602 .md .color-theme-black .button.button-fill-md.active-state,
6603 .md .color-black .button.button-fill-md.active-state,
6604 .md .color-theme-black .button.button-active.active-state,
6605 .md .color-black .button.button-active.active-state,
6606 .md .color-theme-black .button.tab-link-active.active-state,
6607 .md .color-black .button.tab-link-active.active-state {
6608   background: #000000;
6609 }
6610 .md .color-theme-black .button.button-outline,
6611 .md .color-black .button.button-outline {
6612   border-color: #000000;
6613 }
6614 .md .button.color-red {
6615   color: #f44336;
6616 }
6617 .md .button.color-red.button-fill,
6618 .md .button.color-red.button-fill-md,
6619 .md .button.color-red.button-active,
6620 .md .button.color-red.tab-link-active {
6621   background-color: #f44336;
6622   color: #fff;
6623 }
6624 .md .button.color-red.button-fill.active-state,
6625 .md .button.color-red.button-fill-md.active-state,
6626 .md .button.color-red.button-active.active-state,
6627 .md .button.color-red.tab-link-active.active-state {
6628   background: #f21f0f;
6629 }
6630 .md .button.color-red.button-outline {
6631   border-color: #f44336;
6632 }
6633 .md .button.color-green {
6634   color: #4caf50;
6635 }
6636 .md .button.color-green.button-fill,
6637 .md .button.color-green.button-fill-md,
6638 .md .button.color-green.button-active,
6639 .md .button.color-green.tab-link-active {
6640   background-color: #4caf50;
6641   color: #fff;
6642 }
6643 .md .button.color-green.button-fill.active-state,
6644 .md .button.color-green.button-fill-md.active-state,
6645 .md .button.color-green.button-active.active-state,
6646 .md .button.color-green.tab-link-active.active-state {
6647   background: #409343;
6648 }
6649 .md .button.color-green.button-outline {
6650   border-color: #4caf50;
6651 }
6652 .md .button.color-blue {
6653   color: #2196f3;
6654 }
6655 .md .button.color-blue.button-fill,
6656 .md .button.color-blue.button-fill-md,
6657 .md .button.color-blue.button-active,
6658 .md .button.color-blue.tab-link-active {
6659   background-color: #2196f3;
6660   color: #fff;
6661 }
6662 .md .button.color-blue.button-fill.active-state,
6663 .md .button.color-blue.button-fill-md.active-state,
6664 .md .button.color-blue.button-active.active-state,
6665 .md .button.color-blue.tab-link-active.active-state {
6666   background: #0c82df;
6667 }
6668 .md .button.color-blue.button-outline {
6669   border-color: #2196f3;
6670 }
6671 .md .button.color-pink {
6672   color: #e91e63;
6673 }
6674 .md .button.color-pink.button-fill,
6675 .md .button.color-pink.button-fill-md,
6676 .md .button.color-pink.button-active,
6677 .md .button.color-pink.tab-link-active {
6678   background-color: #e91e63;
6679   color: #fff;
6680 }
6681 .md .button.color-pink.button-fill.active-state,
6682 .md .button.color-pink.button-fill-md.active-state,
6683 .md .button.color-pink.button-active.active-state,
6684 .md .button.color-pink.tab-link-active.active-state {
6685   background: #ca1452;
6686 }
6687 .md .button.color-pink.button-outline {
6688   border-color: #e91e63;
6689 }
6690 .md .button.color-yellow {
6691   color: #ffeb3b;
6692 }
6693 .md .button.color-yellow.button-fill,
6694 .md .button.color-yellow.button-fill-md,
6695 .md .button.color-yellow.button-active,
6696 .md .button.color-yellow.tab-link-active {
6697   background-color: #ffeb3b;
6698   color: #fff;
6699 }
6700 .md .button.color-yellow.button-fill.active-state,
6701 .md .button.color-yellow.button-fill-md.active-state,
6702 .md .button.color-yellow.button-active.active-state,
6703 .md .button.color-yellow.tab-link-active.active-state {
6704   background: #ffe712;
6705 }
6706 .md .button.color-yellow.button-outline {
6707   border-color: #ffeb3b;
6708 }
6709 .md .button.color-orange {
6710   color: #ff9800;
6711 }
6712 .md .button.color-orange.button-fill,
6713 .md .button.color-orange.button-fill-md,
6714 .md .button.color-orange.button-active,
6715 .md .button.color-orange.tab-link-active {
6716   background-color: #ff9800;
6717   color: #fff;
6718 }
6719 .md .button.color-orange.button-fill.active-state,
6720 .md .button.color-orange.button-fill-md.active-state,
6721 .md .button.color-orange.button-active.active-state,
6722 .md .button.color-orange.tab-link-active.active-state {
6723   background: #d68000;
6724 }
6725 .md .button.color-orange.button-outline {
6726   border-color: #ff9800;
6727 }
6728 .md .button.color-gray {
6729   color: #9e9e9e;
6730 }
6731 .md .button.color-gray.button-fill,
6732 .md .button.color-gray.button-fill-md,
6733 .md .button.color-gray.button-active,
6734 .md .button.color-gray.tab-link-active {
6735   background-color: #9e9e9e;
6736   color: #fff;
6737 }
6738 .md .button.color-gray.button-fill.active-state,
6739 .md .button.color-gray.button-fill-md.active-state,
6740 .md .button.color-gray.button-active.active-state,
6741 .md .button.color-gray.tab-link-active.active-state {
6742   background: #8a8a8a;
6743 }
6744 .md .button.color-gray.button-outline {
6745   border-color: #9e9e9e;
6746 }
6747 .md .button.color-white {
6748   color: #ffffff;
6749 }
6750 .md .button.color-white.button-fill,
6751 .md .button.color-white.button-fill-md,
6752 .md .button.color-white.button-active,
6753 .md .button.color-white.tab-link-active {
6754   background-color: #ffffff;
6755   color: #fff;
6756 }
6757 .md .button.color-white.button-fill.active-state,
6758 .md .button.color-white.button-fill-md.active-state,
6759 .md .button.color-white.button-active.active-state,
6760 .md .button.color-white.tab-link-active.active-state {
6761   background: #ebebeb;
6762 }
6763 .md .button.color-white.button-outline {
6764   border-color: #ffffff;
6765 }
6766 .md .button.color-black {
6767   color: #000000;
6768 }
6769 .md .button.color-black.button-fill,
6770 .md .button.color-black.button-fill-md,
6771 .md .button.color-black.button-active,
6772 .md .button.color-black.tab-link-active {
6773   background-color: #000000;
6774   color: #fff;
6775 }
6776 .md .button.color-black.button-fill.active-state,
6777 .md .button.color-black.button-fill-md.active-state,
6778 .md .button.color-black.button-active.active-state,
6779 .md .button.color-black.tab-link-active.active-state {
6780   background: #000000;
6781 }
6782 .md .button.color-black.button-outline {
6783   border-color: #000000;
6784 }
6785 /* === Touch Ripple === */
6786 .md .ripple,
6787 .md .fab a,
6788 .md a.link,
6789 .md a.item-link,
6790 .md .button,
6791 .md .dialog-button,
6792 .md .tab-link,
6793 .md .radio,
6794 .md .checkbox,
6795 .md .actions-button,
6796 .md .speed-dial-buttons a {
6797   -webkit-user-select: none;
6798   -moz-user-select: none;
6799   -ms-user-select: none;
6800   user-select: none;
6801 }
6802 .md .ripple-wave {
6803   left: 0;
6804   top: 0;
6805   position: absolute !important;
6806   border-radius: 50%;
6807   pointer-events: none;
6808   z-index: -1;
6809   background: rgba(0, 0, 0, 0.1);
6810   padding: 0;
6811   margin: 0;
6812   font-size: 0;
6813   -webkit-transform: translate3d(0px, 0px, 0) scale(0);
6814   transform: translate3d(0px, 0px, 0) scale(0);
6815   -webkit-transition-duration: 1400ms;
6816   transition-duration: 1400ms;
6817 }
6818 .md .ripple-wave.ripple-wave-fill {
6819   -webkit-transition-duration: 300ms;
6820   transition-duration: 300ms;
6821   opacity: 0.35;
6822 }
6823 .md .ripple-wave.ripple-wave-out {
6824   -webkit-transition-duration: 600ms;
6825   transition-duration: 600ms;
6826   opacity: 0;
6827 }
6828 .button-fill .md .ripple-wave,
6829 .picker-calendar-day .md .ripple-wave {
6830   z-index: 1;
6831 }
6832 .md .button-fill .ripple-wave,
6833 .md .button-active .ripple-wave,
6834 .md .navbar .ripple-wave,
6835 .md .toolbar .ripple-wave,
6836 .md .subnavbar .ripple-wave,
6837 .md .toast .ripple-wave,
6838 .md .fab a .ripple-wave,
6839 .md .stepper-fill .ripple-wave {
6840   background: rgba(255, 255, 255, 0.3);
6841 }
6842 .md .messagebar .ripple-wave,
6843 .md .searchbar .ripple-wave {
6844   background: rgba(0, 0, 0, 0.1);
6845 }
6846 .md .data-table .sortable-cell .ripple-wave {
6847   z-index: 0;
6848 }
6849 .md .checkbox .ripple-wave,
6850 .md .radio .ripple-wave {
6851   background: rgba(33, 150, 243, 0.5);
6852   z-index: 0;
6853 }
6854 .md .theme-dark .page-content .ripple-wave,
6855 .md .theme-dark .messagebar .ripple-wave,
6856 .md .theme-dark .popover .ripple-wave,
6857 .md .theme-dark .calendar .ripple-wave,
6858 .calendar.md .theme-dark .ripple-wave {
6859   background-color: rgba(255, 255, 255, 0.3);
6860 }
6861 .md .ripple-color-red .ripple-wave,
6862 .md .ripple-red .ripple-wave {
6863   background-color: rgba(244, 67, 54, 0.3);
6864 }
6865 .md .ripple-color-green .ripple-wave,
6866 .md .ripple-green .ripple-wave {
6867   background-color: rgba(76, 175, 80, 0.3);
6868 }
6869 .md .ripple-color-blue .ripple-wave,
6870 .md .ripple-blue .ripple-wave {
6871   background-color: rgba(33, 150, 243, 0.3);
6872 }
6873 .md .ripple-color-pink .ripple-wave,
6874 .md .ripple-pink .ripple-wave {
6875   background-color: rgba(233, 30, 99, 0.3);
6876 }
6877 .md .ripple-color-yellow .ripple-wave,
6878 .md .ripple-yellow .ripple-wave {
6879   background-color: rgba(255, 235, 59, 0.3);
6880 }
6881 .md .ripple-color-orange .ripple-wave,
6882 .md .ripple-orange .ripple-wave {
6883   background-color: rgba(255, 152, 0, 0.3);
6884 }
6885 .md .ripple-color-gray .ripple-wave,
6886 .md .ripple-gray .ripple-wave {
6887   background-color: rgba(158, 158, 158, 0.3);
6888 }
6889 .md .ripple-color-white .ripple-wave,
6890 .md .ripple-white .ripple-wave {
6891   background-color: rgba(255, 255, 255, 0.3);
6892 }
6893 .md .ripple-color-black .ripple-wave,
6894 .md .ripple-black .ripple-wave {
6895   background-color: rgba(0, 0, 0, 0.3);
6896 }
6897 /* === Icon === */
6898 i.icon {
6899   display: inline-block;
6900   vertical-align: middle;
6901   background-size: 100% auto;
6902   background-position: center;
6903   background-repeat: no-repeat;
6904   font-style: normal;
6905   position: relative;
6906 }
6907 .ios .icon-back,
6908 .ios .icon-prev {
6909   width: 12px;
6910   height: 20px;
6911 }
6912 .ios .icon-forward,
6913 .ios .icon-next {
6914   width: 12px;
6915   height: 20px;
6916 }
6917 .ios .icon-next,
6918 .ios .icon-prev {
6919   width: 10px;
6920 }
6921 .ios .icon-back,
6922 .ios .icon-prev {
6923   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6924 }
6925 .ios .icon-forward,
6926 .ios .icon-next {
6927   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6928 }
6929 .ios .navbar .f7-icons,
6930 .ios .toolbar .f7-icons {
6931   font-size: 22px;
6932 }
6933 .ios .tabbar .f7-icons,
6934 .ios .tabbar-labels .f7-icons {
6935   font-size: 25px;
6936 }
6937 .ios .item-media .f7-icons {
6938   font-size: 25px;
6939   width: 29px;
6940   height: 29px;
6941 }
6942 .ios .button .f7-icons {
6943   font-size: 22px;
6944 }
6945 .ios .item-media .icon {
6946   color: #808080;
6947 }
6948 .ios .color-theme-red .icon-back,
6949 .ios .icon-back.color-red,
6950 .ios a.link.color-red .icon-back,
6951 .ios .color-theme-red .icon-prev,
6952 .ios .icon-prev.color-red,
6953 .ios a.link.color-red .icon-prev {
6954   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6955 }
6956 .ios .color-theme-red .icon-forward,
6957 .ios .icon-forward.color-red,
6958 .ios a.link.color-red .icon-forward,
6959 .ios .color-theme-red .icon-next,
6960 .ios .icon-next.color-red,
6961 .ios a.link.color-red .icon-next {
6962   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6963 }
6964 .ios .color-theme-green .icon-back,
6965 .ios .icon-back.color-green,
6966 .ios a.link.color-green .icon-back,
6967 .ios .color-theme-green .icon-prev,
6968 .ios .icon-prev.color-green,
6969 .ios a.link.color-green .icon-prev {
6970   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6971 }
6972 .ios .color-theme-green .icon-forward,
6973 .ios .icon-forward.color-green,
6974 .ios a.link.color-green .icon-forward,
6975 .ios .color-theme-green .icon-next,
6976 .ios .icon-next.color-green,
6977 .ios a.link.color-green .icon-next {
6978   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6979 }
6980 .ios .color-theme-blue .icon-back,
6981 .ios .icon-back.color-blue,
6982 .ios a.link.color-blue .icon-back,
6983 .ios .color-theme-blue .icon-prev,
6984 .ios .icon-prev.color-blue,
6985 .ios a.link.color-blue .icon-prev {
6986   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6987 }
6988 .ios .color-theme-blue .icon-forward,
6989 .ios .icon-forward.color-blue,
6990 .ios a.link.color-blue .icon-forward,
6991 .ios .color-theme-blue .icon-next,
6992 .ios .icon-next.color-blue,
6993 .ios a.link.color-blue .icon-next {
6994   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
6995 }
6996 .ios .color-theme-pink .icon-back,
6997 .ios .icon-back.color-pink,
6998 .ios a.link.color-pink .icon-back,
6999 .ios .color-theme-pink .icon-prev,
7000 .ios .icon-prev.color-pink,
7001 .ios a.link.color-pink .icon-prev {
7002   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7003 }
7004 .ios .color-theme-pink .icon-forward,
7005 .ios .icon-forward.color-pink,
7006 .ios a.link.color-pink .icon-forward,
7007 .ios .color-theme-pink .icon-next,
7008 .ios .icon-next.color-pink,
7009 .ios a.link.color-pink .icon-next {
7010   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7011 }
7012 .ios .color-theme-yellow .icon-back,
7013 .ios .icon-back.color-yellow,
7014 .ios a.link.color-yellow .icon-back,
7015 .ios .color-theme-yellow .icon-prev,
7016 .ios .icon-prev.color-yellow,
7017 .ios a.link.color-yellow .icon-prev {
7018   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7019 }
7020 .ios .color-theme-yellow .icon-forward,
7021 .ios .icon-forward.color-yellow,
7022 .ios a.link.color-yellow .icon-forward,
7023 .ios .color-theme-yellow .icon-next,
7024 .ios .icon-next.color-yellow,
7025 .ios a.link.color-yellow .icon-next {
7026   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7027 }
7028 .ios .color-theme-orange .icon-back,
7029 .ios .icon-back.color-orange,
7030 .ios a.link.color-orange .icon-back,
7031 .ios .color-theme-orange .icon-prev,
7032 .ios .icon-prev.color-orange,
7033 .ios a.link.color-orange .icon-prev {
7034   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7035 }
7036 .ios .color-theme-orange .icon-forward,
7037 .ios .icon-forward.color-orange,
7038 .ios a.link.color-orange .icon-forward,
7039 .ios .color-theme-orange .icon-next,
7040 .ios .icon-next.color-orange,
7041 .ios a.link.color-orange .icon-next {
7042   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7043 }
7044 .ios .color-theme-gray .icon-back,
7045 .ios .icon-back.color-gray,
7046 .ios a.link.color-gray .icon-back,
7047 .ios .color-theme-gray .icon-prev,
7048 .ios .icon-prev.color-gray,
7049 .ios a.link.color-gray .icon-prev {
7050   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7051 }
7052 .ios .color-theme-gray .icon-forward,
7053 .ios .icon-forward.color-gray,
7054 .ios a.link.color-gray .icon-forward,
7055 .ios .color-theme-gray .icon-next,
7056 .ios .icon-next.color-gray,
7057 .ios a.link.color-gray .icon-next {
7058   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7059 }
7060 .ios .color-theme-white .icon-back,
7061 .ios .icon-back.color-white,
7062 .ios a.link.color-white .icon-back,
7063 .ios .color-theme-white .icon-prev,
7064 .ios .icon-prev.color-white,
7065 .ios a.link.color-white .icon-prev {
7066   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7067 }
7068 .ios .color-theme-white .icon-forward,
7069 .ios .icon-forward.color-white,
7070 .ios a.link.color-white .icon-forward,
7071 .ios .color-theme-white .icon-next,
7072 .ios .icon-next.color-white,
7073 .ios a.link.color-white .icon-next {
7074   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7075 }
7076 .ios .color-theme-black .icon-back,
7077 .ios .icon-back.color-black,
7078 .ios a.link.color-black .icon-back,
7079 .ios .color-theme-black .icon-prev,
7080 .ios .icon-prev.color-black,
7081 .ios a.link.color-black .icon-prev {
7082   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7083 }
7084 .ios .color-theme-black .icon-forward,
7085 .ios .icon-forward.color-black,
7086 .ios a.link.color-black .icon-forward,
7087 .ios .color-theme-black .icon-next,
7088 .ios .icon-next.color-black,
7089 .ios a.link.color-black .icon-next {
7090   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
7091 }
7092 .ios .icon.color-red {
7093   color: #ff3b30;
7094 }
7095 .ios .icon.color-green {
7096   color: #4cd964;
7097 }
7098 .ios .icon.color-blue {
7099   color: #007aff;
7100 }
7101 .ios .icon.color-pink {
7102   color: #ff2d55;
7103 }
7104 .ios .icon.color-yellow {
7105   color: #ffcc00;
7106 }
7107 .ios .icon.color-orange {
7108   color: #ff9500;
7109 }
7110 .ios .icon.color-gray {
7111   color: #8e8e93;
7112 }
7113 .ios .icon.color-white {
7114   color: #ffffff;
7115 }
7116 .ios .icon.color-black {
7117   color: #000000;
7118 }
7119 .md .icon-back {
7120   width: 24px;
7121   height: 24px;
7122 }
7123 .md .icon-forward {
7124   width: 24px;
7125   height: 24px;
7126 }
7127 .md .icon-next,
7128 .md .icon-prev {
7129   width: 24px;
7130   height: 24px;
7131 }
7132 .md .item-media .icon {
7133   color: #737373;
7134 }
7135 .md .item-media .material-icons {
7136   font-size: 24px;
7137   width: 24px;
7138   height: 24px;
7139 }
7140 .md .icon-back {
7141   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");
7142 }
7143 .md .icon-forward {
7144   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");
7145 }
7146 .md .icon-next {
7147   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");
7148 }
7149 .md .icon-prev {
7150   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");
7151 }
7152 .md .icon-back.color-red,
7153 .md a.link .color-red .icon-back {
7154   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");
7155 }
7156 .md .icon-forward.color-red,
7157 .md a.link .color-red .icon-forward {
7158   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");
7159 }
7160 .md .icon-next.color-red,
7161 .md a.link .color-red .icon-next {
7162   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");
7163 }
7164 .md .icon-prev.color-red,
7165 .md a.link .color-red .icon-prev {
7166   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");
7167 }
7168 .md .icon-back.color-green,
7169 .md a.link .color-green .icon-back {
7170   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");
7171 }
7172 .md .icon-forward.color-green,
7173 .md a.link .color-green .icon-forward {
7174   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");
7175 }
7176 .md .icon-next.color-green,
7177 .md a.link .color-green .icon-next {
7178   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");
7179 }
7180 .md .icon-prev.color-green,
7181 .md a.link .color-green .icon-prev {
7182   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");
7183 }
7184 .md .icon-back.color-blue,
7185 .md a.link .color-blue .icon-back {
7186   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");
7187 }
7188 .md .icon-forward.color-blue,
7189 .md a.link .color-blue .icon-forward {
7190   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");
7191 }
7192 .md .icon-next.color-blue,
7193 .md a.link .color-blue .icon-next {
7194   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");
7195 }
7196 .md .icon-prev.color-blue,
7197 .md a.link .color-blue .icon-prev {
7198   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");
7199 }
7200 .md .icon-back.color-pink,
7201 .md a.link .color-pink .icon-back {
7202   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");
7203 }
7204 .md .icon-forward.color-pink,
7205 .md a.link .color-pink .icon-forward {
7206   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");
7207 }
7208 .md .icon-next.color-pink,
7209 .md a.link .color-pink .icon-next {
7210   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");
7211 }
7212 .md .icon-prev.color-pink,
7213 .md a.link .color-pink .icon-prev {
7214   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");
7215 }
7216 .md .icon-back.color-yellow,
7217 .md a.link .color-yellow .icon-back {
7218   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");
7219 }
7220 .md .icon-forward.color-yellow,
7221 .md a.link .color-yellow .icon-forward {
7222   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");
7223 }
7224 .md .icon-next.color-yellow,
7225 .md a.link .color-yellow .icon-next {
7226   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");
7227 }
7228 .md .icon-prev.color-yellow,
7229 .md a.link .color-yellow .icon-prev {
7230   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");
7231 }
7232 .md .icon-back.color-orange,
7233 .md a.link .color-orange .icon-back {
7234   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");
7235 }
7236 .md .icon-forward.color-orange,
7237 .md a.link .color-orange .icon-forward {
7238   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");
7239 }
7240 .md .icon-next.color-orange,
7241 .md a.link .color-orange .icon-next {
7242   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");
7243 }
7244 .md .icon-prev.color-orange,
7245 .md a.link .color-orange .icon-prev {
7246   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");
7247 }
7248 .md .icon-back.color-gray,
7249 .md a.link .color-gray .icon-back {
7250   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");
7251 }
7252 .md .icon-forward.color-gray,
7253 .md a.link .color-gray .icon-forward {
7254   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");
7255 }
7256 .md .icon-next.color-gray,
7257 .md a.link .color-gray .icon-next {
7258   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");
7259 }
7260 .md .icon-prev.color-gray,
7261 .md a.link .color-gray .icon-prev {
7262   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");
7263 }
7264 .md .icon-back.color-white,
7265 .md a.link .color-white .icon-back {
7266   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");
7267 }
7268 .md .icon-forward.color-white,
7269 .md a.link .color-white .icon-forward {
7270   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");
7271 }
7272 .md .icon-next.color-white,
7273 .md a.link .color-white .icon-next {
7274   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");
7275 }
7276 .md .icon-prev.color-white,
7277 .md a.link .color-white .icon-prev {
7278   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");
7279 }
7280 .md .icon-back.color-black,
7281 .md a.link .color-black .icon-back {
7282   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");
7283 }
7284 .md .icon-forward.color-black,
7285 .md a.link .color-black .icon-forward {
7286   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");
7287 }
7288 .md .icon-next.color-black,
7289 .md a.link .color-black .icon-next {
7290   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");
7291 }
7292 .md .icon-prev.color-black,
7293 .md a.link .color-black .icon-prev {
7294   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");
7295 }
7296 .md .icon.color-red {
7297   color: #f44336;
7298 }
7299 .md .icon.color-green {
7300   color: #4caf50;
7301 }
7302 .md .icon.color-blue {
7303   color: #2196f3;
7304 }
7305 .md .icon.color-pink {
7306   color: #e91e63;
7307 }
7308 .md .icon.color-yellow {
7309   color: #ffeb3b;
7310 }
7311 .md .icon.color-orange {
7312   color: #ff9800;
7313 }
7314 .md .icon.color-gray {
7315   color: #9e9e9e;
7316 }
7317 .md .icon.color-white {
7318   color: #ffffff;
7319 }
7320 .md .icon.color-black {
7321   color: #000000;
7322 }
7323 .custom-modal-backdrop {
7324   position: absolute;
7325   left: 0;
7326   top: 0;
7327   width: 100%;
7328   height: 100%;
7329   background: rgba(0, 0, 0, 0.4);
7330   z-index: 13000;
7331   visibility: hidden;
7332   opacity: 0;
7333   -webkit-transition-duration: 400ms;
7334   transition-duration: 400ms;
7335   z-index: 10500;
7336 }
7337 .custom-modal-backdrop.not-animated {
7338   -webkit-transition-duration: 0ms;
7339   transition-duration: 0ms;
7340 }
7341 .custom-modal-backdrop.backdrop-in {
7342   visibility: visible;
7343   opacity: 1;
7344 }