framework7/css/framework7-lazy.rtl.css

   1 /**
   2  * Framework7 3.6.6
   3  * Full featured mobile HTML framework for building iOS & Android apps
   4  * http://framework7.io/
   5  *
   6  * Copyright 2014-2019 Vladimir Kharlampidi
   7  *
   8  * Released under the MIT License
   9  *
  10  * Released on: February 5, 2019
  11  */
  12 html {
  13   direction: rtl;
  14 }
  15 html,
  16 body,
  17 .framework7-root {
  18   position: relative;
  19   height: 100%;
  20   width: 100%;
  21   overflow-x: hidden;
  22 }
  23 body {
  24   margin: 0;
  25   padding: 0;
  26   font-size: 14px;
  27   width: 100%;
  28   background: #fff;
  29   overflow: hidden;
  30   -webkit-text-size-adjust: 100%;
  31   -webkit-font-smoothing: antialiased;
  32 }
  33 .framework7-root {
  34   overflow: hidden;
  35   -webkit-box-sizing: border-box;
  36   box-sizing: border-box;
  37 }
  38 .framework7-initializing *,
  39 .framework7-initializing *:before,
  40 .framework7-initializing *:after {
  41   -webkit-transition-duration: 0ms !important;
  42   transition-duration: 0ms !important;
  43 }
  44 /*
  45 a, button, input, textarea, .link, .button, label, .sortable-handler {
  46   touch-action: manipulation;
  47   -ms-touch-action: manipulation;
  48 }
  49 */
  50 @media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  51   html,
  52   body,
  53   .framework7-root {
  54     height: 671px;
  55   }
  56 }
  57 @media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  58   html,
  59   body,
  60   .framework7-root {
  61     height: 672px;
  62   }
  63 }
  64 * {
  65   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  66   -webkit-touch-callout: none;
  67 }
  68 a,
  69 input,
  70 textarea,
  71 select {
  72   outline: 0;
  73 }
  74 a {
  75   cursor: pointer;
  76   text-decoration: none;
  77 }
  78 p {
  79   margin: 1em 0;
  80 }
  81 .disabled {
  82   opacity: 0.55 !important;
  83   pointer-events: none !important;
  84 }
  85 .ios body {
  86   font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif;
  87   color: #000;
  88   line-height: 1.4;
  89 }
  90 .ios .md-only,
  91 .ios .if-md {
  92   display: none !important;
  93 }
  94 .ios a {
  95   color: #007aff;
  96 }
  97 @media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  98   .ios,
  99   .ios body,
 100   .ios .framework7-root {
 101     height: 671px;
 102   }
 103 }
 104 @media (width: 1024px) and (height: 692px) and (orientation: landscape) {
 105   .ios,
 106   .ios body,
 107   .ios .framework7-root {
 108     height: 672px;
 109   }
 110 }
 111 .ios .theme-dark {
 112   color: #fff;
 113 }
 114 .ios .color-theme-red a {
 115   color: #ff3b30;
 116 }
 117 .ios .color-theme-green a {
 118   color: #4cd964;
 119 }
 120 .ios .color-theme-blue a {
 121   color: #007aff;
 122 }
 123 .ios .color-theme-pink a {
 124   color: #ff2d55;
 125 }
 126 .ios .color-theme-yellow a {
 127   color: #ffcc00;
 128 }
 129 .ios .color-theme-orange a {
 130   color: #ff9500;
 131 }
 132 .ios .color-theme-gray a {
 133   color: #8e8e93;
 134 }
 135 .ios .color-theme-white a {
 136   color: #ffffff;
 137 }
 138 .ios .color-theme-black a {
 139   color: #000000;
 140 }
 141 .ios a.color-red {
 142   color: #ff3b30;
 143 }
 144 .ios a.color-green {
 145   color: #4cd964;
 146 }
 147 .ios a.color-blue {
 148   color: #007aff;
 149 }
 150 .ios a.color-pink {
 151   color: #ff2d55;
 152 }
 153 .ios a.color-yellow {
 154   color: #ffcc00;
 155 }
 156 .ios a.color-orange {
 157   color: #ff9500;
 158 }
 159 .ios a.color-gray {
 160   color: #8e8e93;
 161 }
 162 .ios a.color-white {
 163   color: #ffffff;
 164 }
 165 .ios a.color-black {
 166   color: #000000;
 167 }
 168 .md body {
 169   font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
 170   color: #212121;
 171   line-height: 1.5;
 172 }
 173 .md .ios-only,
 174 .md .if-ios {
 175   display: none !important;
 176 }
 177 .md a {
 178   color: #2196f3;
 179 }
 180 .md .theme-dark {
 181   color: rgba(255, 255, 255, 0.87);
 182 }
 183 .md .color-theme-red a {
 184   color: #f44336;
 185 }
 186 .md .color-theme-green a {
 187   color: #4caf50;
 188 }
 189 .md .color-theme-blue a {
 190   color: #2196f3;
 191 }
 192 .md .color-theme-pink a {
 193   color: #e91e63;
 194 }
 195 .md .color-theme-yellow a {
 196   color: #ffeb3b;
 197 }
 198 .md .color-theme-orange a {
 199   color: #ff9800;
 200 }
 201 .md .color-theme-gray a {
 202   color: #9e9e9e;
 203 }
 204 .md .color-theme-white a {
 205   color: #ffffff;
 206 }
 207 .md .color-theme-black a {
 208   color: #000000;
 209 }
 210 .md a.color-red {
 211   color: #f44336;
 212 }
 213 .md a.color-green {
 214   color: #4caf50;
 215 }
 216 .md a.color-blue {
 217   color: #2196f3;
 218 }
 219 .md a.color-pink {
 220   color: #e91e63;
 221 }
 222 .md a.color-yellow {
 223   color: #ffeb3b;
 224 }
 225 .md a.color-orange {
 226   color: #ff9800;
 227 }
 228 .md a.color-gray {
 229   color: #9e9e9e;
 230 }
 231 .md a.color-white {
 232   color: #ffffff;
 233 }
 234 .md a.color-black {
 235   color: #000000;
 236 }
 237 /* === Statusbar === */
 238 .statusbar {
 239   position: absolute;
 240   left: 0;
 241   top: 0;
 242   width: 100%;
 243   z-index: 10000;
 244   -webkit-box-sizing: border-box;
 245   box-sizing: border-box;
 246   display: none;
 247 }
 248 html.device-ios .statusbar,
 249 html.ios:not(.device-ios):not(.device-android) .statusbar {
 250   height: 20px;
 251 }
 252 html.device-android .statusbar,
 253 html.md:not(.device-ios):not(.device-android) .statusbar {
 254   height: 24px;
 255 }
 256 html.device-ios.device-iphone-x .statusbar {
 257   height: constant(safe-area-inset-top);
 258   height: env(safe-area-inset-top);
 259 }
 260 html.with-statusbar .statusbar {
 261   display: block;
 262 }
 263 html.with-statusbar.device-ios .framework7-root,
 264 html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root {
 265   padding-top: 20px;
 266 }
 267 html.with-statusbar.device-android .framework7-root,
 268 html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root {
 269   padding-top: 24px;
 270 }
 271 html.with-statusbar.device-iphone-x .framework7-root {
 272   padding-top: constant(safe-area-inset-top);
 273   padding-top: env(safe-area-inset-top);
 274 }
 275 .ios .statusbar {
 276   background: #f7f7f8;
 277 }
 278 .ios .theme-dark .statusbar {
 279   background-color: #1b1b1b;
 280 }
 281 .md .statusbar {
 282   background: #0a6ebd;
 283 }
 284 .md .color-theme-red .statusbar {
 285   background: #d2190b;
 286 }
 287 .md .color-theme-green .statusbar {
 288   background: #357a38;
 289 }
 290 .md .color-theme-blue .statusbar {
 291   background: #0a6ebd;
 292 }
 293 .md .color-theme-pink .statusbar {
 294   background: #aa1145;
 295 }
 296 .md .color-theme-yellow .statusbar {
 297   background: #eed500;
 298 }
 299 .md .color-theme-orange .statusbar {
 300   background: #b36a00;
 301 }
 302 .md .color-theme-gray .statusbar {
 303   background: #787878;
 304 }
 305 .md .color-theme-white .statusbar {
 306   background: #d9d9d9;
 307 }
 308 .md .color-theme-black .statusbar {
 309   background: #000000;
 310 }
 311 /* === Views === */
 312 .views,
 313 .view {
 314   position: relative;
 315   height: 100%;
 316   z-index: 5000;
 317   overflow: hidden;
 318   -webkit-box-sizing: border-box;
 319   box-sizing: border-box;
 320 }
 321 /* === Pages === */
 322 .pages {
 323   position: relative;
 324   width: 100%;
 325   height: 100%;
 326   overflow: hidden;
 327 }
 328 .page {
 329   -webkit-box-sizing: border-box;
 330   box-sizing: border-box;
 331   position: absolute;
 332   left: 0;
 333   top: 0;
 334   width: 100%;
 335   height: 100%;
 336   -webkit-transform: translate3d(0, 0, 0);
 337   transform: translate3d(0, 0, 0);
 338 }
 339 .page.stacked {
 340   display: none;
 341 }
 342 .page-previous {
 343   pointer-events: none;
 344 }
 345 .page-content {
 346   overflow: auto;
 347   -webkit-overflow-scrolling: touch;
 348   -webkit-box-sizing: border-box;
 349   box-sizing: border-box;
 350   height: 100%;
 351   position: relative;
 352   z-index: 1;
 353 }
 354 .ios .page-shadow-effect {
 355   position: absolute;
 356   top: 0;
 357   width: 16px;
 358   bottom: 0;
 359   z-index: -1;
 360   content: '';
 361   opacity: 0;
 362   left: 100%;
 363   background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
 364   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 365   background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 366 }
 367 .ios .page-opacity-effect {
 368   position: absolute;
 369   left: 0;
 370   top: 0;
 371   background: rgba(0, 0, 0, 0.1);
 372   width: 100%;
 373   bottom: 0;
 374   content: '';
 375   opacity: 0;
 376   z-index: 10000;
 377 }
 378 .ios .router-dynamic-navbar-inside .page-shadow-effect,
 379 .ios .router-dynamic-navbar-inside .page-opacity-effect {
 380   top: 44px;
 381 }
 382 .ios .page {
 383   background: #efeff4;
 384 }
 385 .ios .page-previous {
 386   -webkit-transform: translate3d(20%, 0, 0);
 387   transform: translate3d(20%, 0, 0);
 388 }
 389 .ios .page-next {
 390   -webkit-transform: translate3d(-100%, 0, 0);
 391   transform: translate3d(-100%, 0, 0);
 392 }
 393 .ios .page-previous .page-opacity-effect {
 394   opacity: 1;
 395 }
 396 .ios .page-previous:after {
 397   opacity: 1;
 398 }
 399 .ios .page-current .page-shadow-effect {
 400   opacity: 1;
 401 }
 402 .ios .page-transitioning,
 403 .ios .page-transitioning .page-shadow-effect,
 404 .ios .page-transitioning .page-opacity-effect {
 405   -webkit-transition-duration: 400ms;
 406   transition-duration: 400ms;
 407 }
 408 .ios .router-transition-forward .page-next,
 409 .ios .router-transition-backward .page-next,
 410 .ios .router-transition-forward .page-current,
 411 .ios .router-transition-backward .page-current,
 412 .ios .router-transition-forward .page-previous:not(.stacked),
 413 .ios .router-transition-backward .page-previous:not(.stacked) {
 414   pointer-events: none;
 415 }
 416 .ios .router-transition-css-forward .page-next {
 417   -webkit-animation: ios-page-next-to-current 400ms forwards;
 418   animation: ios-page-next-to-current 400ms forwards;
 419 }
 420 .ios .router-transition-css-forward .page-next:before {
 421   position: absolute;
 422   top: 0;
 423   width: 16px;
 424   bottom: 0;
 425   z-index: -1;
 426   content: '';
 427   opacity: 0;
 428   left: 100%;
 429   background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
 430   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 431   background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 432   -webkit-animation: ios-page-next-to-current-shadow 400ms forwards;
 433   animation: ios-page-next-to-current-shadow 400ms forwards;
 434 }
 435 .ios .router-transition-css-forward .page-current {
 436   -webkit-animation: ios-page-current-to-previous 400ms forwards;
 437   animation: ios-page-current-to-previous 400ms forwards;
 438 }
 439 .ios .router-transition-css-forward .page-current:after {
 440   position: absolute;
 441   left: 0;
 442   top: 0;
 443   background: rgba(0, 0, 0, 0.1);
 444   width: 100%;
 445   bottom: 0;
 446   content: '';
 447   opacity: 0;
 448   z-index: 10000;
 449   -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards;
 450   animation: ios-page-current-to-previous-opacity 400ms forwards;
 451 }
 452 .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before,
 453 .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after {
 454   top: 44px;
 455 }
 456 .ios .router-transition-css-backward .page-previous,
 457 .ios .router-transition-css-backward .page-current {
 458   pointer-events: none;
 459 }
 460 .ios .router-transition-css-backward .page-previous {
 461   -webkit-animation: ios-page-previous-to-current 400ms forwards;
 462   animation: ios-page-previous-to-current 400ms forwards;
 463 }
 464 .ios .router-transition-css-backward .page-previous:after {
 465   position: absolute;
 466   left: 0;
 467   top: 0;
 468   background: rgba(0, 0, 0, 0.1);
 469   width: 100%;
 470   bottom: 0;
 471   content: '';
 472   opacity: 0;
 473   z-index: 10000;
 474   -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards;
 475   animation: ios-page-previous-to-current-opacity 400ms forwards;
 476 }
 477 .ios .router-transition-css-backward .page-current {
 478   -webkit-animation: ios-page-current-to-next 400ms forwards;
 479   animation: ios-page-current-to-next 400ms forwards;
 480 }
 481 .ios .router-transition-css-backward .page-current:before {
 482   position: absolute;
 483   top: 0;
 484   width: 16px;
 485   bottom: 0;
 486   z-index: -1;
 487   content: '';
 488   opacity: 0;
 489   left: 100%;
 490   background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
 491   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 492   background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 493   -webkit-animation: ios-page-current-to-next-shadow 400ms forwards;
 494   animation: ios-page-current-to-next-shadow 400ms forwards;
 495 }
 496 .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,
 497 .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after {
 498   top: 44px;
 499 }
 500 .ios .theme-dark .page,
 501 .page.ios .theme-dark {
 502   background: #171717;
 503 }
 504 @-webkit-keyframes ios-page-next-to-current {
 505   from {
 506     -webkit-transform: translate3d(-100%, 0, 0);
 507     transform: translate3d(-100%, 0, 0);
 508   }
 509   to {
 510     -webkit-transform: translate3d(0%, 0, 0);
 511     transform: translate3d(0%, 0, 0);
 512   }
 513 }
 514 @keyframes ios-page-next-to-current {
 515   from {
 516     -webkit-transform: translate3d(-100%, 0, 0);
 517     transform: translate3d(-100%, 0, 0);
 518   }
 519   to {
 520     -webkit-transform: translate3d(0%, 0, 0);
 521     transform: translate3d(0%, 0, 0);
 522   }
 523 }
 524 @-webkit-keyframes ios-page-previous-to-current {
 525   from {
 526     -webkit-transform: translate3d(20%, 0, 0);
 527     transform: translate3d(20%, 0, 0);
 528   }
 529   to {
 530     -webkit-transform: translate3d(0%, 0, 0);
 531     transform: translate3d(0%, 0, 0);
 532   }
 533 }
 534 @keyframes ios-page-previous-to-current {
 535   from {
 536     -webkit-transform: translate3d(20%, 0, 0);
 537     transform: translate3d(20%, 0, 0);
 538   }
 539   to {
 540     -webkit-transform: translate3d(0%, 0, 0);
 541     transform: translate3d(0%, 0, 0);
 542   }
 543 }
 544 @-webkit-keyframes ios-page-current-to-previous {
 545   from {
 546     -webkit-transform: translate3d(0, 0, 0);
 547     transform: translate3d(0, 0, 0);
 548   }
 549   to {
 550     -webkit-transform: translate3d(20%, 0, 0);
 551     transform: translate3d(20%, 0, 0);
 552   }
 553 }
 554 @keyframes ios-page-current-to-previous {
 555   from {
 556     -webkit-transform: translate3d(0, 0, 0);
 557     transform: translate3d(0, 0, 0);
 558   }
 559   to {
 560     -webkit-transform: translate3d(20%, 0, 0);
 561     transform: translate3d(20%, 0, 0);
 562   }
 563 }
 564 @-webkit-keyframes ios-page-current-to-next {
 565   from {
 566     -webkit-transform: translate3d(0, 0, 0);
 567     transform: translate3d(0, 0, 0);
 568   }
 569   to {
 570     -webkit-transform: translate3d(-100%, 0, 0);
 571     transform: translate3d(-100%, 0, 0);
 572   }
 573 }
 574 @keyframes ios-page-current-to-next {
 575   from {
 576     -webkit-transform: translate3d(0, 0, 0);
 577     transform: translate3d(0, 0, 0);
 578   }
 579   to {
 580     -webkit-transform: translate3d(-100%, 0, 0);
 581     transform: translate3d(-100%, 0, 0);
 582   }
 583 }
 584 @-webkit-keyframes ios-page-next-to-current-shadow {
 585   from {
 586     opacity: 0;
 587   }
 588   to {
 589     opacity: 1;
 590   }
 591 }
 592 @keyframes ios-page-next-to-current-shadow {
 593   from {
 594     opacity: 0;
 595   }
 596   to {
 597     opacity: 1;
 598   }
 599 }
 600 @-webkit-keyframes ios-page-previous-to-current-opacity {
 601   from {
 602     opacity: 1;
 603   }
 604   to {
 605     opacity: 0;
 606   }
 607 }
 608 @keyframes ios-page-previous-to-current-opacity {
 609   from {
 610     opacity: 1;
 611   }
 612   to {
 613     opacity: 0;
 614   }
 615 }
 616 @-webkit-keyframes ios-page-current-to-previous-opacity {
 617   from {
 618     opacity: 0;
 619   }
 620   to {
 621     opacity: 1;
 622   }
 623 }
 624 @keyframes ios-page-current-to-previous-opacity {
 625   from {
 626     opacity: 0;
 627   }
 628   to {
 629     opacity: 1;
 630   }
 631 }
 632 @-webkit-keyframes ios-page-current-to-next-shadow {
 633   from {
 634     opacity: 1;
 635   }
 636   to {
 637     opacity: 0;
 638   }
 639 }
 640 @keyframes ios-page-current-to-next-shadow {
 641   from {
 642     opacity: 1;
 643   }
 644   to {
 645     opacity: 0;
 646   }
 647 }
 648 .md .page-shadow-effect {
 649   position: absolute;
 650   top: 0;
 651   width: 16px;
 652   bottom: 0;
 653   z-index: -1;
 654   content: '';
 655   opacity: 0;
 656   left: 100%;
 657   background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
 658   background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 659   background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
 660 }
 661 .md .page-opacity-effect {
 662   position: absolute;
 663   left: 0;
 664   top: 0;
 665   background: rgba(0, 0, 0, 0.1);
 666   width: 100%;
 667   bottom: 0;
 668   content: '';
 669   opacity: 0;
 670   z-index: 10000;
 671 }
 672 .md .page {
 673   background: #fff;
 674 }
 675 .md .page-next {
 676   -webkit-transform: translate3d(0, 56px, 0);
 677   transform: translate3d(0, 56px, 0);
 678   opacity: 0;
 679   pointer-events: none;
 680 }
 681 .md .page-next.page-next-on-right {
 682   -webkit-transform: translate3d(-100%, 0, 0);
 683   transform: translate3d(-100%, 0, 0);
 684 }
 685 .md .page-transitioning,
 686 .md .page-transitioning .page-shadow-effect,
 687 .md .page-transitioning .page-opacity-effect {
 688   -webkit-transition-duration: 250ms;
 689   transition-duration: 250ms;
 690 }
 691 .md .page-transitioning-swipeback,
 692 .md .page-transitioning-swipeback .page-shadow-effect,
 693 .md .page-transitioning-swipeback .page-opacity-effect {
 694   -webkit-transition-duration: 400ms;
 695   transition-duration: 400ms;
 696 }
 697 .md .router-transition-forward .page,
 698 .md .router-transition-backward .page {
 699   pointer-events: none;
 700 }
 701 .md .router-transition-css-forward .page-next {
 702   -webkit-animation: md-page-next-to-current 250ms forwards;
 703   animation: md-page-next-to-current 250ms forwards;
 704 }
 705 .md .router-transition-css-forward .page-current {
 706   -webkit-animation: none;
 707   animation: none;
 708 }
 709 .md .router-transition-css-backward .page-current {
 710   -webkit-animation: md-page-current-to-next 250ms forwards;
 711   animation: md-page-current-to-next 250ms forwards;
 712 }
 713 .md .router-transition-css-backward .page-previous {
 714   -webkit-animation: none;
 715   animation: none;
 716 }
 717 .md .theme-dark .page,
 718 .page.md .theme-dark {
 719   background: #171717;
 720 }
 721 @-webkit-keyframes md-page-next-to-current {
 722   from {
 723     -webkit-transform: translate3d(0, 56px, 0);
 724     transform: translate3d(0, 56px, 0);
 725     opacity: 0;
 726   }
 727   to {
 728     -webkit-transform: translate3d(0, 0px, 0);
 729     transform: translate3d(0, 0px, 0);
 730     opacity: 1;
 731   }
 732 }
 733 @keyframes md-page-next-to-current {
 734   from {
 735     -webkit-transform: translate3d(0, 56px, 0);
 736     transform: translate3d(0, 56px, 0);
 737     opacity: 0;
 738   }
 739   to {
 740     -webkit-transform: translate3d(0, 0px, 0);
 741     transform: translate3d(0, 0px, 0);
 742     opacity: 1;
 743   }
 744 }
 745 @-webkit-keyframes md-page-current-to-next {
 746   from {
 747     -webkit-transform: translate3d(0, 0, 0);
 748     transform: translate3d(0, 0, 0);
 749     opacity: 1;
 750   }
 751   to {
 752     -webkit-transform: translate3d(0, 56px, 0);
 753     transform: translate3d(0, 56px, 0);
 754     opacity: 0;
 755   }
 756 }
 757 @keyframes md-page-current-to-next {
 758   from {
 759     -webkit-transform: translate3d(0, 0, 0);
 760     transform: translate3d(0, 0, 0);
 761     opacity: 1;
 762   }
 763   to {
 764     -webkit-transform: translate3d(0, 56px, 0);
 765     transform: translate3d(0, 56px, 0);
 766     opacity: 0;
 767   }
 768 }
 769 /* === Link === */
 770 .link,
 771 .tab-link {
 772   display: -webkit-inline-box;
 773   display: -webkit-inline-flex;
 774   display: -ms-inline-flexbox;
 775   display: inline-flex;
 776   -webkit-box-align: center;
 777   -webkit-align-items: center;
 778   -ms-flex-align: center;
 779   align-items: center;
 780   -webkit-align-content: center;
 781   -ms-flex-line-pack: center;
 782   align-content: center;
 783   -webkit-box-pack: center;
 784   -webkit-justify-content: center;
 785   -ms-flex-pack: center;
 786   justify-content: center;
 787   position: relative;
 788   -webkit-box-sizing: border-box;
 789   box-sizing: border-box;
 790   -webkit-transform: translate3d(0, 0, 0);
 791   transform: translate3d(0, 0, 0);
 792   z-index: 1;
 793 }
 794 .ios .link {
 795   -webkit-transition: opacity 300ms;
 796   transition: opacity 300ms;
 797 }
 798 .ios .link i + span,
 799 .ios .link i + i,
 800 .ios .link span + i,
 801 .ios .link span + span {
 802   margin-right: 7px;
 803 }
 804 .ios .link.active-state {
 805   opacity: 0.3;
 806   -webkit-transition-duration: 0ms;
 807   transition-duration: 0ms;
 808 }
 809 .md .link i + span,
 810 .md .link i + i,
 811 .md .link span + i,
 812 .md .link span + span {
 813   margin-right: 8px;
 814 }
 815 /* === Navbar === */
 816 .navbar {
 817   position: relative;
 818   left: 0;
 819   top: 0;
 820   width: 100%;
 821   z-index: 500;
 822   -webkit-backface-visibility: hidden;
 823   backface-visibility: hidden;
 824   -webkit-box-sizing: border-box;
 825   box-sizing: border-box;
 826   margin: 0;
 827   -webkit-transform: translate3d(0, 0, 0);
 828   transform: translate3d(0, 0, 0);
 829 }
 830 .navbar b {
 831   font-weight: 500;
 832 }
 833 .navbar a.link {
 834   display: -webkit-box;
 835   display: -webkit-flex;
 836   display: -ms-flexbox;
 837   display: flex;
 838 }
 839 .navbar .title,
 840 .navbar .left,
 841 .navbar .right {
 842   position: relative;
 843   z-index: 1;
 844 }
 845 .navbar .title {
 846   text-align: center;
 847   position: relative;
 848   overflow: hidden;
 849   text-overflow: ellipsis;
 850   white-space: nowrap;
 851   -webkit-flex-shrink: 10;
 852   -ms-flex-negative: 10;
 853   flex-shrink: 10;
 854   font-weight: 500;
 855   display: inline-block;
 856 }
 857 .navbar .subtitle {
 858   display: block;
 859 }
 860 .navbar .left,
 861 .navbar .right {
 862   -webkit-flex-shrink: 0;
 863   -ms-flex-negative: 0;
 864   flex-shrink: 0;
 865   display: -webkit-box;
 866   display: -webkit-flex;
 867   display: -ms-flexbox;
 868   display: flex;
 869   -webkit-box-pack: start;
 870   -webkit-justify-content: flex-start;
 871   -ms-flex-pack: start;
 872   justify-content: flex-start;
 873   -webkit-box-align: center;
 874   -webkit-align-items: center;
 875   -ms-flex-align: center;
 876   align-items: center;
 877   -webkit-transform: translate3d(0, 0, 0);
 878   transform: translate3d(0, 0, 0);
 879 }
 880 .navbar .right:first-child {
 881   position: absolute;
 882   height: 100%;
 883 }
 884 .navbar-inner {
 885   position: absolute;
 886   left: 0;
 887   top: 0;
 888   width: 100%;
 889   height: 100%;
 890   display: -webkit-box;
 891   display: -webkit-flex;
 892   display: -ms-flexbox;
 893   display: flex;
 894   -webkit-box-align: center;
 895   -webkit-align-items: center;
 896   -ms-flex-align: center;
 897   align-items: center;
 898   -webkit-box-sizing: border-box;
 899   box-sizing: border-box;
 900 }
 901 .navbar-inner.stacked {
 902   display: none;
 903 }
 904 .views > .navbar,
 905 .view > .navbar,
 906 .page > .navbar {
 907   position: absolute;
 908 }
 909 .ios .navbar {
 910   height: 44px;
 911   font-size: 17px;
 912   background: #f7f7f8;
 913 }
 914 .ios .navbar.no-hairline:after {
 915   display: none !important;
 916 }
 917 .ios .navbar:after {
 918   -webkit-backface-visibility: hidden;
 919   backface-visibility: hidden;
 920 }
 921 .ios .navbar a.link {
 922   -webkit-box-pack: start;
 923   -webkit-justify-content: flex-start;
 924   -ms-flex-pack: start;
 925   justify-content: flex-start;
 926   line-height: 44px;
 927   height: 44px;
 928 }
 929 .ios .navbar a.icon-only {
 930   width: 44px;
 931   margin: 0;
 932   -webkit-box-pack: center;
 933   -webkit-justify-content: center;
 934   -ms-flex-pack: center;
 935   justify-content: center;
 936 }
 937 .ios .navbar .title {
 938   font-size: 17px;
 939   margin: 0;
 940   line-height: 1.2;
 941 }
 942 .ios .navbar .subtitle {
 943   color: #6d6d72;
 944   line-height: 1;
 945   font-size: 10px;
 946   text-align: center;
 947   font-weight: normal;
 948 }
 949 .ios .navbar .left a + a,
 950 .ios .navbar .right a + a {
 951   margin-right: 15px;
 952 }
 953 .ios .navbar b,
 954 .ios .navbar .title {
 955   font-weight: 600;
 956 }
 957 .ios .navbar .left {
 958   margin-left: 10px;
 959 }
 960 .ios .navbar .right {
 961   margin-right: 10px;
 962 }
 963 .ios .navbar .right:first-child {
 964   left: 8px;
 965 }
 966 .ios .navbar:after {
 967   content: '';
 968   position: absolute;
 969   background-color: #c4c4c4;
 970   display: block;
 971   z-index: 15;
 972   top: auto;
 973   right: auto;
 974   bottom: 0;
 975   left: 0;
 976   height: 1px;
 977   width: 100%;
 978   -webkit-transform-origin: 50% 100%;
 979   transform-origin: 50% 100%;
 980 }
 981 .ios.device-pixel-ratio-2 .navbar:after {
 982   -webkit-transform: scaleY(0.5);
 983   transform: scaleY(0.5);
 984 }
 985 .ios.device-pixel-ratio-3 .navbar:after {
 986   -webkit-transform: scaleY(0.33);
 987   transform: scaleY(0.33);
 988 }
 989 .ios .navbar-inner {
 990   -webkit-box-pack: justify;
 991   -webkit-justify-content: space-between;
 992   -ms-flex-pack: justify;
 993   justify-content: space-between;
 994   padding: 0 8px;
 995 }
 996 .ios .navbar ~ *:not(.no-navbar) .page-content,
 997 .ios .navbar ~ .page-content {
 998   padding-top: 44px;
 999 }
1000 .ios .navbar-previous {
1001   pointer-events: none;
1002 }
1003 .ios .navbar-previous .left,
1004 .ios .navbar-previous .right,
1005 .ios .navbar-previous > .title,
1006 .ios .navbar-previous .subnavbar,
1007 .ios .navbar-previous .fading {
1008   opacity: 0;
1009 }
1010 .ios .navbar-previous .sliding {
1011   opacity: 0;
1012 }
1013 .ios .navbar-previous .subnavbar.sliding,
1014 .ios .navbar-previous.sliding .subnavbar {
1015   opacity: 1;
1016   -webkit-transform: translate3d(-100%, 0, 0);
1017   transform: translate3d(-100%, 0, 0);
1018 }
1019 .ios .navbar-next {
1020   pointer-events: none;
1021 }
1022 .ios .navbar-next .left,
1023 .ios .navbar-next .right,
1024 .ios .navbar-next > .title,
1025 .ios .navbar-next .subnavbar,
1026 .ios .navbar-next .fading {
1027   opacity: 0;
1028 }
1029 .ios .navbar-next .sliding {
1030   opacity: 0;
1031 }
1032 .ios .navbar-next.sliding .left,
1033 .ios .navbar-next.sliding .right,
1034 .ios .navbar-next.sliding > .title,
1035 .ios .navbar-next.sliding .subnavbar {
1036   opacity: 0;
1037 }
1038 .ios .navbar-next .subnavbar.sliding,
1039 .ios .navbar-next.sliding .subnavbar {
1040   opacity: 1;
1041   -webkit-transform: translate3d(100%, 0, 0);
1042   transform: translate3d(100%, 0, 0);
1043 }
1044 .ios .navbar-transitioning {
1045   -webkit-transition-duration: 400ms;
1046   transition-duration: 400ms;
1047 }
1048 .ios .navbar-hidden {
1049   -webkit-transform: translate3d(0, -100%, 0);
1050   transform: translate3d(0, -100%, 0);
1051 }
1052 .ios .router-transition-css-forward .navbar-current .left,
1053 .ios .router-transition-css-backward .navbar-current .left,
1054 .ios .router-transition-css-forward .navbar-current > .title,
1055 .ios .router-transition-css-backward .navbar-current > .title,
1056 .ios .router-transition-css-forward .navbar-current .right,
1057 .ios .router-transition-css-backward .navbar-current .right,
1058 .ios .router-transition-css-forward .navbar-current .subnavbar,
1059 .ios .router-transition-css-backward .navbar-current .subnavbar {
1060   -webkit-animation: ios-navbar-element-fade-out 400ms forwards;
1061   animation: ios-navbar-element-fade-out 400ms forwards;
1062 }
1063 .ios .router-transition-css-forward .navbar-current .sliding,
1064 .ios .router-transition-css-backward .navbar-current .sliding,
1065 .ios .router-transition-css-forward .navbar-current .left.sliding .icon,
1066 .ios .router-transition-css-backward .navbar-current .left.sliding .icon,
1067 .ios .router-transition-css-forward .navbar-current.sliding .left,
1068 .ios .router-transition-css-backward .navbar-current.sliding .left,
1069 .ios .router-transition-css-forward .navbar-current.sliding .left .icon,
1070 .ios .router-transition-css-backward .navbar-current.sliding .left .icon,
1071 .ios .router-transition-css-forward .navbar-current.sliding > .title,
1072 .ios .router-transition-css-backward .navbar-current.sliding > .title,
1073 .ios .router-transition-css-forward .navbar-current.sliding .right,
1074 .ios .router-transition-css-backward .navbar-current.sliding .right {
1075   -webkit-transition-duration: 400ms;
1076   transition-duration: 400ms;
1077   opacity: 0 !important;
1078   -webkit-animation: none;
1079   animation: none;
1080 }
1081 .ios .router-transition-css-forward .navbar-current.sliding .subnavbar,
1082 .ios .router-transition-css-backward .navbar-current.sliding .subnavbar,
1083 .ios .router-transition-css-forward .navbar-current .sliding.subnavbar,
1084 .ios .router-transition-css-backward .navbar-current .sliding.subnavbar {
1085   -webkit-transition-duration: 400ms;
1086   transition-duration: 400ms;
1087   -webkit-animation: none;
1088   animation: none;
1089   opacity: 1;
1090 }
1091 .ios .router-transition-css-forward .navbar-next .left,
1092 .ios .router-transition-css-backward .navbar-previous .left,
1093 .ios .router-transition-css-forward .navbar-next > .title,
1094 .ios .router-transition-css-backward .navbar-previous > .title,
1095 .ios .router-transition-css-forward .navbar-next .right,
1096 .ios .router-transition-css-backward .navbar-previous .right,
1097 .ios .router-transition-css-forward .navbar-next .subnavbar,
1098 .ios .router-transition-css-backward .navbar-previous .subnavbar {
1099   -webkit-animation: ios-navbar-element-fade-in 400ms forwards;
1100   animation: ios-navbar-element-fade-in 400ms forwards;
1101 }
1102 .ios .router-transition-css-forward .navbar-next .sliding,
1103 .ios .router-transition-css-backward .navbar-previous .sliding,
1104 .ios .router-transition-css-forward .navbar-next .left.sliding .icon,
1105 .ios .router-transition-css-backward .navbar-previous .left.sliding .icon,
1106 .ios .router-transition-css-forward .navbar-next.sliding .left,
1107 .ios .router-transition-css-backward .navbar-previous.sliding .left,
1108 .ios .router-transition-css-forward .navbar-next.sliding .left .icon,
1109 .ios .router-transition-css-backward .navbar-previous.sliding .left .icon,
1110 .ios .router-transition-css-forward .navbar-next.sliding > .title,
1111 .ios .router-transition-css-backward .navbar-previous.sliding > .title,
1112 .ios .router-transition-css-forward .navbar-next.sliding .right,
1113 .ios .router-transition-css-backward .navbar-previous.sliding .right,
1114 .ios .router-transition-css-forward .navbar-next.sliding .subnavbar,
1115 .ios .router-transition-css-backward .navbar-previous.sliding .subnavbar {
1116   -webkit-transition-duration: 400ms;
1117   transition-duration: 400ms;
1118   -webkit-animation: none;
1119   animation: none;
1120   -webkit-transform: translate3d(0, 0, 0) !important;
1121   transform: translate3d(0, 0, 0) !important;
1122   opacity: 1 !important;
1123 }
1124 .ios .theme-dark .navbar,
1125 .navbar.ios .theme-dark {
1126   background: #1b1b1b;
1127 }
1128 .ios .theme-dark .navbar:after,
1129 .navbar.ios .theme-dark:after {
1130   background-color: #282829;
1131 }
1132 .ios .theme-dark .navbar .subtitle,
1133 .navbar.ios .theme-dark .subtitle {
1134   color: #8e8e93;
1135 }
1136 @media (orientation: landscape) {
1137   .ios.device-iphone-x .ios-left-edge .navbar-inner,
1138   .ios.device-iphone-x .ios-edges .navbar-inner,
1139   .ios.device-iphone-x .popup .navbar-inner,
1140   .ios.device-iphone-x .sheet-modal .navbar-inner,
1141   .ios.device-iphone-x .panel-left .navbar-inner {
1142     padding-left: calc(8px + constant(safe-area-inset-right));
1143     padding-left: calc(8px + env(safe-area-inset-right));
1144   }
1145   .ios.device-iphone-x .ios-right-edge .navbar-inner,
1146   .ios.device-iphone-x .ios-edges .navbar-inner,
1147   .ios.device-iphone-x .popup .navbar-inner,
1148   .ios.device-iphone-x .sheet-modal .navbar-inner,
1149   .ios.device-iphone-x .panel-right .navbar-inner {
1150     padding-right: calc(8px + constant(safe-area-inset-right));
1151     padding-right: calc(8px + env(safe-area-inset-right));
1152   }
1153 }
1154 @-webkit-keyframes ios-navbar-element-fade-in {
1155   from {
1156     opacity: 0;
1157   }
1158   to {
1159     opacity: 1;
1160   }
1161 }
1162 @keyframes ios-navbar-element-fade-in {
1163   from {
1164     opacity: 0;
1165   }
1166   to {
1167     opacity: 1;
1168   }
1169 }
1170 @-webkit-keyframes ios-navbar-element-fade-out {
1171   from {
1172     opacity: 1;
1173   }
1174   to {
1175     opacity: 0;
1176   }
1177 }
1178 @keyframes ios-navbar-element-fade-out {
1179   from {
1180     opacity: 1;
1181   }
1182   to {
1183     opacity: 0;
1184   }
1185 }
1186 .md .navbar {
1187   height: 56px;
1188   background: #2196f3;
1189   color: #fff;
1190   font-size: 20px;
1191 }
1192 .md .navbar:after {
1193   content: '';
1194   position: absolute;
1195   right: 0;
1196   width: 100%;
1197   top: 100%;
1198   bottom: auto;
1199   height: 10px;
1200   pointer-events: none;
1201   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)));
1202   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%);
1203   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%);
1204 }
1205 .md .navbar.no-shadow:after {
1206   display: none;
1207 }
1208 .md .navbar a {
1209   color: inherit;
1210 }
1211 .md .navbar a.link {
1212   -webkit-box-pack: center;
1213   -webkit-justify-content: center;
1214   -ms-flex-pack: center;
1215   justify-content: center;
1216   padding: 0 16px;
1217   min-width: 48px;
1218   height: 56px;
1219   line-height: 56px;
1220 }
1221 .md .navbar a.link:before {
1222   content: '';
1223   width: 152%;
1224   height: 152%;
1225   position: absolute;
1226   left: -26%;
1227   top: -26%;
1228   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1229   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1230   background-repeat: no-repeat;
1231   background-position: center;
1232   background-size: 100% 100%;
1233   opacity: 0;
1234   pointer-events: none;
1235   -webkit-transition-duration: 600ms;
1236   transition-duration: 600ms;
1237 }
1238 .md .navbar a.link.active-state:before {
1239   opacity: 1;
1240   -webkit-transition-duration: 150ms;
1241   transition-duration: 150ms;
1242 }
1243 .md .navbar a.icon-only {
1244   min-width: 0;
1245   -webkit-flex-shrink: 0;
1246   -ms-flex-negative: 0;
1247   flex-shrink: 0;
1248 }
1249 .md .navbar .title {
1250   margin: 0 16px;
1251   line-height: 1.2;
1252   text-align: left;
1253 }
1254 .md .navbar .subtitle {
1255   line-height: 1.2;
1256   font-size: 14px;
1257   font-weight: normal;
1258   color: rgba(255, 255, 255, 0.85);
1259 }
1260 .md .navbar .right {
1261   margin-right: auto;
1262 }
1263 .md .navbar .right:first-child {
1264   left: 16px;
1265 }
1266 .md .navbar-inner {
1267   -webkit-box-pack: start;
1268   -webkit-justify-content: flex-start;
1269   -ms-flex-pack: start;
1270   justify-content: flex-start;
1271   overflow: hidden;
1272 }
1273 .md .page-with-subnavbar .navbar-inner {
1274   overflow: visible;
1275 }
1276 .md .navbar ~ * .page-content,
1277 .md .navbar ~ .page-content {
1278   padding-top: 56px;
1279 }
1280 @media (min-width: 768px) {
1281   .md .navbar {
1282     height: 64px;
1283   }
1284   .md .navbar a.link {
1285     height: 64px;
1286     line-height: 64px;
1287   }
1288   .md .navbar ~ * .page-content,
1289   .md .navbar ~ .page-content {
1290     padding-top: 64px;
1291   }
1292 }
1293 .md .navbar-transitioning {
1294   -webkit-transition-duration: 400ms;
1295   transition-duration: 400ms;
1296 }
1297 .md .navbar-hidden {
1298   -webkit-transform: translate3d(0, -100%, 0);
1299   transform: translate3d(0, -100%, 0);
1300 }
1301 .md .navbar-hidden:after {
1302   display: none;
1303 }
1304 .md .color-theme-red .navbar,
1305 .md .color-theme-red.navbar {
1306   background: #f44336;
1307 }
1308 .md .color-theme-green .navbar,
1309 .md .color-theme-green.navbar {
1310   background: #4caf50;
1311 }
1312 .md .color-theme-blue .navbar,
1313 .md .color-theme-blue.navbar {
1314   background: #2196f3;
1315 }
1316 .md .color-theme-pink .navbar,
1317 .md .color-theme-pink.navbar {
1318   background: #e91e63;
1319 }
1320 .md .color-theme-yellow .navbar,
1321 .md .color-theme-yellow.navbar {
1322   background: #ffeb3b;
1323 }
1324 .md .color-theme-orange .navbar,
1325 .md .color-theme-orange.navbar {
1326   background: #ff9800;
1327 }
1328 .md .color-theme-gray .navbar,
1329 .md .color-theme-gray.navbar {
1330   background: #9e9e9e;
1331 }
1332 .md .color-theme-white .navbar,
1333 .md .color-theme-white.navbar {
1334   background: #ffffff;
1335 }
1336 .md .color-theme-black .navbar,
1337 .md .color-theme-black.navbar {
1338   background: #000000;
1339 }
1340 .md .navbar.color-red {
1341   background: #f44336;
1342 }
1343 .md .navbar.color-green {
1344   background: #4caf50;
1345 }
1346 .md .navbar.color-blue {
1347   background: #2196f3;
1348 }
1349 .md .navbar.color-pink {
1350   background: #e91e63;
1351 }
1352 .md .navbar.color-yellow {
1353   background: #ffeb3b;
1354 }
1355 .md .navbar.color-orange {
1356   background: #ff9800;
1357 }
1358 .md .navbar.color-gray {
1359   background: #9e9e9e;
1360 }
1361 .md .navbar.color-white {
1362   background: #ffffff;
1363 }
1364 .md .navbar.color-black {
1365   background: #000000;
1366 }
1367 @media (orientation: landscape) {
1368   .md.device-iphone-x .ios-left-edge .navbar-inner,
1369   .md.device-iphone-x .ios-edges .navbar-inner,
1370   .md.device-iphone-x .popup .navbar-inner,
1371   .md.device-iphone-x .sheet-modal .navbar-inner,
1372   .md.device-iphone-x .panel-left .navbar-inner {
1373     padding-left: constant(safe-area-inset-left);
1374     padding-left: env(safe-area-inset-left);
1375   }
1376   .md.device-iphone-x .ios-right-edge .navbar-inner,
1377   .md.device-iphone-x .ios-edges .navbar-inner,
1378   .md.device-iphone-x .popup .navbar-inner,
1379   .md.device-iphone-x .sheet-modal .navbar-inner,
1380   .md.device-iphone-x .panel-right .navbar-inner {
1381     padding-right: constant(safe-area-inset-right);
1382     padding-right: env(safe-area-inset-right);
1383   }
1384 }
1385 /* === Toolbar === */
1386 .toolbar {
1387   width: 100%;
1388   position: relative;
1389   margin: 0;
1390   -webkit-transform: translate3d(0, 0, 0);
1391   transform: translate3d(0, 0, 0);
1392   -webkit-backface-visibility: hidden;
1393   backface-visibility: hidden;
1394   z-index: 500;
1395   -webkit-box-sizing: border-box;
1396   box-sizing: border-box;
1397   left: 0;
1398 }
1399 .toolbar b {
1400   font-weight: 500;
1401 }
1402 .toolbar a {
1403   -webkit-box-sizing: border-box;
1404   box-sizing: border-box;
1405   -webkit-flex-shrink: 1;
1406   -ms-flex-negative: 1;
1407   flex-shrink: 1;
1408   position: relative;
1409   white-space: nowrap;
1410   text-overflow: ellipsis;
1411 }
1412 .toolbar a.link {
1413   display: -webkit-box;
1414   display: -webkit-flex;
1415   display: -ms-flexbox;
1416   display: flex;
1417 }
1418 .toolbar i.icon {
1419   display: block;
1420 }
1421 .toolbar-inner {
1422   position: absolute;
1423   left: 0;
1424   top: 0;
1425   width: 100%;
1426   height: 100%;
1427   display: -webkit-box;
1428   display: -webkit-flex;
1429   display: -ms-flexbox;
1430   display: flex;
1431   -webkit-box-pack: justify;
1432   -webkit-justify-content: space-between;
1433   -ms-flex-pack: justify;
1434   justify-content: space-between;
1435   -webkit-box-sizing: border-box;
1436   box-sizing: border-box;
1437   -webkit-box-align: center;
1438   -webkit-align-items: center;
1439   -ms-flex-align: center;
1440   align-items: center;
1441   -webkit-align-content: center;
1442   -ms-flex-line-pack: center;
1443   align-content: center;
1444 }
1445 .views > .tabbar,
1446 .views > .tabbar-labels {
1447   z-index: 5001;
1448 }
1449 .tabbar a.link,
1450 .tabbar-labels a.link {
1451   line-height: 1.4;
1452 }
1453 .tabbar a.tab-link,
1454 .tabbar-labels a.tab-link,
1455 .tabbar a.link,
1456 .tabbar-labels a.link {
1457   height: 100%;
1458   width: 100%;
1459   -webkit-box-sizing: border-box;
1460   box-sizing: border-box;
1461   display: -webkit-box;
1462   display: -webkit-flex;
1463   display: -ms-flexbox;
1464   display: flex;
1465   -webkit-box-pack: center;
1466   -webkit-justify-content: center;
1467   -ms-flex-pack: center;
1468   justify-content: center;
1469   -webkit-box-align: center;
1470   -webkit-align-items: center;
1471   -ms-flex-align: center;
1472   align-items: center;
1473   -webkit-box-orient: vertical;
1474   -webkit-box-direction: normal;
1475   -webkit-flex-direction: column;
1476   -ms-flex-direction: column;
1477   flex-direction: column;
1478 }
1479 .tabbar-labels a.tab-link,
1480 .tabbar-labels a.link {
1481   height: 100%;
1482   -webkit-box-pack: justify;
1483   -webkit-justify-content: space-between;
1484   -ms-flex-pack: justify;
1485   justify-content: space-between;
1486   -webkit-box-align: center;
1487   -webkit-align-items: center;
1488   -ms-flex-align: center;
1489   align-items: center;
1490 }
1491 .tabbar-labels a.tab-link .tabbar-label,
1492 .tabbar-labels a.link .tabbar-label {
1493   display: block;
1494   line-height: 1;
1495   margin: 0;
1496   position: relative;
1497   text-overflow: ellipsis;
1498   white-space: nowrap;
1499 }
1500 .tabbar-scrollable .toolbar-inner {
1501   overflow: auto;
1502   -webkit-overflow-scrolling: touch;
1503 }
1504 .tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
1505   display: none !important;
1506   width: 0 !important;
1507   height: 0 !important;
1508   -webkit-appearance: none;
1509   opacity: 0 !important;
1510 }
1511 .tabbar-scrollable a.tab-link,
1512 .tabbar-scrollable a.link {
1513   width: auto;
1514   -webkit-flex-shrink: 0;
1515   -ms-flex-negative: 0;
1516   flex-shrink: 0;
1517 }
1518 .views > .toolbar,
1519 .view > .toolbar,
1520 .page > .toolbar {
1521   position: absolute;
1522 }
1523 .ios .toolbar {
1524   height: 44px;
1525   font-size: 17px;
1526   background: #f7f7f8;
1527   bottom: 0;
1528 }
1529 .ios .toolbar:after {
1530   -webkit-backface-visibility: hidden;
1531   backface-visibility: hidden;
1532 }
1533 .ios .toolbar a.link {
1534   line-height: 44px;
1535   height: 44px;
1536 }
1537 .ios .toolbar a.link i + span,
1538 .ios .toolbar a.link i + i,
1539 .ios .toolbar a.link span + i,
1540 .ios .toolbar a.link span + span {
1541   margin-right: 7px;
1542 }
1543 .ios .toolbar a.icon-only {
1544   min-height: 44px;
1545   display: -webkit-box;
1546   display: -webkit-flex;
1547   display: -ms-flexbox;
1548   display: flex;
1549   -webkit-box-pack: center;
1550   -webkit-justify-content: center;
1551   -ms-flex-pack: center;
1552   justify-content: center;
1553   -webkit-box-align: center;
1554   -webkit-align-items: center;
1555   -ms-flex-align: center;
1556   align-items: center;
1557   margin: 0;
1558   min-width: 44px;
1559 }
1560 .ios .toolbar b {
1561   font-weight: 600;
1562 }
1563 .ios .toolbar.no-hairline:before {
1564   display: none !important;
1565 }
1566 .ios .toolbar:before {
1567   content: '';
1568   position: absolute;
1569   background-color: #c4c4c4;
1570   display: block;
1571   z-index: 15;
1572   top: 0;
1573   right: auto;
1574   bottom: auto;
1575   left: 0;
1576   height: 1px;
1577   width: 100%;
1578   -webkit-transform-origin: 50% 0%;
1579   transform-origin: 50% 0%;
1580 }
1581 .ios.device-pixel-ratio-2 .toolbar:before {
1582   -webkit-transform: scaleY(0.5);
1583   transform: scaleY(0.5);
1584 }
1585 .ios.device-pixel-ratio-3 .toolbar:before {
1586   -webkit-transform: scaleY(0.33);
1587   transform: scaleY(0.33);
1588 }
1589 .ios .toolbar-inner {
1590   padding: 0 8px;
1591 }
1592 .ios .tabbar,
1593 .ios .tabbar-labels {
1594   color: #929292;
1595 }
1596 .ios .tabbar a,
1597 .ios .tabbar-labels a {
1598   color: #929292;
1599 }
1600 .ios .tabbar a.tab-link-active,
1601 .ios .tabbar-labels a.tab-link-active {
1602   color: #007aff;
1603 }
1604 .ios .tabbar i.icon,
1605 .ios .tabbar-labels i.icon {
1606   height: 30px;
1607 }
1608 .ios .tabbar-labels {
1609   height: 50px;
1610 }
1611 .ios .tabbar-labels a.tab-link,
1612 .ios .tabbar-labels a.link {
1613   padding-top: 4px;
1614   padding-bottom: 4px;
1615 }
1616 .ios .tabbar-labels a.tab-link i + span,
1617 .ios .tabbar-labels a.link i + span {
1618   margin: 0;
1619 }
1620 .ios .tabbar-labels .tabbar-label {
1621   letter-spacing: 0.01em;
1622   font-size: 10px;
1623 }
1624 @media (min-width: 768px) {
1625   .ios .tabbar .toolbar-inner,
1626   .ios .tabbar-labels .toolbar-inner {
1627     -webkit-box-pack: center;
1628     -webkit-justify-content: center;
1629     -ms-flex-pack: center;
1630     justify-content: center;
1631   }
1632   .ios .tabbar a.tab-link,
1633   .ios .tabbar-labels a.tab-link,
1634   .ios .tabbar a.link,
1635   .ios .tabbar-labels a.link {
1636     width: auto;
1637     min-width: 105px;
1638   }
1639   .ios .tabbar-labels {
1640     height: 56px;
1641   }
1642   .ios .tabbar-labels .tabbar-label {
1643     font-size: 14px;
1644   }
1645 }
1646 .ios .tabbar-scrollable .toolbar-inner {
1647   -webkit-box-pack: start;
1648   -webkit-justify-content: flex-start;
1649   -ms-flex-pack: start;
1650   justify-content: flex-start;
1651 }
1652 .ios .tabbar-scrollable a.tab-link,
1653 .ios .tabbar-scrollable a.link {
1654   padding: 0 8px;
1655 }
1656 .ios .toolbar ~ * .page-content,
1657 .ios .toolbar ~ .page-content {
1658   padding-bottom: 44px;
1659 }
1660 .ios .tabbar-labels ~ * .page-content,
1661 .ios .tabbar-labels ~ .page-content {
1662   padding-bottom: 50px;
1663 }
1664 @media (min-width: 768px) {
1665   .ios .tabbar-labels ~ * .page-content,
1666   .ios .tabbar-labels ~ .page-content {
1667     padding-bottom: 56px;
1668   }
1669 }
1670 .ios .toolbar-transitioning {
1671   -webkit-transition-duration: 400ms;
1672   transition-duration: 400ms;
1673 }
1674 .ios .toolbar-hidden {
1675   -webkit-transform: translate3d(0, 100%, 0);
1676   transform: translate3d(0, 100%, 0);
1677 }
1678 .ios .theme-dark .toolbar,
1679 .toolbar.ios .theme-dark {
1680   background: #1b1b1b;
1681 }
1682 .ios .theme-dark .toolbar:before,
1683 .toolbar.ios .theme-dark:before {
1684   background-color: #282829;
1685 }
1686 .ios .color-theme-red .tabbar a.tab-link-active,
1687 .ios .color-theme-red .tabbar-labels a.tab-link-active,
1688 .ios .color-theme-red.tabbar-labels a.tab-link-active,
1689 .ios .color-theme-red.tabbar a.tab-link-active {
1690   color: #ff3b30;
1691 }
1692 .ios .color-theme-green .tabbar a.tab-link-active,
1693 .ios .color-theme-green .tabbar-labels a.tab-link-active,
1694 .ios .color-theme-green.tabbar-labels a.tab-link-active,
1695 .ios .color-theme-green.tabbar a.tab-link-active {
1696   color: #4cd964;
1697 }
1698 .ios .color-theme-blue .tabbar a.tab-link-active,
1699 .ios .color-theme-blue .tabbar-labels a.tab-link-active,
1700 .ios .color-theme-blue.tabbar-labels a.tab-link-active,
1701 .ios .color-theme-blue.tabbar a.tab-link-active {
1702   color: #007aff;
1703 }
1704 .ios .color-theme-pink .tabbar a.tab-link-active,
1705 .ios .color-theme-pink .tabbar-labels a.tab-link-active,
1706 .ios .color-theme-pink.tabbar-labels a.tab-link-active,
1707 .ios .color-theme-pink.tabbar a.tab-link-active {
1708   color: #ff2d55;
1709 }
1710 .ios .color-theme-yellow .tabbar a.tab-link-active,
1711 .ios .color-theme-yellow .tabbar-labels a.tab-link-active,
1712 .ios .color-theme-yellow.tabbar-labels a.tab-link-active,
1713 .ios .color-theme-yellow.tabbar a.tab-link-active {
1714   color: #ffcc00;
1715 }
1716 .ios .color-theme-orange .tabbar a.tab-link-active,
1717 .ios .color-theme-orange .tabbar-labels a.tab-link-active,
1718 .ios .color-theme-orange.tabbar-labels a.tab-link-active,
1719 .ios .color-theme-orange.tabbar a.tab-link-active {
1720   color: #ff9500;
1721 }
1722 .ios .color-theme-gray .tabbar a.tab-link-active,
1723 .ios .color-theme-gray .tabbar-labels a.tab-link-active,
1724 .ios .color-theme-gray.tabbar-labels a.tab-link-active,
1725 .ios .color-theme-gray.tabbar a.tab-link-active {
1726   color: #8e8e93;
1727 }
1728 .ios .color-theme-white .tabbar a.tab-link-active,
1729 .ios .color-theme-white .tabbar-labels a.tab-link-active,
1730 .ios .color-theme-white.tabbar-labels a.tab-link-active,
1731 .ios .color-theme-white.tabbar a.tab-link-active {
1732   color: #ffffff;
1733 }
1734 .ios .color-theme-black .tabbar a.tab-link-active,
1735 .ios .color-theme-black .tabbar-labels a.tab-link-active,
1736 .ios .color-theme-black.tabbar-labels a.tab-link-active,
1737 .ios .color-theme-black.tabbar a.tab-link-active {
1738   color: #000000;
1739 }
1740 .ios .tabbar-labels.color-red a.tab-link-active,
1741 .ios .tabbar.color-red a.tab-link-active {
1742   color: #ff3b30;
1743 }
1744 .ios .tabbar-labels.color-green a.tab-link-active,
1745 .ios .tabbar.color-green a.tab-link-active {
1746   color: #4cd964;
1747 }
1748 .ios .tabbar-labels.color-blue a.tab-link-active,
1749 .ios .tabbar.color-blue a.tab-link-active {
1750   color: #007aff;
1751 }
1752 .ios .tabbar-labels.color-pink a.tab-link-active,
1753 .ios .tabbar.color-pink a.tab-link-active {
1754   color: #ff2d55;
1755 }
1756 .ios .tabbar-labels.color-yellow a.tab-link-active,
1757 .ios .tabbar.color-yellow a.tab-link-active {
1758   color: #ffcc00;
1759 }
1760 .ios .tabbar-labels.color-orange a.tab-link-active,
1761 .ios .tabbar.color-orange a.tab-link-active {
1762   color: #ff9500;
1763 }
1764 .ios .tabbar-labels.color-gray a.tab-link-active,
1765 .ios .tabbar.color-gray a.tab-link-active {
1766   color: #8e8e93;
1767 }
1768 .ios .tabbar-labels.color-white a.tab-link-active,
1769 .ios .tabbar.color-white a.tab-link-active {
1770   color: #ffffff;
1771 }
1772 .ios .tabbar-labels.color-black a.tab-link-active,
1773 .ios .tabbar.color-black a.tab-link-active {
1774   color: #000000;
1775 }
1776 .ios.device-iphone-x .views > .toolbar,
1777 .ios.device-iphone-x .view > .toolbar,
1778 .ios.device-iphone-x .page > .toolbar,
1779 .ios.device-iphone-x .popup > .toolbar,
1780 .ios.device-iphone-x .panel > .toolbar,
1781 .ios.device-iphone-x .login-screen > .toolbar {
1782   height: calc(44px + constant(safe-area-inset-bottom));
1783   height: calc(44px + env(safe-area-inset-bottom));
1784 }
1785 .ios.device-iphone-x .views > .toolbar .toolbar-inner,
1786 .ios.device-iphone-x .view > .toolbar .toolbar-inner,
1787 .ios.device-iphone-x .page > .toolbar .toolbar-inner,
1788 .ios.device-iphone-x .popup > .toolbar .toolbar-inner,
1789 .ios.device-iphone-x .panel > .toolbar .toolbar-inner,
1790 .ios.device-iphone-x .login-screen > .toolbar .toolbar-inner {
1791   height: auto;
1792   bottom: constant(safe-area-inset-bottom);
1793   bottom: env(safe-area-inset-bottom);
1794 }
1795 .ios.device-iphone-x .views > .tabbar-labels,
1796 .ios.device-iphone-x .view > .tabbar-labels,
1797 .ios.device-iphone-x .page > .tabbar-labels,
1798 .ios.device-iphone-x .popup > .tabbar-labels,
1799 .ios.device-iphone-x .panel > .tabbar-labels,
1800 .ios.device-iphone-x .login-screen > .tabbar-labels {
1801   height: calc(50px + constant(safe-area-inset-bottom));
1802   height: calc(50px + env(safe-area-inset-bottom));
1803 }
1804 @media (min-width: 768px) {
1805   .ios.device-iphone-x .views > .tabbar-labels,
1806   .ios.device-iphone-x .view > .tabbar-labels,
1807   .ios.device-iphone-x .page > .tabbar-labels,
1808   .ios.device-iphone-x .popup > .tabbar-labels,
1809   .ios.device-iphone-x .panel > .tabbar-labels,
1810   .ios.device-iphone-x .login-screen > .tabbar-labels {
1811     height: calc(56px + constant(safe-area-inset-bottom));
1812     height: calc(56px + env(safe-area-inset-bottom));
1813   }
1814 }
1815 .ios.device-iphone-x .toolbar ~ * .page-content,
1816 .ios.device-iphone-x .toolbar ~ .page-content {
1817   padding-bottom: calc(44px + constant(safe-area-inset-bottom));
1818   padding-bottom: calc(44px + env(safe-area-inset-bottom));
1819 }
1820 .ios.device-iphone-x .tabbar-labels ~ * .page-content,
1821 .ios.device-iphone-x .tabbar-labels ~ .page-content {
1822   padding-bottom: calc(50px + constant(safe-area-inset-bottom));
1823   padding-bottom: calc(50px + env(safe-area-inset-bottom));
1824 }
1825 @media (min-width: 768px) {
1826   .ios.device-iphone-x .tabbar-labels ~ * .page-content,
1827   .ios.device-iphone-x .tabbar-labels ~ .page-content {
1828     padding-bottom: calc(56px + constant(safe-area-inset-bottom));
1829     padding-bottom: calc(56px + env(safe-area-inset-bottom));
1830   }
1831 }
1832 @media (orientation: landscape) {
1833   .ios.device-iphone-x .ios-left-edge .toolbar-inner,
1834   .ios.device-iphone-x .ios-edges .toolbar-inner,
1835   .ios.device-iphone-x .popup .toolbar-inner,
1836   .ios.device-iphone-x .sheet-modal .toolbar-inner,
1837   .ios.device-iphone-x .panel-left .toolbar-inner {
1838     padding-left: calc(8px + constant(safe-area-inset-left));
1839     padding-left: calc(8px + env(safe-area-inset-left));
1840   }
1841   .ios.device-iphone-x .ios-right-edge .toolbar-inner,
1842   .ios.device-iphone-x .ios-edges .toolbar-inner,
1843   .ios.device-iphone-x .popup .toolbar-inner,
1844   .ios.device-iphone-x .sheet-modal .toolbar-inner,
1845   .ios.device-iphone-x .panel-right .toolbar-inner {
1846     padding-right: calc(8px + constant(safe-area-inset-right));
1847     padding-right: calc(8px + env(safe-area-inset-right));
1848   }
1849 }
1850 .md .toolbar {
1851   background: #2196f3;
1852   height: 48px;
1853   color: #fff;
1854   font-size: 14px;
1855   top: 0;
1856 }
1857 .md .toolbar:after {
1858   content: '';
1859   position: absolute;
1860   right: 0;
1861   width: 100%;
1862   top: 100%;
1863   bottom: auto;
1864   height: 10px;
1865   pointer-events: none;
1866   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)));
1867   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%);
1868   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%);
1869 }
1870 .md .toolbar.no-shadow:after {
1871   display: none;
1872 }
1873 .md .toolbar a {
1874   color: #fff;
1875 }
1876 .md .toolbar a.link {
1877   -webkit-box-pack: center;
1878   -webkit-justify-content: center;
1879   -ms-flex-pack: center;
1880   justify-content: center;
1881   padding: 0 16px;
1882   min-width: 48px;
1883   line-height: 48px;
1884   height: 48px;
1885 }
1886 .md .toolbar a.link:before {
1887   content: '';
1888   width: 152%;
1889   height: 152%;
1890   position: absolute;
1891   left: -26%;
1892   top: -26%;
1893   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1894   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
1895   background-repeat: no-repeat;
1896   background-position: center;
1897   background-size: 100% 100%;
1898   opacity: 0;
1899   pointer-events: none;
1900   -webkit-transition-duration: 600ms;
1901   transition-duration: 600ms;
1902 }
1903 .md .toolbar a.link.active-state:before {
1904   opacity: 1;
1905   -webkit-transition-duration: 150ms;
1906   transition-duration: 150ms;
1907 }
1908 .md .toolbar a.link i + span,
1909 .md .toolbar a.link i + i,
1910 .md .toolbar a.link span + i,
1911 .md .toolbar a.link span + span {
1912   margin-right: 8px;
1913 }
1914 .md .toolbar a.icon-only {
1915   min-width: 0;
1916   -webkit-flex-shrink: 0;
1917   -ms-flex-negative: 0;
1918   flex-shrink: 0;
1919 }
1920 .md .toolbar-inner {
1921   overflow: hidden;
1922 }
1923 .md .tabbar a.link,
1924 .md .tabbar-labels a.link,
1925 .md .tabbar a.tab-link,
1926 .md .tabbar-labels a.tab-link {
1927   padding-left: 0;
1928   padding-right: 0;
1929   font-size: 14px;
1930   text-transform: uppercase;
1931   font-weight: 500;
1932   letter-spacing: 0.03em;
1933 }
1934 .md .tabbar i.icon,
1935 .md .tabbar-labels i.icon {
1936   height: 24px;
1937 }
1938 .md .tabbar a.tab-link,
1939 .md .tabbar-labels a.tab-link {
1940   -webkit-transition-duration: 300ms;
1941   transition-duration: 300ms;
1942   overflow: hidden;
1943   color: rgba(255, 255, 255, 0.7);
1944   position: relative;
1945 }
1946 .md .tabbar a.tab-link.tab-link-active,
1947 .md .tabbar-labels a.tab-link.tab-link-active,
1948 .md .tabbar a.tab-link.active-state,
1949 .md .tabbar-labels a.tab-link.active-state {
1950   color: #ffffff;
1951 }
1952 .md .tabbar .tab-link-highlight,
1953 .md .tabbar-labels .tab-link-highlight {
1954   position: absolute;
1955   left: 0;
1956   bottom: 0;
1957   height: 2px;
1958   background: #fff;
1959   -webkit-transition-duration: 300ms;
1960   transition-duration: 300ms;
1961   right: 0;
1962 }
1963 .md .toolbar-bottom-md,
1964 .md .messagebar {
1965   top: auto !important;
1966   bottom: 0 !important;
1967 }
1968 .md .toolbar-bottom-md:after,
1969 .md .messagebar:after {
1970   content: '';
1971   position: absolute;
1972   right: 0;
1973   width: 100%;
1974   bottom: 100%;
1975   height: 10px;
1976   top: auto;
1977   pointer-events: none;
1978   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)));
1979   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%);
1980   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%);
1981 }
1982 .md .toolbar-bottom-md .tab-link-highlight,
1983 .md .messagebar .tab-link-highlight {
1984   bottom: auto;
1985   top: 0;
1986 }
1987 .md .tabbar-labels {
1988   height: 72px;
1989 }
1990 .md .tabbar-labels a.tab-link,
1991 .md .tabbar-labels a.link {
1992   padding-top: 12px;
1993   padding-bottom: 12px;
1994 }
1995 .md .tabbar-labels .tabbar-label {
1996   margin-top: 10px;
1997   max-width: 100%;
1998   overflow: hidden;
1999 }
2000 .md .tabbar-labels.toolbar-bottom-md {
2001   height: 56px;
2002 }
2003 .md .tabbar-labels.toolbar-bottom-md a.tab-link,
2004 .md .tabbar-labels.toolbar-bottom-md a.link {
2005   padding-top: 7px;
2006   padding-bottom: 7px;
2007 }
2008 .md .tabbar-labels.toolbar-bottom-md .tabbar-label {
2009   text-transform: none;
2010   line-height: 1.2;
2011   font-weight: normal;
2012   letter-spacing: 0;
2013 }
2014 .md .tabbar-scrollable .toolbar-inner {
2015   overflow: auto;
2016   -webkit-box-pack: start;
2017   -webkit-justify-content: flex-start;
2018   -ms-flex-pack: start;
2019   justify-content: flex-start;
2020 }
2021 .md .tabbar-scrollable a.tab-link,
2022 .md .tabbar-scrollable a.link {
2023   padding: 0 16px;
2024 }
2025 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
2026 .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
2027   padding-top: 48px;
2028 }
2029 .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
2030 .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
2031   padding-top: 72px;
2032 }
2033 .md .toolbar-hidden {
2034   -webkit-transform: translate3d(0, -100%, 0);
2035   transform: translate3d(0, -100%, 0);
2036 }
2037 .md .toolbar-hidden:after {
2038   display: none;
2039 }
2040 .md .toolbar-hidden.toolbar-bottom-md,
2041 .md .toolbar-hidden.messagebar {
2042   -webkit-transform: translate3d(0, 100%, 0);
2043   transform: translate3d(0, 100%, 0);
2044 }
2045 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
2046   top: 56px;
2047 }
2048 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
2049 .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
2050   padding-top: 104px;
2051 }
2052 .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
2053 .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
2054   padding-top: 128px;
2055 }
2056 .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
2057   -webkit-transform: translate3d(0, -104px, 0);
2058   transform: translate3d(0, -104px, 0);
2059 }
2060 .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) {
2061   -webkit-transform: translate3d(0, -128px, 0);
2062   transform: translate3d(0, -128px, 0);
2063 }
2064 .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
2065   -webkit-transform: translate3d(0, -56px, 0);
2066   transform: translate3d(0, -56px, 0);
2067 }
2068 @media (min-width: 768px) {
2069   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
2070     top: 64px;
2071   }
2072   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
2073   .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
2074     padding-top: 112px;
2075   }
2076   .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
2077   .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
2078     padding-top: 136px;
2079   }
2080   .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
2081     -webkit-transform: translate3d(0, -64px, 0);
2082     transform: translate3d(0, -64px, 0);
2083   }
2084   .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
2085     -webkit-transform: translate3d(0, -112px, 0);
2086     transform: translate3d(0, -112px, 0);
2087   }
2088   .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) {
2089     -webkit-transform: translate3d(0, -136px, 0);
2090     transform: translate3d(0, -136px, 0);
2091   }
2092 }
2093 .md .toolbar-bottom-md ~ * .page-content,
2094 .md .toolbar-bottom-md ~ .page-content,
2095 .md .messagebar ~ * .page-content,
2096 .md .messagebar ~ .page-content {
2097   padding-bottom: 48px;
2098 }
2099 .md .toolbar-bottom-md.tabbar-labels ~ * .page-content,
2100 .md .toolbar-bottom-md.tabbar-labels ~ .page-content {
2101   padding-bottom: 56px;
2102 }
2103 .md .toolbar-transitioning,
2104 .md .navbar-transitioning + .toolbar {
2105   -webkit-transition-duration: 400ms;
2106   transition-duration: 400ms;
2107 }
2108 .md .color-theme-red .toolbar:not(.messagebar),
2109 .md .color-theme-red.toolbar:not(.messagebar) {
2110   background: #f44336;
2111 }
2112 .md .color-theme-green .toolbar:not(.messagebar),
2113 .md .color-theme-green.toolbar:not(.messagebar) {
2114   background: #4caf50;
2115 }
2116 .md .color-theme-blue .toolbar:not(.messagebar),
2117 .md .color-theme-blue.toolbar:not(.messagebar) {
2118   background: #2196f3;
2119 }
2120 .md .color-theme-pink .toolbar:not(.messagebar),
2121 .md .color-theme-pink.toolbar:not(.messagebar) {
2122   background: #e91e63;
2123 }
2124 .md .color-theme-yellow .toolbar:not(.messagebar),
2125 .md .color-theme-yellow.toolbar:not(.messagebar) {
2126   background: #ffeb3b;
2127 }
2128 .md .color-theme-orange .toolbar:not(.messagebar),
2129 .md .color-theme-orange.toolbar:not(.messagebar) {
2130   background: #ff9800;
2131 }
2132 .md .color-theme-gray .toolbar:not(.messagebar),
2133 .md .color-theme-gray.toolbar:not(.messagebar) {
2134   background: #9e9e9e;
2135 }
2136 .md .color-theme-white .toolbar:not(.messagebar),
2137 .md .color-theme-white.toolbar:not(.messagebar) {
2138   background: #ffffff;
2139 }
2140 .md .color-theme-black .toolbar:not(.messagebar),
2141 .md .color-theme-black.toolbar:not(.messagebar) {
2142   background: #000000;
2143 }
2144 .md .toolbar:not(.messagebar).color-red {
2145   background: #f44336;
2146 }
2147 .md .toolbar:not(.messagebar).color-green {
2148   background: #4caf50;
2149 }
2150 .md .toolbar:not(.messagebar).color-blue {
2151   background: #2196f3;
2152 }
2153 .md .toolbar:not(.messagebar).color-pink {
2154   background: #e91e63;
2155 }
2156 .md .toolbar:not(.messagebar).color-yellow {
2157   background: #ffeb3b;
2158 }
2159 .md .toolbar:not(.messagebar).color-orange {
2160   background: #ff9800;
2161 }
2162 .md .toolbar:not(.messagebar).color-gray {
2163   background: #9e9e9e;
2164 }
2165 .md .toolbar:not(.messagebar).color-white {
2166   background: #ffffff;
2167 }
2168 .md .toolbar:not(.messagebar).color-black {
2169   background: #000000;
2170 }
2171 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md),
2172 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md),
2173 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md),
2174 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md),
2175 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md),
2176 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) {
2177   height: calc(48px + constant(safe-area-inset-top));
2178   height: calc(48px + env(safe-area-inset-top));
2179 }
2180 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2181 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2182 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2183 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2184 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2185 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
2186   height: auto;
2187 }
2188 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2189 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2190 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2191 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2192 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
2193 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
2194   bottom: 0;
2195   top: constant(safe-area-inset-top);
2196   top: env(safe-area-inset-top);
2197 }
2198 .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2199 .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2200 .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2201 .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2202 .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
2203 .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels {
2204   height: calc(72px + constant(safe-area-inset-top));
2205   height: calc(72px + env(safe-area-inset-top));
2206 }
2207 .md.device-iphone-x .views > .toolbar-bottom-md,
2208 .md.device-iphone-x .view > .toolbar-bottom-md,
2209 .md.device-iphone-x .page > .toolbar-bottom-md,
2210 .md.device-iphone-x .popup > .toolbar-bottom-md,
2211 .md.device-iphone-x .panel > .toolbar-bottom-md,
2212 .md.device-iphone-x .login-screen > .toolbar-bottom-md {
2213   height: calc(48px + constant(safe-area-inset-bottom));
2214   height: calc(48px + env(safe-area-inset-bottom));
2215 }
2216 .md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner,
2217 .md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner,
2218 .md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner,
2219 .md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner,
2220 .md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner,
2221 .md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner {
2222   height: auto;
2223   top: 0;
2224   bottom: constant(safe-area-inset-bottom);
2225   bottom: env(safe-area-inset-bottom);
2226 }
2227 .md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels,
2228 .md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels,
2229 .md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels,
2230 .md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels,
2231 .md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels,
2232 .md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels {
2233   height: calc(56px + constant(safe-area-inset-bottom));
2234   height: calc(56px + env(safe-area-inset-bottom));
2235 }
2236 .md.device-iphone-x .toolbar-bottom-md ~ * .page-content,
2237 .md.device-iphone-x .toolbar-bottom-md ~ .page-content,
2238 .md.device-iphone-x .messagebar ~ * .page-content,
2239 .md.device-iphone-x .messagebar ~ .page-content {
2240   padding-bottom: calc(48px + constant(safe-area-inset-bottom));
2241   padding-bottom: calc(48px + env(safe-area-inset-bottom));
2242 }
2243 .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content,
2244 .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content {
2245   padding-bottom: calc(56px + constant(safe-area-inset-bottom));
2246   padding-bottom: calc(56px + env(safe-area-inset-bottom));
2247 }
2248 @media (orientation: landscape) {
2249   .md.device-iphone-x .ios-left-edge .toolbar-inner,
2250   .md.device-iphone-x .ios-edges .toolbar-inner,
2251   .md.device-iphone-x .popup .toolbar-inner,
2252   .md.device-iphone-x .sheet-modal .toolbar-inner,
2253   .md.device-iphone-x .panel-left .toolbar-inner {
2254     padding-left: constant(safe-area-inset-left);
2255     padding-left: env(safe-area-inset-left);
2256   }
2257   .md.device-iphone-x .ios-right-edge .toolbar-inner,
2258   .md.device-iphone-x .ios-edges .toolbar-inner,
2259   .md.device-iphone-x .popup .toolbar-inner,
2260   .md.device-iphone-x .sheet-modal .toolbar-inner,
2261   .md.device-iphone-x .panel-right .toolbar-inner {
2262     padding-right: constant(safe-area-inset-right);
2263     padding-right: env(safe-area-inset-right);
2264   }
2265 }
2266 /* === Subnavbar === */
2267 .subnavbar {
2268   width: 100%;
2269   position: absolute;
2270   left: 0;
2271   top: 0;
2272   z-index: 500;
2273   -webkit-box-sizing: border-box;
2274   box-sizing: border-box;
2275   display: -webkit-box;
2276   display: -webkit-flex;
2277   display: -ms-flexbox;
2278   display: flex;
2279   -webkit-box-pack: justify;
2280   -webkit-justify-content: space-between;
2281   -ms-flex-pack: justify;
2282   justify-content: space-between;
2283   -webkit-box-align: center;
2284   -webkit-align-items: center;
2285   -ms-flex-align: center;
2286   align-items: center;
2287 }
2288 .subnavbar .title {
2289   position: relative;
2290   overflow: hidden;
2291   text-overflow: ellpsis;
2292   white-space: nowrap;
2293 }
2294 .subnavbar .left,
2295 .subnavbar .right {
2296   -webkit-flex-shrink: 0;
2297   -ms-flex-negative: 0;
2298   flex-shrink: 0;
2299   display: -webkit-box;
2300   display: -webkit-flex;
2301   display: -ms-flexbox;
2302   display: flex;
2303   -webkit-box-pack: start;
2304   -webkit-justify-content: flex-start;
2305   -ms-flex-pack: start;
2306   justify-content: flex-start;
2307   -webkit-box-align: center;
2308   -webkit-align-items: center;
2309   -ms-flex-align: center;
2310   align-items: center;
2311 }
2312 .subnavbar .right:first-child {
2313   position: absolute;
2314   height: 100%;
2315 }
2316 .subnavbar-inner {
2317   width: 100%;
2318   height: 100%;
2319   display: -webkit-box;
2320   display: -webkit-flex;
2321   display: -ms-flexbox;
2322   display: flex;
2323   -webkit-box-align: center;
2324   -webkit-align-items: center;
2325   -ms-flex-align: center;
2326   align-items: center;
2327   -webkit-box-sizing: border-box;
2328   box-sizing: border-box;
2329   -webkit-box-pack: justify;
2330   -webkit-justify-content: space-between;
2331   -ms-flex-pack: justify;
2332   justify-content: space-between;
2333   overflow: hidden;
2334 }
2335 .subnavbar-inner.stacked {
2336   display: none;
2337 }
2338 .navbar .subnavbar {
2339   top: 100%;
2340 }
2341 .views > .navbar,
2342 .view > .navbar,
2343 .page > .navbar {
2344   position: absolute;
2345 }
2346 .ios .subnavbar {
2347   height: 45px;
2348   margin-top: -1px;
2349   padding-top: 1px;
2350   background: #f7f7f8;
2351 }
2352 .ios .subnavbar.no-hairline:after {
2353   display: none !important;
2354 }
2355 .ios .subnavbar .title {
2356   font-weight: 700;
2357   line-height: 1;
2358   overflow: visible;
2359   font-size: 34px;
2360   text-align: center;
2361   display: -webkit-box;
2362   display: -webkit-flex;
2363   display: -ms-flexbox;
2364   display: flex;
2365   -webkit-box-align: center;
2366   -webkit-align-items: center;
2367   -ms-flex-align: center;
2368   align-items: center;
2369   -webkit-align-self: flex-start;
2370   -ms-flex-item-align: start;
2371   align-self: flex-start;
2372   -webkit-flex-shrink: 10;
2373   -ms-flex-negative: 10;
2374   flex-shrink: 10;
2375   letter-spacing: -0.03em;
2376 }
2377 .ios .subnavbar .title {
2378   margin-right: 7px;
2379 }
2380 .ios .subnavbar .left a + a,
2381 .ios .subnavbar .right a + a {
2382   margin-right: 15px;
2383 }
2384 .ios .subnavbar .left {
2385   margin-left: 10px;
2386 }
2387 .ios .subnavbar .right {
2388   margin-right: 10px;
2389 }
2390 .ios .subnavbar .right:first-child {
2391   left: 8px;
2392 }
2393 .ios .subnavbar a.link {
2394   line-height: 44px;
2395   height: 44px;
2396   -webkit-box-pack: start;
2397   -webkit-justify-content: flex-start;
2398   -ms-flex-pack: start;
2399   justify-content: flex-start;
2400 }
2401 .ios .subnavbar a.icon-only {
2402   min-width: 44px;
2403   -webkit-box-pack: center;
2404   -webkit-justify-content: center;
2405   -ms-flex-pack: center;
2406   justify-content: center;
2407   margin: 0;
2408 }
2409 .ios .subnavbar:after {
2410   content: '';
2411   position: absolute;
2412   background-color: #c4c4c4;
2413   display: block;
2414   z-index: 15;
2415   top: auto;
2416   right: auto;
2417   bottom: 0;
2418   left: 0;
2419   height: 1px;
2420   width: 100%;
2421   -webkit-transform-origin: 50% 100%;
2422   transform-origin: 50% 100%;
2423 }
2424 .ios.device-pixel-ratio-2 .subnavbar:after {
2425   -webkit-transform: scaleY(0.5);
2426   transform: scaleY(0.5);
2427 }
2428 .ios.device-pixel-ratio-3 .subnavbar:after {
2429   -webkit-transform: scaleY(0.33);
2430   transform: scaleY(0.33);
2431 }
2432 .ios .subnavbar-inner {
2433   padding: 0 8px;
2434 }
2435 .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar,
2436 .ios .navbar ~ .subnavbar {
2437   top: 44px;
2438 }
2439 .ios .page-with-subnavbar .page-content,
2440 .ios .subnavbar ~ .page-content,
2441 .ios .subnavbar ~ * .page-content {
2442   padding-top: 44px;
2443 }
2444 .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content,
2445 .ios .page-with-subnavbar .navbar ~ .page-content,
2446 .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content,
2447 .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
2448   padding-top: 88px;
2449 }
2450 .ios .theme-dark .subnavbar,
2451 .subnavbar.ios .theme-dark {
2452   background: #1b1b1b;
2453 }
2454 .ios .theme-dark .subnavbar:after,
2455 .subnavbar.ios .theme-dark:after {
2456   background-color: #282829;
2457 }
2458 @media (orientation: landscape) {
2459   .ios.device-iphone-x .ios-left-edge .subnavbar-inner,
2460   .ios.device-iphone-x .ios-edges .subnavbar-inner,
2461   .ios.device-iphone-x .popup .subnavbar-inner,
2462   .ios.device-iphone-x .sheet-modal .subnavbar-inner,
2463   .ios.device-iphone-x .panel-left .subnavbar-inner {
2464     padding-left: calc(8px + constant(safe-area-inset-left));
2465     padding-left: calc(8px + env(safe-area-inset-left));
2466   }
2467   .ios.device-iphone-x .ios-right-edge .subnavbar-inner,
2468   .ios.device-iphone-x .ios-edges .subnavbar-inner,
2469   .ios.device-iphone-x .popup .subnavbar-inner,
2470   .ios.device-iphone-x .sheet-modal .subnavbar-inner,
2471   .ios.device-iphone-x .panel-right .subnavbar-inner {
2472     padding-right: calc(8px + constant(safe-area-inset-right));
2473     padding-right: calc(8px + env(safe-area-inset-right));
2474   }
2475 }
2476 .md .subnavbar {
2477   height: 48px;
2478   background: #2196f3;
2479   color: #fff;
2480 }
2481 .md .subnavbar:after {
2482   content: '';
2483   position: absolute;
2484   right: 0;
2485   width: 100%;
2486   top: 100%;
2487   bottom: auto;
2488   height: 10px;
2489   pointer-events: none;
2490   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)));
2491   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%);
2492   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%);
2493 }
2494 .md .subnavbar.no-shadow:after {
2495   display: none;
2496 }
2497 .md .subnavbar .title {
2498   margin: 0 16px;
2499   font-size: 20px;
2500   line-height: 48px;
2501   display: inline-block;
2502   text-align: left;
2503   font-weight: 500;
2504 }
2505 .md .subnavbar .title:first-child {
2506   margin-right: 56px;
2507 }
2508 .md .subnavbar .right {
2509   margin-right: auto;
2510 }
2511 .md .subnavbar .right:first-child {
2512   left: 16px;
2513 }
2514 .md .subnavbar a {
2515   color: inherit;
2516 }
2517 .md .subnavbar a.link {
2518   line-height: 48px;
2519   height: 48px;
2520   min-width: 48px;
2521   -webkit-box-pack: center;
2522   -webkit-justify-content: center;
2523   -ms-flex-pack: center;
2524   justify-content: center;
2525   padding: 0 16px;
2526 }
2527 .md .subnavbar a.link:before {
2528   content: '';
2529   width: 152%;
2530   height: 152%;
2531   position: absolute;
2532   left: -26%;
2533   top: -26%;
2534   background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
2535   background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
2536   background-repeat: no-repeat;
2537   background-position: center;
2538   background-size: 100% 100%;
2539   opacity: 0;
2540   pointer-events: none;
2541   -webkit-transition-duration: 600ms;
2542   transition-duration: 600ms;
2543 }
2544 .md .subnavbar a.link.active-state:before {
2545   opacity: 1;
2546   -webkit-transition-duration: 150ms;
2547   transition-duration: 150ms;
2548 }
2549 .md .subnavbar a.icon-only {
2550   -webkit-flex-shrink: 0;
2551   -ms-flex-negative: 0;
2552   flex-shrink: 0;
2553   min-width: 0;
2554 }
2555 .md .subnavbar-inner {
2556   padding: 0 16px;
2557 }
2558 .md .subnavbar-inner > a.link:first-child {
2559   margin-right: -16px;
2560 }
2561 .md .subnavbar-inner > a.link:last-child {
2562   margin-left: -16px;
2563 }
2564 .md .subnavbar ~ * .page-content,
2565 .md .subnavbar ~ .page-content,
2566 .md .page-with-subnavbar .page-content {
2567   padding-top: 48px;
2568 }
2569 .md .navbar ~ .subnavbar ~ .page-content,
2570 .md .navbar ~ .subnavbar ~ * .page-content,
2571 .md .page-with-subnavbar .navbar ~ * .page-content,
2572 .md .page-with-subnavbar .navbar ~ .page-content {
2573   padding-top: 104px;
2574 }
2575 @media (min-width: 768px) {
2576   .md .navbar ~ .subnavbar ~ .page-content,
2577   .md .navbar ~ .subnavbar ~ * .page-content,
2578   .md .page-with-subnavbar .navbar ~ * .page-content,
2579   .md .page-with-subnavbar .navbar ~ .page-content {
2580     padding-top: 112px;
2581   }
2582 }
2583 .md .navbar ~ .subnavbar,
2584 .md .navbar ~ * .subnavbar,
2585 .md .page-with-subnavbar .navbar ~ .subnavbar,
2586 .md .page-with-subnavbar .navbar ~ * .subnavbar {
2587   top: 56px;
2588 }
2589 @media (min-width: 768px) {
2590   .md .navbar ~ .subnavbar,
2591   .md .navbar ~ * .subnavbar,
2592   .md .page-with-subnavbar .navbar ~ .subnavbar,
2593   .md .page-with-subnavbar .navbar ~ * .subnavbar {
2594     top: 64px;
2595   }
2596 }
2597 .md .color-theme-red .subnavbar,
2598 .md .color-theme-red.subnavbar {
2599   background: #f44336;
2600 }
2601 .md .color-theme-green .subnavbar,
2602 .md .color-theme-green.subnavbar {
2603   background: #4caf50;
2604 }
2605 .md .color-theme-blue .subnavbar,
2606 .md .color-theme-blue.subnavbar {
2607   background: #2196f3;
2608 }
2609 .md .color-theme-pink .subnavbar,
2610 .md .color-theme-pink.subnavbar {
2611   background: #e91e63;
2612 }
2613 .md .color-theme-yellow .subnavbar,
2614 .md .color-theme-yellow.subnavbar {
2615   background: #ffeb3b;
2616 }
2617 .md .color-theme-orange .subnavbar,
2618 .md .color-theme-orange.subnavbar {
2619   background: #ff9800;
2620 }
2621 .md .color-theme-gray .subnavbar,
2622 .md .color-theme-gray.subnavbar {
2623   background: #9e9e9e;
2624 }
2625 .md .color-theme-white .subnavbar,
2626 .md .color-theme-white.subnavbar {
2627   background: #ffffff;
2628 }
2629 .md .color-theme-black .subnavbar,
2630 .md .color-theme-black.subnavbar {
2631   background: #000000;
2632 }
2633 .md .subnavbar.color-red {
2634   background: #f44336;
2635 }
2636 .md .subnavbar.color-green {
2637   background: #4caf50;
2638 }
2639 .md .subnavbar.color-blue {
2640   background: #2196f3;
2641 }
2642 .md .subnavbar.color-pink {
2643   background: #e91e63;
2644 }
2645 .md .subnavbar.color-yellow {
2646   background: #ffeb3b;
2647 }
2648 .md .subnavbar.color-orange {
2649   background: #ff9800;
2650 }
2651 .md .subnavbar.color-gray {
2652   background: #9e9e9e;
2653 }
2654 .md .subnavbar.color-white {
2655   background: #ffffff;
2656 }
2657 .md .subnavbar.color-black {
2658   background: #000000;
2659 }
2660 @media (orientation: landscape) {
2661   .md.device-iphone-x .ios-left-edge .subnavbar-inner,
2662   .md.device-iphone-x .ios-edges .subnavbar-inner,
2663   .md.device-iphone-x .popup .subnavbar-inner,
2664   .md.device-iphone-x .sheet-modal .subnavbar-inner,
2665   .md.device-iphone-x .panel-left .subnavbar-inner {
2666     padding-left: calc(16px + constant(safe-area-inset-left));
2667     padding-left: calc(16px + env(safe-area-inset-left));
2668   }
2669   .md.device-iphone-x .ios-right-edge .subnavbar-inner,
2670   .md.device-iphone-x .ios-edges .subnavbar-inner,
2671   .md.device-iphone-x .popup .subnavbar-inner,
2672   .md.device-iphone-x .sheet-modal .subnavbar-inner,
2673   .md.device-iphone-x .panel-right .subnavbar-inner {
2674     padding-right: calc(16px + constant(safe-area-inset-right));
2675     padding-right: calc(16px + env(safe-area-inset-right));
2676   }
2677 }
2678 /* === Content Block === */
2679 .block {
2680   -webkit-box-sizing: border-box;
2681   box-sizing: border-box;
2682   position: relative;
2683   z-index: 1;
2684 }
2685 .block.no-hairlines:before,
2686 .block.no-hairlines ul:before,
2687 .md .block.no-hairlines-md:before,
2688 .md .block.no-hairlines-md ul:before,
2689 .ios .block.no-hairlines-ios:before,
2690 .ios .block.no-hairlines-ios ul:before {
2691   display: none !important;
2692 }
2693 .block.no-hairlines:after,
2694 .block.no-hairlines ul:after,
2695 .md .block.no-hairlines-md:after,
2696 .md .block.no-hairlines-md ul:after,
2697 .ios .block.no-hairlines-ios:after,
2698 .ios .block.no-hairlines-ios ul:after {
2699   display: none !important;
2700 }
2701 .block.no-hairline-top:before,
2702 .block.no-hairline-top ul:before,
2703 .md .block.no-hairline-top-md:before,
2704 .md .block.no-hairline-top-md ul:before,
2705 .ios .block.no-hairline-top-ios:before,
2706 .ios .block.no-hairline-top-ios ul:before {
2707   display: none !important;
2708 }
2709 .block.no-hairline-bottom:after,
2710 .block.no-hairline-bottom ul:after,
2711 .md .block.no-hairline-bottom-md:after,
2712 .md .block.no-hairline-bottom-md ul:after,
2713 .ios .block.no-hairline-bottom-ios:after,
2714 .ios .block.no-hairline-bottom-ios ul:after {
2715   display: none !important;
2716 }
2717 .block > h1:first-child,
2718 .block > h2:first-child,
2719 .block > h3:first-child,
2720 .block > h4:first-child,
2721 .block > p:first-child {
2722   margin-top: 0;
2723 }
2724 .block > h1:last-child,
2725 .block > h2:last-child,
2726 .block > h3:last-child,
2727 .block > h4:last-child,
2728 .block > p:last-child {
2729   margin-bottom: 0;
2730 }
2731 .block-title {
2732   position: relative;
2733   overflow: hidden;
2734   margin: 0;
2735   white-space: nowrap;
2736   text-overflow: ellipsis;
2737   font-size: 14px;
2738   line-height: 1;
2739 }
2740 .block-strong.inset {
2741   border-radius: 7px;
2742 }
2743 .block-strong.inset:before {
2744   display: none !important;
2745 }
2746 .block-strong.inset:after {
2747   display: none !important;
2748 }
2749 .block-footer,
2750 .block-header {
2751   font-size: 14px;
2752 }
2753 .block-footer ul:first-child,
2754 .block-header ul:first-child,
2755 .block-footer p:first-child,
2756 .block-header p:first-child,
2757 .block-footer h1:first-child,
2758 .block-header h1:first-child,
2759 .block-footer h2:first-child,
2760 .block-header h2:first-child,
2761 .block-footer h3:first-child,
2762 .block-header h3:first-child,
2763 .block-footer h4:first-child,
2764 .block-header h4:first-child {
2765   margin-top: 0;
2766 }
2767 .block-footer ul:last-child,
2768 .block-header ul:last-child,
2769 .block-footer p:last-child,
2770 .block-header p:last-child,
2771 .block-footer h1:last-child,
2772 .block-header h1:last-child,
2773 .block-footer h2:last-child,
2774 .block-header h2:last-child,
2775 .block-footer h3:last-child,
2776 .block-header h3:last-child,
2777 .block-footer h4:last-child,
2778 .block-header h4:last-child {
2779   margin-bottom: 0;
2780 }
2781 .block-footer ul:first-child:last-child,
2782 .block-header ul:first-child:last-child,
2783 .block-footer p:first-child:last-child,
2784 .block-header p:first-child:last-child,
2785 .block-footer h1:first-child:last-child,
2786 .block-header h1:first-child:last-child,
2787 .block-footer h2:first-child:last-child,
2788 .block-header h2:first-child:last-child,
2789 .block-footer h3:first-child:last-child,
2790 .block-header h3:first-child:last-child,
2791 .block-footer h4:first-child:last-child,
2792 .block-header h4:first-child:last-child {
2793   margin-top: 0;
2794   margin-bottom: 0;
2795 }
2796 .block-header {
2797   margin-bottom: 10px;
2798 }
2799 .block-footer {
2800   margin-top: 10px;
2801 }
2802 @media (min-width: 768px) {
2803   .block-strong.tablet-inset:before {
2804     display: none !important;
2805   }
2806   .block-strong.tablet-inset:after {
2807     display: none !important;
2808   }
2809 }
2810 /* === Content Block === */
2811 .ios .block {
2812   margin: 35px 0;
2813   padding: 0 15px;
2814   color: #6d6d72;
2815 }
2816 .ios .block-title {
2817   text-transform: uppercase;
2818   color: #6d6d72;
2819   margin: 35px 15px 10px;
2820   line-height: 17px;
2821 }
2822 .ios .block-title + .list,
2823 .ios .block-title + .block,
2824 .ios .block-title + .card,
2825 .ios .block-title + .timeline,
2826 .ios .block-title + .block-header {
2827   margin-top: 10px;
2828 }
2829 .ios .block-strong {
2830   color: #000;
2831   background: #fff;
2832   padding: 15px 15px;
2833 }
2834 .ios .block-strong:before {
2835   content: '';
2836   position: absolute;
2837   background-color: #c8c7cc;
2838   display: block;
2839   z-index: 15;
2840   top: 0;
2841   right: auto;
2842   bottom: auto;
2843   left: 0;
2844   height: 1px;
2845   width: 100%;
2846   -webkit-transform-origin: 50% 0%;
2847   transform-origin: 50% 0%;
2848 }
2849 .ios.device-pixel-ratio-2 .block-strong:before {
2850   -webkit-transform: scaleY(0.5);
2851   transform: scaleY(0.5);
2852 }
2853 .ios.device-pixel-ratio-3 .block-strong:before {
2854   -webkit-transform: scaleY(0.33);
2855   transform: scaleY(0.33);
2856 }
2857 .ios .block-strong:after {
2858   content: '';
2859   position: absolute;
2860   background-color: #c8c7cc;
2861   display: block;
2862   z-index: 15;
2863   top: auto;
2864   right: auto;
2865   bottom: 0;
2866   left: 0;
2867   height: 1px;
2868   width: 100%;
2869   -webkit-transform-origin: 50% 100%;
2870   transform-origin: 50% 100%;
2871 }
2872 .ios.device-pixel-ratio-2 .block-strong:after {
2873   -webkit-transform: scaleY(0.5);
2874   transform: scaleY(0.5);
2875 }
2876 .ios.device-pixel-ratio-3 .block-strong:after {
2877   -webkit-transform: scaleY(0.33);
2878   transform: scaleY(0.33);
2879 }
2880 .ios .block.inset {
2881   margin-left: 15px;
2882   margin-right: 15px;
2883 }
2884 .ios .block-strong-inset {
2885   border-radius: 7px;
2886 }
2887 .ios .block-header,
2888 .ios .block-footer {
2889   padding: 0 15px;
2890   color: #8f8f94;
2891 }
2892 .ios .block .block-header,
2893 .ios .block .block-footer {
2894   padding: 0 !important;
2895 }
2896 .ios .block-header {
2897   margin-top: 35px;
2898 }
2899 .ios .block-header + .list,
2900 .ios .block-header + .block,
2901 .ios .block-header + .card,
2902 .ios .block-header + .timeline {
2903   margin-top: 10px;
2904 }
2905 .ios .block-footer {
2906   margin-bottom: 35px;
2907 }
2908 .ios .list .block-header,
2909 .ios .block .block-header,
2910 .ios .card .block-header,
2911 .ios .timeline .block-header {
2912   margin-top: 0;
2913 }
2914 .ios .list .block-footer,
2915 .ios .block .block-footer,
2916 .ios .card .block-footer,
2917 .ios .timeline .block-footer {
2918   margin-bottom: 0;
2919 }
2920 .ios .list + .block-footer,
2921 .ios .block + .block-footer,
2922 .ios .card + .block-footer,
2923 .ios .timeline + .block-footer {
2924   margin-top: -25px;
2925 }
2926 .ios .block + .block-footer {
2927   margin-top: -25px;
2928   margin-bottom: 35px;
2929 }
2930 @media (min-width: 768px) {
2931   .ios .block.tablet-inset {
2932     margin-left: 15px;
2933     margin-right: 15px;
2934     border-radius: 7px;
2935   }
2936   .ios .block-strong.tablet-inset {
2937     border-radius: 7px;
2938   }
2939 }
2940 .ios .theme-dark .block-title,
2941 .ios .theme-dark .block-header,
2942 .ios .theme-dark .block-footer {
2943   color: #8E8E93;
2944 }
2945 .ios .theme-dark .block {
2946   color: #8E8E93;
2947 }
2948 .ios .theme-dark .block-strong,
2949 .ios .theme-dark.block-strong {
2950   background-color: #1c1c1d;
2951   color: #fff;
2952 }
2953 .ios .theme-dark .block-strong:before,
2954 .ios .theme-dark.block-strong:before {
2955   background-color: #282829;
2956 }
2957 .ios .theme-dark .block-strong:after,
2958 .ios .theme-dark.block-strong:after {
2959   background-color: #282829;
2960 }
2961 @media (orientation: landscape) {
2962   .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2963   .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2964   .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2965   .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2966   .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
2967   .ios.device-iphone-x .ios-left-edge .block-header,
2968   .ios.device-iphone-x .ios-edges .block-header,
2969   .ios.device-iphone-x .popup .block-header,
2970   .ios.device-iphone-x .sheet-modal .block-header,
2971   .ios.device-iphone-x .panel-left .block-header,
2972   .ios.device-iphone-x .ios-left-edge .block-footer,
2973   .ios.device-iphone-x .ios-edges .block-footer,
2974   .ios.device-iphone-x .popup .block-footer,
2975   .ios.device-iphone-x .sheet-modal .block-footer,
2976   .ios.device-iphone-x .panel-left .block-footer {
2977     padding-left: calc(15px + constant(safe-area-inset-left));
2978     padding-left: calc(15px + env(safe-area-inset-left));
2979   }
2980   .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2981   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2982   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2983   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2984   .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2985   .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2986   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2987   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2988   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2989   .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
2990     padding-left: 0;
2991   }
2992   .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2993   .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2994   .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2995   .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2996   .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2997   .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
2998   .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
2999   .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3000   .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3001   .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
3002     margin-left: calc(15px + constant(safe-area-inset-left));
3003     margin-left: calc(15px + env(safe-area-inset-left));
3004   }
3005   .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3006   .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3007   .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3008   .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3009   .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3010   .ios.device-iphone-x .ios-right-edge .block-header,
3011   .ios.device-iphone-x .ios-edges .block-header,
3012   .ios.device-iphone-x .popup .block-header,
3013   .ios.device-iphone-x .sheet-modal .block-header,
3014   .ios.device-iphone-x .panel-right .block-header,
3015   .ios.device-iphone-x .ios-right-edge .block-footer,
3016   .ios.device-iphone-x .ios-edges .block-footer,
3017   .ios.device-iphone-x .popup .block-footer,
3018   .ios.device-iphone-x .sheet-modal .block-footer,
3019   .ios.device-iphone-x .panel-right .block-footer {
3020     padding-right: calc(15px + constant(safe-area-inset-right));
3021     padding-right: calc(15px + env(safe-area-inset-right));
3022   }
3023   .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3024   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3025   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3026   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3027   .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3028   .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3029   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3030   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3031   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3032   .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
3033     padding-right: 0;
3034   }
3035   .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3036   .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3037   .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3038   .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3039   .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3040   .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3041   .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3042   .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3043   .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3044   .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
3045     margin-right: calc(15px + constant(safe-area-inset-right));
3046     margin-right: calc(15px + env(safe-area-inset-right));
3047   }
3048 }
3049 @media (orientation: landscape) and (min-width: 768px) {
3050   .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3051   .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3052   .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3053   .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3054   .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
3055     margin-left: calc(15px + constant(safe-area-inset-left));
3056     margin-left: calc(15px + env(safe-area-inset-left));
3057   }
3058 }
3059 @media (orientation: landscape) and (min-width: 768px) {
3060   .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3061   .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3062   .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3063   .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3064   .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
3065     margin-right: calc(15px + constant(safe-area-inset-right));
3066     margin-right: calc(15px + env(safe-area-inset-right));
3067   }
3068 }
3069 .md .block {
3070   margin: 32px 0;
3071   padding: 0 16px;
3072 }
3073 .md .block-title {
3074   color: rgba(0, 0, 0, 0.54);
3075   margin: 32px 16px 16px;
3076   line-height: 16px;
3077   font-weight: 500;
3078 }
3079 .md .block-title + .list,
3080 .md .block-title + .block,
3081 .md .block-title + .card,
3082 .md .block-title + .timeline,
3083 .md .block-title + .block-header {
3084   margin-top: 0px;
3085 }
3086 .md .block-strong {
3087   padding: 16px;
3088 }
3089 .md .block-strong:before {
3090   content: '';
3091   position: absolute;
3092   background-color: rgba(0, 0, 0, 0.12);
3093   display: block;
3094   z-index: 15;
3095   top: 0;
3096   right: auto;
3097   bottom: auto;
3098   left: 0;
3099   height: 1px;
3100   width: 100%;
3101   -webkit-transform-origin: 50% 0%;
3102   transform-origin: 50% 0%;
3103 }
3104 .md.device-pixel-ratio-2 .block-strong:before {
3105   -webkit-transform: scaleY(0.5);
3106   transform: scaleY(0.5);
3107 }
3108 .md.device-pixel-ratio-3 .block-strong:before {
3109   -webkit-transform: scaleY(0.33);
3110   transform: scaleY(0.33);
3111 }
3112 .md .block-strong:after {
3113   content: '';
3114   position: absolute;
3115   background-color: rgba(0, 0, 0, 0.12);
3116   display: block;
3117   z-index: 15;
3118   top: auto;
3119   right: auto;
3120   bottom: 0;
3121   left: 0;
3122   height: 1px;
3123   width: 100%;
3124   -webkit-transform-origin: 50% 100%;
3125   transform-origin: 50% 100%;
3126 }
3127 .md.device-pixel-ratio-2 .block-strong:after {
3128   -webkit-transform: scaleY(0.5);
3129   transform: scaleY(0.5);
3130 }
3131 .md.device-pixel-ratio-3 .block-strong:after {
3132   -webkit-transform: scaleY(0.33);
3133   transform: scaleY(0.33);
3134 }
3135 .md .block.inset {
3136   margin-left: 16px;
3137   margin-right: 16px;
3138 }
3139 .md .block-strong.inset {
3140   border-radius: 4px;
3141 }
3142 .md .block-header,
3143 .md .block-footer {
3144   padding: 0 16px;
3145   color: rgba(0, 0, 0, 0.54);
3146 }
3147 .md .block .block-header,
3148 .md .block .block-footer {
3149   padding: 0;
3150 }
3151 .md .block-header {
3152   margin-top: 32px;
3153 }
3154 .md .block-header + .list,
3155 .md .block-header + .block,
3156 .md .block-header + .card,
3157 .md .block-header + .timeline {
3158   margin-top: 10px;
3159 }
3160 .md .block-footer {
3161   margin-bottom: 32px;
3162 }
3163 .md .list .block-header,
3164 .md .block .block-header,
3165 .md .card .block-header,
3166 .md .timeline .block-header {
3167   margin-top: 0;
3168 }
3169 .md .list .block-footer,
3170 .md .block .block-footer,
3171 .md .card .block-footer,
3172 .md .timeline .block-footer {
3173   margin-bottom: 0;
3174 }
3175 .md .list + .block-footer,
3176 .md .block + .block-footer,
3177 .md .card + .block-footer,
3178 .md .timeline + .block-footer {
3179   margin-top: -22px;
3180 }
3181 .md .block + .block-footer {
3182   margin-top: -22px;
3183   margin-bottom: 32px;
3184 }
3185 @media (min-width: 768px) {
3186   .md .block.tablet-inset {
3187     margin-left: 16px;
3188     margin-right: 16px;
3189     border-radius: 4px;
3190   }
3191   .md .block-strong.tablet-inset {
3192     border-radius: 4px;
3193   }
3194 }
3195 .md .theme-dark .block-title {
3196   color: #fff;
3197 }
3198 .md .theme-dark .block-header,
3199 .md .theme-dark .block-footer {
3200   color: rgba(255, 255, 255, 0.54);
3201 }
3202 @media (orientation: landscape) {
3203   .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3204   .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3205   .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3206   .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3207   .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
3208   .md.device-iphone-x .ios-left-edge .block-header,
3209   .md.device-iphone-x .ios-edges .block-header,
3210   .md.device-iphone-x .popup .block-header,
3211   .md.device-iphone-x .sheet-modal .block-header,
3212   .md.device-iphone-x .panel-left .block-header,
3213   .md.device-iphone-x .ios-left-edge .block-footer,
3214   .md.device-iphone-x .ios-edges .block-footer,
3215   .md.device-iphone-x .popup .block-footer,
3216   .md.device-iphone-x .sheet-modal .block-footer,
3217   .md.device-iphone-x .panel-left .block-footer {
3218     padding-left: calc(16px + constant(safe-area-inset-left));
3219     padding-left: calc(16px + env(safe-area-inset-left));
3220   }
3221   .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3222   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3223   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3224   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3225   .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3226   .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3227   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3228   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3229   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3230   .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
3231     padding-left: 0;
3232   }
3233   .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3234   .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3235   .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3236   .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3237   .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
3238   .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3239   .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3240   .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3241   .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
3242   .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
3243     margin-left: calc(16px + constant(safe-area-inset-left));
3244     margin-left: calc(16px + env(safe-area-inset-left));
3245   }
3246   .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3247   .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3248   .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3249   .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3250   .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
3251   .md.device-iphone-x .ios-right-edge .block-header,
3252   .md.device-iphone-x .ios-edges .block-header,
3253   .md.device-iphone-x .popup .block-header,
3254   .md.device-iphone-x .sheet-modal .block-header,
3255   .md.device-iphone-x .panel-right .block-header,
3256   .md.device-iphone-x .ios-right-edge .block-footer,
3257   .md.device-iphone-x .ios-edges .block-footer,
3258   .md.device-iphone-x .popup .block-footer,
3259   .md.device-iphone-x .sheet-modal .block-footer,
3260   .md.device-iphone-x .panel-right .block-footer {
3261     padding-right: calc(16px + constant(safe-area-inset-right));
3262     padding-right: calc(16px + env(safe-area-inset-right));
3263   }
3264   .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3265   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3266   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3267   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3268   .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3269   .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3270   .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3271   .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3272   .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3273   .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
3274     padding-right: 0;
3275   }
3276   .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3277   .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3278   .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3279   .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3280   .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3281   .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3282   .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3283   .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3284   .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
3285   .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
3286     margin-right: calc(16px + constant(safe-area-inset-right));
3287     margin-right: calc(16px + env(safe-area-inset-right));
3288   }
3289 }
3290 @media (orientation: landscape) and (min-width: 768px) {
3291   .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3292   .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3293   .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3294   .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3295   .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
3296     margin-left: calc(16px + constant(safe-area-inset-left));
3297     margin-left: calc(16px + env(safe-area-inset-left));
3298   }
3299 }
3300 @media (orientation: landscape) and (min-width: 768px) {
3301   .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3302   .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3303   .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3304   .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3305   .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
3306     margin-right: calc(16px + constant(safe-area-inset-right));
3307     margin-right: calc(16px + env(safe-area-inset-right));
3308   }
3309 }
3310 /* === List View === */
3311 .list {
3312   position: relative;
3313   z-index: 1;
3314 }
3315 .list ul {
3316   list-style: none;
3317   margin: 0;
3318   padding: 0;
3319   position: relative;
3320 }
3321 .list ul ul:before {
3322   display: none !important;
3323 }
3324 .list ul ul:after {
3325   display: none !important;
3326 }
3327 .list li {
3328   position: relative;
3329   -webkit-box-sizing: border-box;
3330   box-sizing: border-box;
3331 }
3332 .list .item-media {
3333   display: -webkit-box;
3334   display: -webkit-flex;
3335   display: -ms-flexbox;
3336   display: flex;
3337   -webkit-flex-shrink: 0;
3338   -ms-flex-negative: 0;
3339   flex-shrink: 0;
3340   -webkit-flex-wrap: nowrap;
3341   -ms-flex-wrap: nowrap;
3342   flex-wrap: nowrap;
3343   -webkit-box-align: center;
3344   -webkit-align-items: center;
3345   -ms-flex-align: center;
3346   align-items: center;
3347   -webkit-box-sizing: border-box;
3348   box-sizing: border-box;
3349   padding-bottom: 8px;
3350 }
3351 .list .item-inner {
3352   position: relative;
3353   width: 100%;
3354   padding-top: 8px;
3355   padding-bottom: 8px;
3356   min-width: 0;
3357   display: -webkit-box;
3358   display: -webkit-flex;
3359   display: -ms-flexbox;
3360   display: flex;
3361   -webkit-box-pack: justify;
3362   -webkit-justify-content: space-between;
3363   -ms-flex-pack: justify;
3364   justify-content: space-between;
3365   -webkit-box-sizing: border-box;
3366   box-sizing: border-box;
3367   -webkit-box-align: center;
3368   -webkit-align-items: center;
3369   -ms-flex-align: center;
3370   align-items: center;
3371   -webkit-align-self: stretch;
3372   -ms-flex-item-align: stretch;
3373   align-self: stretch;
3374 }
3375 .list .item-title {
3376   min-width: 0;
3377   -webkit-flex-shrink: 1;
3378   -ms-flex-negative: 1;
3379   flex-shrink: 1;
3380   white-space: nowrap;
3381   position: relative;
3382   overflow: hidden;
3383   text-overflow: ellipsis;
3384   max-width: 100%;
3385 }
3386 .list .item-after {
3387   white-space: nowrap;
3388   -webkit-flex-shrink: 0;
3389   -ms-flex-negative: 0;
3390   flex-shrink: 0;
3391   display: -webkit-box;
3392   display: -webkit-flex;
3393   display: -ms-flexbox;
3394   display: flex;
3395   margin-right: auto;
3396 }
3397 .list .item-link,
3398 .list .list-button {
3399   -webkit-transition-duration: 300ms;
3400   transition-duration: 300ms;
3401   -webkit-transition-property: background-color;
3402   transition-property: background-color;
3403   display: block;
3404   position: relative;
3405   overflow: hidden;
3406   z-index: 0;
3407 }
3408 .list .item-content {
3409   display: -webkit-box;
3410   display: -webkit-flex;
3411   display: -ms-flexbox;
3412   display: flex;
3413   -webkit-box-pack: justify;
3414   -webkit-justify-content: space-between;
3415   -ms-flex-pack: justify;
3416   justify-content: space-between;
3417   -webkit-box-sizing: border-box;
3418   box-sizing: border-box;
3419   -webkit-box-align: center;
3420   -webkit-align-items: center;
3421   -ms-flex-align: center;
3422   align-items: center;
3423 }
3424 .list .item-subtitle {
3425   position: relative;
3426   overflow: hidden;
3427   white-space: nowrap;
3428   max-width: 100%;
3429   text-overflow: ellipsis;
3430 }
3431 .list .item-text {
3432   position: relative;
3433   overflow: hidden;
3434   text-overflow: hidden;
3435   -webkit-line-clamp: 2;
3436   -webkit-box-orient: vertical;
3437   display: -webkit-box;
3438 }
3439 .list .item-title-row {
3440   display: -webkit-box;
3441   display: -webkit-flex;
3442   display: -ms-flexbox;
3443   display: flex;
3444   -webkit-box-pack: justify;
3445   -webkit-justify-content: space-between;
3446   -ms-flex-pack: justify;
3447   justify-content: space-between;
3448   -webkit-box-sizing: border-box;
3449   box-sizing: border-box;
3450 }
3451 .list .item-title-row .item-after {
3452   -webkit-align-self: center;
3453   -ms-flex-item-align: center;
3454   align-self: center;
3455 }
3456 .list .item-row {
3457   display: -webkit-box;
3458   display: -webkit-flex;
3459   display: -ms-flexbox;
3460   display: flex;
3461   -webkit-box-pack: justify;
3462   -webkit-justify-content: space-between;
3463   -ms-flex-pack: justify;
3464   justify-content: space-between;
3465   -webkit-box-sizing: border-box;
3466   box-sizing: border-box;
3467 }
3468 .list .item-cell {
3469   display: block;
3470   -webkit-align-self: center;
3471   -ms-flex-item-align: center;
3472   align-self: center;
3473   -webkit-box-sizing: border-box;
3474   box-sizing: border-box;
3475   -webkit-flex-shrink: 1;
3476   -ms-flex-negative: 1;
3477   flex-shrink: 1;
3478 }
3479 .list li:last-child .list-button:after {
3480   display: none !important;
3481 }
3482 .list li:last-child > .item-inner:after,
3483 .list li:last-child li:last-child > .item-inner:after,
3484 .list li:last-child > .item-content > .item-inner:after,
3485 .list li:last-child li:last-child > .item-content > .item-inner:after,
3486 .list li:last-child > .swipeout-content > .item-content > .item-inner:after,
3487 .list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
3488 .list li:last-child > .item-link > .item-content > .item-inner:after,
3489 .list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
3490   display: none !important;
3491 }
3492 .list.no-hairlines:before,
3493 .list.no-hairlines ul:before,
3494 .md .list.no-hairlines-md:before,
3495 .md .list.no-hairlines-md ul:before,
3496 .ios .list.no-hairlines-ios:before,
3497 .ios .list.no-hairlines-ios ul:before {
3498   display: none !important;
3499 }
3500 .list.no-hairlines:after,
3501 .list.no-hairlines ul:after,
3502 .md .list.no-hairlines-md:after,
3503 .md .list.no-hairlines-md ul:after,
3504 .ios .list.no-hairlines-ios:after,
3505 .ios .list.no-hairlines-ios ul:after {
3506   display: none !important;
3507 }
3508 .list.no-hairline-top:before,
3509 .list.no-hairline-top ul:before,
3510 .md .list.no-hairline-top-md:before,
3511 .md .list.no-hairline-top-md ul:before,
3512 .ios .list.no-hairline-top-ios:before,
3513 .ios .list.no-hairline-top-ios ul:before {
3514   display: none !important;
3515 }
3516 .list.no-hairline-bottom:after,
3517 .list.no-hairline-bottom ul:after,
3518 .md .list.no-hairline-bottom-md:after,
3519 .md .list.no-hairline-bottom-md ul:after,
3520 .ios .list.no-hairline-bottom-ios:after,
3521 .ios .list.no-hairline-bottom-ios ul:after {
3522   display: none !important;
3523 }
3524 .list.no-hairlines-between .item-inner:after,
3525 .md .list.no-hairlines-between-md .item-inner:after,
3526 .ios .list.no-hairlines-between-ios .item-inner:after,
3527 .list.no-hairlines-between .list-button:after,
3528 .md .list.no-hairlines-between-md .list-button:after,
3529 .ios .list.no-hairlines-between-ios .list-button:after,
3530 .list.no-hairlines-between .item-divider:after,
3531 .md .list.no-hairlines-between-md .item-divider:after,
3532 .ios .list.no-hairlines-between-ios .item-divider:after,
3533 .list.no-hairlines-between .list-group-title:after,
3534 .md .list.no-hairlines-between-md .list-group-title:after,
3535 .ios .list.no-hairlines-between-ios .list-group-title:after,
3536 .list.no-hairlines-between .list-group-title:after,
3537 .md .list.no-hairlines-between-md .list-group-title:after,
3538 .ios .list.no-hairlines-between-ios .list-group-title:after {
3539   display: none !important;
3540 }
3541 .list.no-hairlines-between.simple-list li:after,
3542 .md .list.no-hairlines-between-md.simple-list li:after,
3543 .ios .list.no-hairlines-between-ios.simple-list li:after {
3544   display: none !important;
3545 }
3546 .list.no-hairlines-between.links-list a:after,
3547 .md .list.no-hairlines-between-md.links-list a:after,
3548 .ios .list.no-hairlines-between-ios.links-list a:after {
3549   display: none !important;
3550 }
3551 .list.simple-list li {
3552   position: relative;
3553   white-space: nowrap;
3554   text-overflow: ellipsis;
3555   max-width: 100%;
3556   -webkit-box-sizing: border-box;
3557   box-sizing: border-box;
3558   display: -webkit-box;
3559   display: -webkit-flex;
3560   display: -ms-flexbox;
3561   display: flex;
3562   -webkit-box-pack: justify;
3563   -webkit-justify-content: space-between;
3564   -ms-flex-pack: justify;
3565   justify-content: space-between;
3566   -webkit-box-align: center;
3567   -webkit-align-items: center;
3568   -ms-flex-align: center;
3569   align-items: center;
3570   -webkit-align-content: center;
3571   -ms-flex-line-pack: center;
3572   align-content: center;
3573 }
3574 .list.simple-list li:last-child:after {
3575   display: none !important;
3576 }
3577 .list.links-list a {
3578   -webkit-transition-duration: 300ms;
3579   transition-duration: 300ms;
3580   -webkit-transition-property: background-color;
3581   transition-property: background-color;
3582   display: block;
3583   position: relative;
3584   overflow: hidden;
3585   display: -webkit-box;
3586   display: -webkit-flex;
3587   display: -ms-flexbox;
3588   display: flex;
3589   -webkit-box-align: center;
3590   -webkit-align-items: center;
3591   -ms-flex-align: center;
3592   align-items: center;
3593   -webkit-align-content: center;
3594   -ms-flex-line-pack: center;
3595   align-content: center;
3596   -webkit-box-pack: justify;
3597   -webkit-justify-content: space-between;
3598   -ms-flex-pack: justify;
3599   justify-content: space-between;
3600   -webkit-box-sizing: border-box;
3601   box-sizing: border-box;
3602   white-space: nowrap;
3603   text-overflow: ellipsis;
3604   max-width: 100%;
3605 }
3606 .list.links-list li:last-child a:after {
3607   display: none !important;
3608 }
3609 .media-list .item-inner,
3610 li.media-item .item-inner {
3611   display: block;
3612   -webkit-align-self: stretch;
3613   -ms-flex-item-align: stretch;
3614   align-self: stretch;
3615 }
3616 .media-list .item-link .item-inner,
3617 li.media-item .item-link .item-inner {
3618   background: none;
3619 }
3620 .media-list .item-media,
3621 li.media-item .item-media {
3622   -webkit-align-self: flex-start;
3623   -ms-flex-item-align: start;
3624   align-self: flex-start;
3625 }
3626 .media-list .item-media img,
3627 li.media-item .item-media img {
3628   display: block;
3629 }
3630 .list .item-link .item-inner,
3631 .links-list a,
3632 .media-list .item-link .item-title-row,
3633 li.media-item .item-link .item-title-row,
3634 .media-list.chevron-center .item-link .item-inner,
3635 .media-list .chevron-center .item-link .item-inner,
3636 .media-list .item-link.chevron-center .item-inner,
3637 li.media-item.chevron-center .item-link .item-inner,
3638 li.media-item .chevron-center .item-link .item-inner,
3639 li.media-item .item-link.chevron-center .item-inner {
3640   background-size: 8px 13px;
3641   background-repeat: no-repeat;
3642   background-position: 15px center;
3643   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
3644 }
3645 .links-list.no-chevron a,
3646 .no-chevron .links-list a,
3647 .links-list .no-chevron a,
3648 .item-link.no-chevron .item-inner,
3649 .no-chevron .item-link .item-inner,
3650 .media-list.no-chevron .item-link .item-title-row,
3651 .no-chevron .media-list .item-link .item-title-row,
3652 li.media-item .no-chevron .item-title-row,
3653 li.media-item.no-chevron .item-title-row,
3654 .media-list.chevron-center .item-title-row,
3655 .media-list .chevron-center .item-title-row,
3656 li.media-item.chevron-center .item-title-row,
3657 li.media-item .chevron-center .item-title-row {
3658   background-image: none !important;
3659 }
3660 .media-list .item-link .item-inner,
3661 li.media-item .item-link .item-inner {
3662   background-image: none;
3663 }
3664 .media-list .item-link .item-title-row,
3665 li.media-item .item-link .item-title-row {
3666   background-position: left center !important;
3667 }
3668 .list-group ul:after,
3669 .list-group ul:before {
3670   z-index: 25 !important;
3671 }
3672 .list-group + .list-group ul:before {
3673   display: none !important;
3674 }
3675 li.item-divider,
3676 .item-divider,
3677 li.list-group-title {
3678   white-space: nowrap;
3679   position: relative;
3680   max-width: 100%;
3681   text-overflow: ellipsis;
3682   overflow: hidden;
3683   z-index: 15;
3684 }
3685 li.list-group-title,
3686 .list li.list-group-title {
3687   position: relative;
3688   position: -webkit-sticky;
3689   position: sticky;
3690   top: 0;
3691   margin-top: 0;
3692   z-index: 20;
3693 }
3694 li.list-group-title:before,
3695 .list li.list-group-title:before {
3696   display: none !important;
3697 }
3698 .list.inset .block-title {
3699   margin-left: 0;
3700   margin-right: 0;
3701 }
3702 .list.inset ul:before {
3703   display: none !important;
3704 }
3705 .list.inset ul:after {
3706   display: none !important;
3707 }
3708 @media (min-width: 768px) {
3709   .list.tablet-inset .block-title {
3710     margin-left: 0;
3711     margin-right: 0;
3712   }
3713   .list.tablet-inset ul:before {
3714     display: none !important;
3715   }
3716   .list.tablet-inset ul:after {
3717     display: none !important;
3718   }
3719 }
3720 .theme-dark .list .item-link .item-inner,
3721 .list.theme-dark .item-link .item-inner,
3722 .theme-dark .links-list a,
3723 .links-list.theme-dark a,
3724 .theme-dark .media-list .item-link .item-title-row,
3725 .media-list.theme-dark .item-link .item-title-row,
3726 .theme-dark li.media-item .item-link .item-title-row {
3727   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
3728 }
3729 .theme-dark .media-list .item-link .item-inner,
3730 .media-list.theme-dark .item-link .item-inner,
3731 .theme-dark li.media-item .item-link .item-inner {
3732   background-image: none;
3733 }
3734 .ios .list {
3735   margin: 35px 0;
3736   font-size: 17px;
3737 }
3738 .ios .list .item-cell {
3739   width: 100%;
3740   min-width: 0;
3741   margin-right: 15px;
3742 }
3743 .ios .list .item-cell:first-child {
3744   margin-right: 0;
3745 }
3746 .ios .list ul {
3747   background: #fff;
3748 }
3749 .ios .list ul ul {
3750   padding-right: 45px;
3751 }
3752 .ios .list .item-media {
3753   padding-top: 7px;
3754 }
3755 .ios .list .item-media i + i,
3756 .ios .list .item-media i + img {
3757   margin-right: 5px;
3758 }
3759 .ios .list .item-media + .item-inner {
3760   margin-right: 15px;
3761 }
3762 .ios .list .item-inner {
3763   min-height: 44px;
3764   padding-left: 15px;
3765 }
3766 .ios .list .item-after {
3767   color: #8e8e93;
3768   padding-right: 5px;
3769 }
3770 .ios .list .item-link,
3771 .ios .list .list-button {
3772   color: inherit;
3773 }
3774 .ios .list .item-link .item-inner,
3775 .ios .list .list-button .item-inner {
3776   padding-left: 35px;
3777 }
3778 .ios .list .item-link.active-state,
3779 .ios .list .list-button.active-state {
3780   -webkit-transition-duration: 0ms;
3781   transition-duration: 0ms;
3782   background-color: #d9d9d9;
3783 }
3784 .ios .list .item-link.active-state .item-inner:after,
3785 .ios .list .list-button.active-state .item-inner:after {
3786   background-color: transparent;
3787 }
3788 .ios .list .list-button {
3789   padding: 0 15px;
3790   text-align: center;
3791   color: #007aff;
3792   line-height: 44px;
3793 }
3794 .ios .list .item-content {
3795   min-height: 44px;
3796   padding-right: 15px;
3797 }
3798 .ios .list .item-subtitle {
3799   font-size: 15px;
3800 }
3801 .ios .list .item-text {
3802   font-size: 15px;
3803   color: #8e8e93;
3804   line-height: 21px;
3805   max-height: 42px;
3806 }
3807 .ios .list .item-header,
3808 .ios .list .item-footer {
3809   font-weight: normal;
3810   font-size: 12px;
3811   line-height: 1.2;
3812   white-space: normal;
3813 }
3814 .ios .list .item-footer {
3815   color: #8e8e93;
3816 }
3817 .ios .list .item-link.no-chevron .item-inner,
3818 .ios .list.no-chevron .item-link .item-inner,
3819 .ios .list .no-chevron .item-link .item-inner,
3820 .ios .no-chevron .list .item-link .item-inner {
3821   padding-left: 15px;
3822 }
3823 .ios .simple-list li:after {
3824   content: '';
3825   position: absolute;
3826   background-color: #c8c7cc;
3827   display: block;
3828   z-index: 15;
3829   top: auto;
3830   right: auto;
3831   bottom: 0;
3832   left: 0;
3833   height: 1px;
3834   width: 100%;
3835   -webkit-transform-origin: 50% 100%;
3836   transform-origin: 50% 100%;
3837 }
3838 .ios.device-pixel-ratio-2 .simple-list li:after {
3839   -webkit-transform: scaleY(0.5);
3840   transform: scaleY(0.5);
3841 }
3842 .ios.device-pixel-ratio-3 .simple-list li:after {
3843   -webkit-transform: scaleY(0.33);
3844   transform: scaleY(0.33);
3845 }
3846 .ios .simple-list li {
3847   padding-left: 15px;
3848   padding-right: 15px;
3849   line-height: 44px;
3850   height: 44px;
3851 }
3852 .ios .simple-list li:after {
3853   left: 15px;
3854   right: 0;
3855   width: auto;
3856   right: 15px;
3857   left: 0;
3858 }
3859 .ios .links-list a:after {
3860   content: '';
3861   position: absolute;
3862   background-color: #c8c7cc;
3863   display: block;
3864   z-index: 15;
3865   top: auto;
3866   right: auto;
3867   bottom: 0;
3868   left: 0;
3869   height: 1px;
3870   width: 100%;
3871   -webkit-transform-origin: 50% 100%;
3872   transform-origin: 50% 100%;
3873 }
3874 .ios.device-pixel-ratio-2 .links-list a:after {
3875   -webkit-transform: scaleY(0.5);
3876   transform: scaleY(0.5);
3877 }
3878 .ios.device-pixel-ratio-3 .links-list a:after {
3879   -webkit-transform: scaleY(0.33);
3880   transform: scaleY(0.33);
3881 }
3882 .ios .links-list a {
3883   height: 44px;
3884   color: inherit;
3885 }
3886 .ios .links-list a.active-state {
3887   -webkit-transition-duration: 0ms;
3888   transition-duration: 0ms;
3889   background-color: #d9d9d9;
3890 }
3891 .ios .links-list a:after {
3892   width: auto;
3893 }
3894 .ios .links-list a {
3895   padding-right: 15px;
3896   padding-left: 35px;
3897 }
3898 .ios .links-list a:after {
3899   right: 15px;
3900   left: 0;
3901 }
3902 .ios .links-list.no-chevron a,
3903 .ios .no-chevron .links-list a,
3904 .ios .links-list a.no-chevron,
3905 .ios .links-list .no-chevron a {
3906   padding-left: 15px;
3907 }
3908 .ios .media-list .item-title,
3909 .ios li.media-item .item-title {
3910   font-weight: 600;
3911 }
3912 .ios .media-list .item-inner,
3913 .ios li.media-item .item-inner {
3914   padding-top: 10px;
3915   padding-bottom: 9px;
3916 }
3917 .ios .media-list .item-media,
3918 .ios li.media-item .item-media {
3919   padding-top: 9px;
3920   padding-bottom: 10px;
3921 }
3922 .ios .media-list .item-link .item-inner,
3923 .ios li.media-item .item-link .item-inner {
3924   padding-left: 15px;
3925 }
3926 .ios .media-list .item-link .item-title-row,
3927 .ios li.media-item .item-link .item-title-row {
3928   padding-left: 20px;
3929 }
3930 .ios .media-list.chevron-center .item-link .item-inner,
3931 .ios .media-list .chevron-center .item-link .item-inner,
3932 .ios .media-list .item-link.chevron-center .item-inner,
3933 .ios li.media-item.chevron-center .item-link .item-inner,
3934 .ios li.media-item .item-link.chevron-center .item-inner,
3935 .ios li.media-item .chevron-center .item-link .item-inner {
3936   padding-left: 35px;
3937 }
3938 .ios .media-list.no-chevron .item-link .item-title-row,
3939 .ios .no-chevron .media-list .item-link .item-title-row,
3940 .ios .media-list .no-chevron .item-link .item-title-row,
3941 .ios li.media-item.no-chevron .item-link .item-title-row,
3942 .ios .no-chevron li.media-item .item-link .item-title-row,
3943 .ios .media-list.chevron-center .item-title-row,
3944 .ios .media-list .chevron-center .item-title-row,
3945 .ios li.media-item.chevron-center .item-title-row,
3946 .ios li.media-item .chevron-center .item-title-row {
3947   padding-left: 0 !important;
3948 }
3949 .ios .list .item-link .item-inner,
3950 .ios .links-list a {
3951   background-position: 15px center;
3952 }
3953 .ios .item-divider,
3954 .ios .list-group-title {
3955   margin-top: -1px;
3956   padding: 4px 15px;
3957   background: #f7f7f7;
3958   color: #8e8e93;
3959 }
3960 .ios .item-divider:after,
3961 .ios .list-group-title:after {
3962   display: none !important;
3963 }
3964 .ios .list-group-title {
3965   margin-top: 0;
3966 }
3967 .ios .item-divider:before {
3968   content: '';
3969   position: absolute;
3970   background-color: #c8c7cc;
3971   display: block;
3972   z-index: 15;
3973   top: 0;
3974   right: auto;
3975   bottom: auto;
3976   left: 0;
3977   height: 1px;
3978   width: 100%;
3979   -webkit-transform-origin: 50% 0%;
3980   transform-origin: 50% 0%;
3981 }
3982 .ios.device-pixel-ratio-2 .item-divider:before {
3983   -webkit-transform: scaleY(0.5);
3984   transform: scaleY(0.5);
3985 }
3986 .ios.device-pixel-ratio-3 .item-divider:before {
3987   -webkit-transform: scaleY(0.33);
3988   transform: scaleY(0.33);
3989 }
3990 .ios .list-group-title:before {
3991   content: '';
3992   position: absolute;
3993   background-color: #c8c7cc;
3994   display: block;
3995   z-index: 15;
3996   top: 0;
3997   right: auto;
3998   bottom: auto;
3999   left: 0;
4000   height: 1px;
4001   width: 100%;
4002   -webkit-transform-origin: 50% 0%;
4003   transform-origin: 50% 0%;
4004 }
4005 .ios.device-pixel-ratio-2 .list-group-title:before {
4006   -webkit-transform: scaleY(0.5);
4007   transform: scaleY(0.5);
4008 }
4009 .ios.device-pixel-ratio-3 .list-group-title:before {
4010   -webkit-transform: scaleY(0.33);
4011   transform: scaleY(0.33);
4012 }
4013 .ios .list .list-button:after {
4014   content: '';
4015   position: absolute;
4016   background-color: #c8c7cc;
4017   display: block;
4018   z-index: 15;
4019   top: auto;
4020   right: auto;
4021   bottom: 0;
4022   left: 0;
4023   height: 1px;
4024   width: 100%;
4025   -webkit-transform-origin: 50% 100%;
4026   transform-origin: 50% 100%;
4027 }
4028 .ios.device-pixel-ratio-2 .list .list-button:after {
4029   -webkit-transform: scaleY(0.5);
4030   transform: scaleY(0.5);
4031 }
4032 .ios.device-pixel-ratio-3 .list .list-button:after {
4033   -webkit-transform: scaleY(0.33);
4034   transform: scaleY(0.33);
4035 }
4036 .ios .list .item-inner:after {
4037   content: '';
4038   position: absolute;
4039   background-color: #c8c7cc;
4040   display: block;
4041   z-index: 15;
4042   top: auto;
4043   right: auto;
4044   bottom: 0;
4045   left: 0;
4046   height: 1px;
4047   width: 100%;
4048   -webkit-transform-origin: 50% 100%;
4049   transform-origin: 50% 100%;
4050 }
4051 .ios.device-pixel-ratio-2 .list .item-inner:after {
4052   -webkit-transform: scaleY(0.5);
4053   transform: scaleY(0.5);
4054 }
4055 .ios.device-pixel-ratio-3 .list .item-inner:after {
4056   -webkit-transform: scaleY(0.33);
4057   transform: scaleY(0.33);
4058 }
4059 .ios .list ul:before {
4060   content: '';
4061   position: absolute;
4062   background-color: #c8c7cc;
4063   display: block;
4064   z-index: 15;
4065   top: 0;
4066   right: auto;
4067   bottom: auto;
4068   left: 0;
4069   height: 1px;
4070   width: 100%;
4071   -webkit-transform-origin: 50% 0%;
4072   transform-origin: 50% 0%;
4073 }
4074 .ios.device-pixel-ratio-2 .list ul:before {
4075   -webkit-transform: scaleY(0.5);
4076   transform: scaleY(0.5);
4077 }
4078 .ios.device-pixel-ratio-3 .list ul:before {
4079   -webkit-transform: scaleY(0.33);
4080   transform: scaleY(0.33);
4081 }
4082 .ios .list ul:after {
4083   content: '';
4084   position: absolute;
4085   background-color: #c8c7cc;
4086   display: block;
4087   z-index: 15;
4088   top: auto;
4089   right: auto;
4090   bottom: 0;
4091   left: 0;
4092   height: 1px;
4093   width: 100%;
4094   -webkit-transform-origin: 50% 100%;
4095   transform-origin: 50% 100%;
4096 }
4097 .ios.device-pixel-ratio-2 .list ul:after {
4098   -webkit-transform: scaleY(0.5);
4099   transform: scaleY(0.5);
4100 }
4101 .ios.device-pixel-ratio-3 .list ul:after {
4102   -webkit-transform: scaleY(0.33);
4103   transform: scaleY(0.33);
4104 }
4105 .ios .list.inset {
4106   margin-left: 15px;
4107   margin-right: 15px;
4108   border-radius: 7px;
4109 }
4110 .ios .list.inset ul {
4111   border-radius: 7px;
4112 }
4113 .ios .list.inset li:first-child > a {
4114   border-radius: 7px 7px 0 0;
4115 }
4116 .ios .list.inset li:last-child > a {
4117   border-radius: 0 0 7px 7px;
4118 }
4119 .ios .list.inset li:first-child:last-child > a {
4120   border-radius: 7px;
4121 }
4122 @media (min-width: 768px) {
4123   .ios .list.tablet-inset {
4124     margin-left: 15px;
4125     margin-right: 15px;
4126     border-radius: 7px;
4127   }
4128   .ios .list.tablet-inset ul {
4129     border-radius: 7px;
4130   }
4131   .ios .list.tablet-inset li:first-child > a {
4132     border-radius: 7px 7px 0 0;
4133   }
4134   .ios .list.tablet-inset li:last-child > a {
4135     border-radius: 0 0 7px 7px;
4136   }
4137   .ios .list.tablet-inset li:first-child:last-child > a {
4138     border-radius: 7px;
4139   }
4140 }
4141 .ios li li:last-child .item-inner:after,
4142 .ios li:last-child li .item-inner:after {
4143   content: '';
4144   position: absolute;
4145   background-color: #c8c7cc;
4146   display: block;
4147   z-index: 15;
4148   top: auto;
4149   right: auto;
4150   bottom: 0;
4151   left: 0;
4152   height: 1px;
4153   width: 100%;
4154   -webkit-transform-origin: 50% 100%;
4155   transform-origin: 50% 100%;
4156 }
4157 html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,
4158 html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after {
4159   -webkit-transform: scaleY(0.5);
4160   transform: scaleY(0.5);
4161 }
4162 html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,
4163 html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after {
4164   -webkit-transform: scaleY(0.33);
4165   transform: scaleY(0.33);
4166 }
4167 @media (orientation: landscape) {
4168   .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,
4169   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4170   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4171   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4172   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
4173     padding-left: calc(15px + constant(safe-area-inset-left));
4174     padding-left: calc(15px + env(safe-area-inset-left));
4175   }
4176   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4177   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4178   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4179   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4180   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4181   .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,
4182   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4183   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4184   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4185   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
4186     padding-left: calc(15px + constant(safe-area-inset-left));
4187     padding-left: calc(15px + env(safe-area-inset-left));
4188   }
4189   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4190   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4191   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4192   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4193   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
4194     margin-left: calc(15px + constant(safe-area-inset-left));
4195     margin-left: calc(15px + env(safe-area-inset-left));
4196   }
4197   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4198   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4199   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4200   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4201   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4202   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4203   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4204   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4205   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4206   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
4207     padding-left: 15px;
4208   }
4209   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4210   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4211   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4212   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4213   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4214   .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,
4215   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4216   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4217   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4218   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
4219     background-position: calc(15px + constant(safe-area-inset-left)) center;
4220     background-position: calc(15px + env(safe-area-inset-left)) center;
4221   }
4222   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
4223   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
4224   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
4225   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
4226   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner {
4227     padding-left: calc(15px + constant(safe-area-inset-left));
4228     padding-left: calc(15px + env(safe-area-inset-left));
4229   }
4230   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4231   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4232   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4233   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
4234   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner {
4235     padding-left: calc(35px + constant(safe-area-inset-left));
4236     padding-left: calc(35px + env(safe-area-inset-left));
4237   }
4238   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
4239   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
4240   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
4241   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
4242   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
4243   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
4244   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
4245   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
4246   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
4247   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner {
4248     padding-left: calc(15px + constant(safe-area-inset-left));
4249     padding-left: calc(15px + env(safe-area-inset-left));
4250   }
4251   .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,
4252   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4253   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4254   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
4255   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
4256     padding-left: calc(35px + constant(safe-area-inset-left));
4257     padding-left: calc(35px + env(safe-area-inset-left));
4258   }
4259   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
4260   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
4261   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
4262   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
4263   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
4264   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
4265   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
4266   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
4267   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
4268   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
4269   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
4270   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
4271   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
4272   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
4273   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
4274   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
4275   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
4276   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
4277   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
4278   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
4279   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
4280   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
4281   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
4282   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
4283   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
4284   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
4285   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
4286   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
4287   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
4288   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner {
4289     padding-left: calc(35px + constant(safe-area-inset-left));
4290     padding-left: calc(35px + env(safe-area-inset-left));
4291   }
4292   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
4293   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
4294   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
4295   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
4296   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
4297   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
4298   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
4299   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
4300   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
4301   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
4302   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
4303   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
4304   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
4305   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
4306   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
4307   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
4308   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
4309   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
4310   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
4311   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
4312   .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.no-chevron,
4313   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
4314   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
4315   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
4316   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
4317   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
4318   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
4319   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
4320   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
4321   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a {
4322     padding-left: calc(15px + constant(safe-area-inset-left));
4323     padding-left: calc(15px + env(safe-area-inset-left));
4324   }
4325   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
4326   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
4327   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
4328   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
4329   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
4330   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
4331   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
4332   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
4333   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
4334   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
4335   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
4336   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
4337   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
4338   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
4339   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
4340   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
4341   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
4342   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
4343   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
4344   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row {
4345     padding-left: 0;
4346   }
4347   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4348   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4349   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4350   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
4351   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
4352     margin-right: calc(15px + constant(safe-area-inset-right));
4353     margin-right: calc(15px + env(safe-area-inset-right));
4354   }
4355   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4356   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4357   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4358   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4359   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4360   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4361   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4362   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4363   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4364   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
4365     padding-right: 15px;
4366   }
4367   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4368   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4369   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4370   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4371   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
4372   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4373   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4374   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4375   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
4376   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
4377     padding-right: 15px;
4378   }
4379   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4380   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4381   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4382   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4383   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
4384   .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,
4385   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4386   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4387   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
4388   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
4389     padding-right: calc(15px + constant(safe-area-inset-right));
4390     padding-right: calc(15px + env(safe-area-inset-right));
4391   }
4392   .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,
4393   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4394   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4395   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
4396   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
4397     padding-right: calc(15px + constant(safe-area-inset-right));
4398     padding-right: calc(15px + env(safe-area-inset-right));
4399   }
4400   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
4401   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
4402   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
4403   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
4404   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content {
4405     padding-right: calc(15px + constant(safe-area-inset-right));
4406     padding-right: calc(15px + env(safe-area-inset-right));
4407   }
4408   .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:after,
4409   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
4410   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
4411   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
4412   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after {
4413     right: calc(15px + constant(safe-area-inset-right));
4414     right: calc(15px + env(safe-area-inset-right));
4415   }
4416   .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,
4417   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4418   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4419   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
4420   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
4421     padding-right: calc(15px + constant(safe-area-inset-right));
4422     padding-right: calc(15px + env(safe-area-inset-right));
4423   }
4424   .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:after,
4425   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
4426   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
4427   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
4428   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after {
4429     right: calc(15px + const(safe-area-inset-right));
4430     right: calc(15px + env(safe-area-inset-right));
4431   }
4432 }
4433 @media (orientation: landscape) and (min-width: 768px) {
4434   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4435   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4436   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4437   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
4438   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
4439     margin-left: calc(15px + constant(safe-area-inset-left));
4440     margin-left: calc(15px + env(safe-area-inset-left));
4441   }
4442   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4443   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4444   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4445   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4446   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
4447   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4448   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4449   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4450   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
4451   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
4452     padding-left: 15px;
4453   }
4454 }
4455 @media (orientation: landscape) and (min-width: 768px) {
4456   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4457   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4458   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4459   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
4460   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
4461     margin-right: calc(15px + constant(safe-area-inset-right));
4462     margin-right: calc(15px + env(safe-area-inset-right));
4463   }
4464 }
4465 .ios .theme-dark .list ul,
4466 .list.ios .theme-dark ul {
4467   background: #1c1c1d;
4468 }
4469 .ios .theme-dark .list ul:before,
4470 .list.ios .theme-dark ul:before {
4471   background-color: #282829;
4472 }
4473 .ios .theme-dark .list ul:after,
4474 .list.ios .theme-dark ul:after {
4475   background-color: #282829;
4476 }
4477 .ios .theme-dark .list li li:last-child .item-inner:after,
4478 .list.ios .theme-dark li li:last-child .item-inner:after,
4479 .ios .theme-dark .list li:last-child li .item-inner:after,
4480 .list.ios .theme-dark li:last-child li .item-inner:after {
4481   background-color: #282829;
4482 }
4483 .ios .theme-dark .item-divider:before {
4484   background-color: #282829;
4485 }
4486 .ios .theme-dark .list-group-title:before {
4487   background-color: #282829;
4488 }
4489 .ios .theme-dark .list-button:after {
4490   background-color: #282829;
4491 }
4492 .ios .theme-dark .item-inner:after {
4493   background-color: #282829;
4494 }
4495 .ios .theme-dark .item-divider,
4496 .ios .theme-dark .list-group-title {
4497   background-color: #111;
4498 }
4499 .ios .theme-dark .links-list a:after,
4500 .ios .theme-dark .simple-list li:after,
4501 .ios .theme-dark .links-list a:after,
4502 .links-list.ios .theme-dark a .simple-list li:after,
4503 .simple-list.ios .theme-dark li:after {
4504   background-color: #282829;
4505 }
4506 .ios .theme-dark .list .item-link.active-state,
4507 .list.ios .theme-dark .item-link.active-state,
4508 .ios .theme-dark .list .list-button.active-state,
4509 .list.ios .theme-dark .list-button.active-state,
4510 .ios .theme-dark .links-list a.active-state,
4511 .links-list.ios .theme-dark a.active-state {
4512   background-color: #363636;
4513 }
4514 .ios .color-theme-red .list-button {
4515   color: #ff3b30;
4516 }
4517 .ios .color-theme-green .list-button {
4518   color: #4cd964;
4519 }
4520 .ios .color-theme-blue .list-button {
4521   color: #007aff;
4522 }
4523 .ios .color-theme-pink .list-button {
4524   color: #ff2d55;
4525 }
4526 .ios .color-theme-yellow .list-button {
4527   color: #ffcc00;
4528 }
4529 .ios .color-theme-orange .list-button {
4530   color: #ff9500;
4531 }
4532 .ios .color-theme-gray .list-button {
4533   color: #8e8e93;
4534 }
4535 .ios .color-theme-white .list-button {
4536   color: #ffffff;
4537 }
4538 .ios .color-theme-black .list-button {
4539   color: #000000;
4540 }
4541 .ios .list .list-button.color-red,
4542 .ios .list li.color-red .list-button,
4543 .ios .links-list li.color-red a,
4544 .ios .simple-list li.color-red,
4545 .ios .links-list a.color-red,
4546 .ios .list .item-link.color-red,
4547 .ios .list li.color-red .item-link {
4548   color: #ff3b30;
4549 }
4550 .ios .list .list-button.color-green,
4551 .ios .list li.color-green .list-button,
4552 .ios .links-list li.color-green a,
4553 .ios .simple-list li.color-green,
4554 .ios .links-list a.color-green,
4555 .ios .list .item-link.color-green,
4556 .ios .list li.color-green .item-link {
4557   color: #4cd964;
4558 }
4559 .ios .list .list-button.color-blue,
4560 .ios .list li.color-blue .list-button,
4561 .ios .links-list li.color-blue a,
4562 .ios .simple-list li.color-blue,
4563 .ios .links-list a.color-blue,
4564 .ios .list .item-link.color-blue,
4565 .ios .list li.color-blue .item-link {
4566   color: #007aff;
4567 }
4568 .ios .list .list-button.color-pink,
4569 .ios .list li.color-pink .list-button,
4570 .ios .links-list li.color-pink a,
4571 .ios .simple-list li.color-pink,
4572 .ios .links-list a.color-pink,
4573 .ios .list .item-link.color-pink,
4574 .ios .list li.color-pink .item-link {
4575   color: #ff2d55;
4576 }
4577 .ios .list .list-button.color-yellow,
4578 .ios .list li.color-yellow .list-button,
4579 .ios .links-list li.color-yellow a,
4580 .ios .simple-list li.color-yellow,
4581 .ios .links-list a.color-yellow,
4582 .ios .list .item-link.color-yellow,
4583 .ios .list li.color-yellow .item-link {
4584   color: #ffcc00;
4585 }
4586 .ios .list .list-button.color-orange,
4587 .ios .list li.color-orange .list-button,
4588 .ios .links-list li.color-orange a,
4589 .ios .simple-list li.color-orange,
4590 .ios .links-list a.color-orange,
4591 .ios .list .item-link.color-orange,
4592 .ios .list li.color-orange .item-link {
4593   color: #ff9500;
4594 }
4595 .ios .list .list-button.color-gray,
4596 .ios .list li.color-gray .list-button,
4597 .ios .links-list li.color-gray a,
4598 .ios .simple-list li.color-gray,
4599 .ios .links-list a.color-gray,
4600 .ios .list .item-link.color-gray,
4601 .ios .list li.color-gray .item-link {
4602   color: #8e8e93;
4603 }
4604 .ios .list .list-button.color-white,
4605 .ios .list li.color-white .list-button,
4606 .ios .links-list li.color-white a,
4607 .ios .simple-list li.color-white,
4608 .ios .links-list a.color-white,
4609 .ios .list .item-link.color-white,
4610 .ios .list li.color-white .item-link {
4611   color: #ffffff;
4612 }
4613 .ios .list .list-button.color-black,
4614 .ios .list li.color-black .list-button,
4615 .ios .links-list li.color-black a,
4616 .ios .simple-list li.color-black,
4617 .ios .links-list a.color-black,
4618 .ios .list .item-link.color-black,
4619 .ios .list li.color-black .item-link {
4620   color: #000000;
4621 }
4622 .md .list {
4623   margin: 32px 0;
4624   font-size: 16px;
4625 }
4626 .md .list .item-cell {
4627   width: 100%;
4628   min-width: 0;
4629   margin-right: 16px;
4630 }
4631 .md .list .item-cell:first-child {
4632   margin-right: 0;
4633 }
4634 .md .list ul ul {
4635   padding-right: 56px;
4636 }
4637 .md .list .item-media {
4638   padding-top: 8px;
4639   min-width: 40px;
4640 }
4641 .md .list .item-media i + i,
4642 .md .list .item-media i + img {
4643   margin-right: 8px;
4644 }
4645 .md .list .item-media + .item-inner {
4646   margin-right: 16px;
4647 }
4648 .md .list .item-inner {
4649   min-height: 48px;
4650   padding-left: 16px;
4651 }
4652 .md .list .item-after {
4653   color: #757575;
4654   font-size: 14px;
4655   padding-right: 8px;
4656 }
4657 .md .list .item-link,
4658 .md .list .list-button {
4659   color: inherit;
4660 }
4661 .md .list .item-link .item-inner,
4662 .md .list .list-button .item-inner {
4663   padding-left: 42px;
4664 }
4665 .md .list .item-link.active-state,
4666 .md .list .list-button.active-state {
4667   background-color: rgba(0, 0, 0, 0.1);
4668 }
4669 .md .list .list-button {
4670   padding: 0 16px;
4671   font-size: 16px;
4672   line-height: 48px;
4673 }
4674 .md .list .item-content {
4675   min-height: 48px;
4676   padding-right: 16px;
4677 }
4678 .md .list .item-subtitle {
4679   font-size: 14px;
4680 }
4681 .md .list .item-text {
4682   font-size: 14px;
4683   color: #757575;
4684   line-height: 20px;
4685   max-height: 40px;
4686 }
4687 .md .list .item-header,
4688 .md .list .item-footer {
4689   font-weight: normal;
4690   font-size: 12px;
4691   line-height: 1.2;
4692   white-space: normal;
4693 }
4694 .md .list .item-footer {
4695   color: rgba(0, 0, 0, 0.5);
4696 }
4697 .md .list .item-link.no-chevron .item-inner,
4698 .md .list.no-chevron .item-link .item-inner,
4699 .md .list .no-chevron .item-link .item-inner,
4700 .md .no-chevron .list .item-link .item-inner {
4701   padding-left: 16px;
4702 }
4703 .md .simple-list li:after {
4704   content: '';
4705   position: absolute;
4706   background-color: rgba(0, 0, 0, 0.12);
4707   display: block;
4708   z-index: 15;
4709   top: auto;
4710   right: auto;
4711   bottom: 0;
4712   left: 0;
4713   height: 1px;
4714   width: 100%;
4715   -webkit-transform-origin: 50% 100%;
4716   transform-origin: 50% 100%;
4717 }
4718 .md.device-pixel-ratio-2 .simple-list li:after {
4719   -webkit-transform: scaleY(0.5);
4720   transform: scaleY(0.5);
4721 }
4722 .md.device-pixel-ratio-3 .simple-list li:after {
4723   -webkit-transform: scaleY(0.33);
4724   transform: scaleY(0.33);
4725 }
4726 .md .simple-list li {
4727   padding-left: 16px;
4728   padding-right: 16px;
4729   line-height: 48px;
4730   height: 48px;
4731 }
4732 .md .simple-list li:after {
4733   width: auto;
4734   left: 0;
4735   right: 16px;
4736 }
4737 .md .links-list a:after {
4738   content: '';
4739   position: absolute;
4740   background-color: rgba(0, 0, 0, 0.12);
4741   display: block;
4742   z-index: 15;
4743   top: auto;
4744   right: auto;
4745   bottom: 0;
4746   left: 0;
4747   height: 1px;
4748   width: 100%;
4749   -webkit-transform-origin: 50% 100%;
4750   transform-origin: 50% 100%;
4751 }
4752 .md.device-pixel-ratio-2 .links-list a:after {
4753   -webkit-transform: scaleY(0.5);
4754   transform: scaleY(0.5);
4755 }
4756 .md.device-pixel-ratio-3 .links-list a:after {
4757   -webkit-transform: scaleY(0.33);
4758   transform: scaleY(0.33);
4759 }
4760 .md .links-list a {
4761   height: 48px;
4762   color: inherit;
4763 }
4764 .md .links-list a.active-state {
4765   background-color: rgba(0, 0, 0, 0.1);
4766 }
4767 .md .links-list a:after {
4768   width: auto;
4769 }
4770 .md .links-list a {
4771   padding-right: 16px;
4772   padding-left: 42px;
4773 }
4774 .md .links-list a:after {
4775   right: 16px;
4776   left: 0;
4777 }
4778 .md .links-list.no-chevron a,
4779 .md .no-chevron .links-list a,
4780 .md .links-list a.no-chevron,
4781 .md .links-list .no-chevron a {
4782   padding-left: 16px;
4783 }
4784 .md .media-list .item-inner,
4785 .md li.media-item .item-inner {
4786   padding-top: 14px;
4787   padding-bottom: 14px;
4788 }
4789 .md .media-list .item-link .item-inner,
4790 .md li.media-item .item-link .item-inner {
4791   padding-left: 16px;
4792 }
4793 .md .media-list .item-link .item-title-row,
4794 .md li.media-item .item-link .item-title-row {
4795   padding-left: 26px;
4796 }
4797 .md .media-list .item-media,
4798 .md li.media-item .item-media {
4799   padding-top: 14px;
4800   padding-bottom: 14px;
4801 }
4802 .md .media-list.chevron-center .item-link .item-inner,
4803 .md .media-list .chevron-center .item-link .item-inner,
4804 .md .media-list .item-link.chevron-center .item-inner,
4805 .md li.media-item.chevron-center .item-link .item-inner,
4806 .md li.media-item .item-link.chevron-center .item-inner,
4807 .md li.media-item .chevron-center .item-link .item-inner {
4808   padding-left: 42px;
4809 }
4810 .md .media-list.no-chevron .item-link .item-title-row,
4811 .md .no-chevron .media-list .item-link .item-title-row,
4812 .md .media-list .no-chevron .item-link .item-title-row,
4813 .md li.media-item.no-chevron .item-link .item-title-row,
4814 .md .no-chevron li.media-item .item-link .item-title-row,
4815 .md .media-list.chevron-center .item-title-row,
4816 .md .media-list .chevron-center .item-title-row,
4817 .md li.media-item.chevron-center .item-title-row,
4818 .md li.media-item .chevron-center .item-title-row {
4819   padding-left: 0 !important;
4820 }
4821 .md .list .item-link .item-inner,
4822 .md .links-list a {
4823   background-position: 16px center;
4824 }
4825 .md .item-divider,
4826 .md .list-group-title {
4827   padding: 0 16px;
4828   background: #f4f4f4;
4829   color: rgba(0, 0, 0, 0.54);
4830   height: 48px;
4831   line-height: 48px;
4832   -webkit-box-sizing: border-box;
4833   box-sizing: border-box;
4834   font-size: 14px;
4835 }
4836 .md .item-divider:before,
4837 .md .list-group-title:before {
4838   display: none !important;
4839 }
4840 .md .item-divider:after,
4841 .md .list-group-title:after {
4842   display: none !important;
4843 }
4844 .md .list-group-title {
4845   margin-top: 0;
4846 }
4847 .md .list .item-inner:after {
4848   content: '';
4849   position: absolute;
4850   background-color: rgba(0, 0, 0, 0.12);
4851   display: block;
4852   z-index: 15;
4853   top: auto;
4854   right: auto;
4855   bottom: 0;
4856   left: 0;
4857   height: 1px;
4858   width: 100%;
4859   -webkit-transform-origin: 50% 100%;
4860   transform-origin: 50% 100%;
4861 }
4862 .md.device-pixel-ratio-2 .list .item-inner:after {
4863   -webkit-transform: scaleY(0.5);
4864   transform: scaleY(0.5);
4865 }
4866 .md.device-pixel-ratio-3 .list .item-inner:after {
4867   -webkit-transform: scaleY(0.33);
4868   transform: scaleY(0.33);
4869 }
4870 .md .list ul:before {
4871   content: '';
4872   position: absolute;
4873   background-color: rgba(0, 0, 0, 0.12);
4874   display: block;
4875   z-index: 15;
4876   top: 0;
4877   right: auto;
4878   bottom: auto;
4879   left: 0;
4880   height: 1px;
4881   width: 100%;
4882   -webkit-transform-origin: 50% 0%;
4883   transform-origin: 50% 0%;
4884 }
4885 .md.device-pixel-ratio-2 .list ul:before {
4886   -webkit-transform: scaleY(0.5);
4887   transform: scaleY(0.5);
4888 }
4889 .md.device-pixel-ratio-3 .list ul:before {
4890   -webkit-transform: scaleY(0.33);
4891   transform: scaleY(0.33);
4892 }
4893 .md .list ul:after {
4894   content: '';
4895   position: absolute;
4896   background-color: rgba(0, 0, 0, 0.12);
4897   display: block;
4898   z-index: 15;
4899   top: auto;
4900   right: auto;
4901   bottom: 0;
4902   left: 0;
4903   height: 1px;
4904   width: 100%;
4905   -webkit-transform-origin: 50% 100%;
4906   transform-origin: 50% 100%;
4907 }
4908 .md.device-pixel-ratio-2 .list ul:after {
4909   -webkit-transform: scaleY(0.5);
4910   transform: scaleY(0.5);
4911 }
4912 .md.device-pixel-ratio-3 .list ul:after {
4913   -webkit-transform: scaleY(0.33);
4914   transform: scaleY(0.33);
4915 }
4916 .md .list.inset {
4917   margin-left: 16px;
4918   margin-right: 16px;
4919   border-radius: 4px;
4920 }
4921 .md .list.inset ul {
4922   border-radius: 4px;
4923 }
4924 .md .list.inset li:first-child > a {
4925   border-radius: 4px 4px 0 0;
4926 }
4927 .md .list.inset li:last-child > a {
4928   border-radius: 0 0 4px 4px;
4929 }
4930 .md .list.inset li:first-child:last-child > a {
4931   border-radius: 4px;
4932 }
4933 @media (min-width: 768px) {
4934   .md .list.tablet-inset {
4935     margin-left: 16px;
4936     margin-right: 16px;
4937     border-radius: 4px;
4938   }
4939   .md .list.tablet-inset li:first-child > a {
4940     border-radius: 4px 4px 0 0;
4941   }
4942   .md .list.tablet-inset li:last-child > a {
4943     border-radius: 0 0 4px 4px;
4944   }
4945   .md .list.tablet-inset li:first-child:last-child > a {
4946     border-radius: 4px;
4947   }
4948 }
4949 .md li li:last-child .item-inner:after,
4950 .md li:last-child li .item-inner:after {
4951   content: '';
4952   position: absolute;
4953   background-color: rgba(0, 0, 0, 0.12);
4954   display: block;
4955   z-index: 15;
4956   top: auto;
4957   right: auto;
4958   bottom: 0;
4959   left: 0;
4960   height: 1px;
4961   width: 100%;
4962   -webkit-transform-origin: 50% 100%;
4963   transform-origin: 50% 100%;
4964 }
4965 html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,
4966 html.device-pixel-ratio-2 .md li:last-child li .item-inner:after {
4967   -webkit-transform: scaleY(0.5);
4968   transform: scaleY(0.5);
4969 }
4970 html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,
4971 html.device-pixel-ratio-3 .md li:last-child li .item-inner:after {
4972   -webkit-transform: scaleY(0.33);
4973   transform: scaleY(0.33);
4974 }
4975 @media (orientation: landscape) {
4976   .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,
4977   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4978   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4979   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
4980   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
4981     padding-left: calc(16px + constant(safe-area-inset-left));
4982     padding-left: calc(16px + env(safe-area-inset-left));
4983   }
4984   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4985   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4986   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4987   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4988   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
4989   .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,
4990   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4991   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4992   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
4993   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
4994     padding-left: calc(16px + constant(safe-area-inset-left));
4995     padding-left: calc(16px + env(safe-area-inset-left));
4996   }
4997   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4998   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
4999   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
5000   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
5001   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
5002     margin-left: calc(16px + constant(safe-area-inset-left));
5003     margin-left: calc(16px + env(safe-area-inset-left));
5004   }
5005   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5006   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5007   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5008   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5009   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5010   .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5011   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5012   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5013   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5014   .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
5015     padding-left: 15px;
5016   }
5017   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5018   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5019   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5020   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5021   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5022   .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,
5023   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5024   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5025   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5026   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
5027     background-position: calc(16px + constant(safe-area-inset-left)) center;
5028     background-position: calc(16px + env(safe-area-inset-left)) center;
5029   }
5030   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
5031   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
5032   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
5033   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
5034   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner {
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) .item-link .item-inner,
5039   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5040   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5041   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
5042   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner {
5043     padding-left: calc(42px + constant(safe-area-inset-left));
5044     padding-left: calc(42px + env(safe-area-inset-left));
5045   }
5046   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
5047   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
5048   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
5049   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
5050   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,
5051   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
5052   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
5053   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
5054   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,
5055   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner {
5056     padding-left: calc(16px + constant(safe-area-inset-left));
5057     padding-left: calc(16px + env(safe-area-inset-left));
5058   }
5059   .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,
5060   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5061   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5062   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
5063   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
5064     padding-left: calc(42px + constant(safe-area-inset-left));
5065     padding-left: calc(42px + env(safe-area-inset-left));
5066   }
5067   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
5068   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
5069   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
5070   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
5071   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,
5072   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
5073   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
5074   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
5075   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
5076   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,
5077   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
5078   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
5079   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
5080   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
5081   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,
5082   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
5083   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
5084   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
5085   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
5086   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,
5087   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
5088   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
5089   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
5090   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
5091   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,
5092   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
5093   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
5094   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
5095   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,
5096   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner {
5097     padding-left: calc(42px + constant(safe-area-inset-left));
5098     padding-left: calc(42px + env(safe-area-inset-left));
5099   }
5100   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
5101   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
5102   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
5103   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
5104   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,
5105   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
5106   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
5107   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
5108   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
5109   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,
5110   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
5111   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
5112   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
5113   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
5114   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,
5115   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
5116   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
5117   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
5118   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
5119   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,
5120   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
5121   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
5122   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
5123   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
5124   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,
5125   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
5126   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
5127   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
5128   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,
5129   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a {
5130     padding-left: calc(16px + constant(safe-area-inset-left));
5131     padding-left: calc(16px + env(safe-area-inset-left));
5132   }
5133   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
5134   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
5135   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
5136   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
5137   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,
5138   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
5139   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
5140   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
5141   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
5142   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,
5143   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
5144   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
5145   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
5146   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
5147   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,
5148   .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
5149   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
5150   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
5151   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,
5152   .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row {
5153     padding-left: 0;
5154   }
5155   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5156   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5157   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5158   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
5159   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
5160     margin-right: calc(16px + constant(safe-area-inset-right));
5161     margin-right: calc(16px + env(safe-area-inset-right));
5162   }
5163   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5164   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5165   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5166   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5167   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5168   .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5169   .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5170   .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5171   .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5172   .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
5173     padding-right: 16px;
5174   }
5175   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5176   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5177   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5178   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5179   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
5180   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5181   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5182   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5183   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
5184   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
5185     padding-right: 16px;
5186   }
5187   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5188   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5189   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5190   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5191   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
5192   .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,
5193   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
5194   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
5195   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
5196   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
5197     padding-right: calc(16px + constant(safe-area-inset-right));
5198     padding-right: calc(16px + env(safe-area-inset-right));
5199   }
5200   .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,
5201   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
5202   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
5203   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
5204   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
5205     padding-right: calc(16px + constant(safe-area-inset-right));
5206     padding-right: calc(16px + env(safe-area-inset-right));
5207   }
5208   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
5209   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
5210   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
5211   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
5212   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content {
5213     padding-right: calc(16px + constant(safe-area-inset-right));
5214     padding-right: calc(16px + env(safe-area-inset-right));
5215   }
5216   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
5217   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
5218   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
5219   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
5220   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after {
5221     right: calc(16px + constant(safe-area-inset-right));
5222     right: calc(16px + env(safe-area-inset-right));
5223   }
5224   .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,
5225   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5226   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5227   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
5228   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
5229     padding-right: calc(16px + constant(safe-area-inset-right));
5230     padding-right: calc(16px + env(safe-area-inset-right));
5231   }
5232   .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
5233   .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
5234   .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
5235   .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
5236   .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after {
5237     right: calc(16px + const(safe-area-inset-right));
5238     right: calc(16px + env(safe-area-inset-right));
5239   }
5240 }
5241 @media (orientation: landscape) and (min-width: 768px) {
5242   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5243   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5244   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5245   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
5246   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
5247     margin-left: calc(16px + constant(safe-area-inset-left));
5248     margin-left: calc(16px + env(safe-area-inset-left));
5249   }
5250   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5251   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5252   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5253   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5254   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
5255   .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5256   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5257   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5258   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
5259   .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
5260     padding-left: 15px;
5261   }
5262 }
5263 @media (orientation: landscape) and (min-width: 768px) {
5264   .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5265   .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5266   .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5267   .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
5268   .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
5269     margin-right: calc(16px + constant(safe-area-inset-right));
5270     margin-right: calc(16px + env(safe-area-inset-right));
5271   }
5272 }
5273 .md .theme-dark .list ul:before,
5274 .list.md .theme-dark ul:before {
5275   background-color: rgba(255, 255, 255, 0.08);
5276 }
5277 .md .theme-dark .list ul:after,
5278 .list.md .theme-dark ul:after {
5279   background-color: rgba(255, 255, 255, 0.08);
5280 }
5281 .md .theme-dark .list li li:last-child .item-inner:after,
5282 .list.md .theme-dark li li:last-child .item-inner:after,
5283 .md .theme-dark .list li:last-child li .item-inner:after,
5284 .list.md .theme-dark li:last-child li .item-inner:after {
5285   background-color: rgba(255, 255, 255, 0.08);
5286 }
5287 .md .theme-dark .item-divider:before {
5288   background-color: rgba(255, 255, 255, 0.08);
5289 }
5290 .md .theme-dark .list-group-title:before {
5291   background-color: rgba(255, 255, 255, 0.08);
5292 }
5293 .md .theme-dark .list-button:after {
5294   background-color: rgba(255, 255, 255, 0.08);
5295 }
5296 .md .theme-dark .item-inner:after {
5297   background-color: rgba(255, 255, 255, 0.08);
5298 }
5299 .md .theme-dark .item-divider,
5300 .md .theme-dark .list-group-title {
5301   background-color: #111;
5302   color: #fff;
5303 }
5304 .md .theme-dark .links-list a:after,
5305 .md .theme-dark .simple-list li:after,
5306 .md .theme-dark .links-list a:after,
5307 .links-list.md .theme-dark a .simple-list li:after,
5308 .simple-list.md .theme-dark li:after {
5309   background-color: rgba(255, 255, 255, 0.08);
5310 }
5311 .md .theme-dark .list .item-link.active-state,
5312 .list.md .theme-dark .item-link.active-state,
5313 .md .theme-dark .list .list-button.active-state,
5314 .list.md .theme-dark .list-button.active-state,
5315 .md .theme-dark .links-list a.active-state,
5316 .links-list.md .theme-dark a.active-state {
5317   background-color: rgba(255, 255, 255, 0.05);
5318 }
5319 .md .theme-dark .item-after,
5320 .md .theme-dark .item-text {
5321   color: rgba(255, 255, 255, 0.54);
5322 }
5323 .md .color-theme-red .list-button {
5324   color: #f44336;
5325 }
5326 .md .color-theme-green .list-button {
5327   color: #4caf50;
5328 }
5329 .md .color-theme-blue .list-button {
5330   color: #2196f3;
5331 }
5332 .md .color-theme-pink .list-button {
5333   color: #e91e63;
5334 }
5335 .md .color-theme-yellow .list-button {
5336   color: #ffeb3b;
5337 }
5338 .md .color-theme-orange .list-button {
5339   color: #ff9800;
5340 }
5341 .md .color-theme-gray .list-button {
5342   color: #9e9e9e;
5343 }
5344 .md .color-theme-white .list-button {
5345   color: #ffffff;
5346 }
5347 .md .color-theme-black .list-button {
5348   color: #000000;
5349 }
5350 .md .list .list-button.color-red,
5351 .md .list li.color-red .list-button,
5352 .md .links-list li.color-red a,
5353 .md .simple-list li.color-red,
5354 .md .links-list a.color-red,
5355 .md .list .item-link.color-red,
5356 .md .list li.color-red .item-link {
5357   color: #f44336;
5358 }
5359 .md .list .list-button.color-green,
5360 .md .list li.color-green .list-button,
5361 .md .links-list li.color-green a,
5362 .md .simple-list li.color-green,
5363 .md .links-list a.color-green,
5364 .md .list .item-link.color-green,
5365 .md .list li.color-green .item-link {
5366   color: #4caf50;
5367 }
5368 .md .list .list-button.color-blue,
5369 .md .list li.color-blue .list-button,
5370 .md .links-list li.color-blue a,
5371 .md .simple-list li.color-blue,
5372 .md .links-list a.color-blue,
5373 .md .list .item-link.color-blue,
5374 .md .list li.color-blue .item-link {
5375   color: #2196f3;
5376 }
5377 .md .list .list-button.color-pink,
5378 .md .list li.color-pink .list-button,
5379 .md .links-list li.color-pink a,
5380 .md .simple-list li.color-pink,
5381 .md .links-list a.color-pink,
5382 .md .list .item-link.color-pink,
5383 .md .list li.color-pink .item-link {
5384   color: #e91e63;
5385 }
5386 .md .list .list-button.color-yellow,
5387 .md .list li.color-yellow .list-button,
5388 .md .links-list li.color-yellow a,
5389 .md .simple-list li.color-yellow,
5390 .md .links-list a.color-yellow,
5391 .md .list .item-link.color-yellow,
5392 .md .list li.color-yellow .item-link {
5393   color: #ffeb3b;
5394 }
5395 .md .list .list-button.color-orange,
5396 .md .list li.color-orange .list-button,
5397 .md .links-list li.color-orange a,
5398 .md .simple-list li.color-orange,
5399 .md .links-list a.color-orange,
5400 .md .list .item-link.color-orange,
5401 .md .list li.color-orange .item-link {
5402   color: #ff9800;
5403 }
5404 .md .list .list-button.color-gray,
5405 .md .list li.color-gray .list-button,
5406 .md .links-list li.color-gray a,
5407 .md .simple-list li.color-gray,
5408 .md .links-list a.color-gray,
5409 .md .list .item-link.color-gray,
5410 .md .list li.color-gray .item-link {
5411   color: #9e9e9e;
5412 }
5413 .md .list .list-button.color-white,
5414 .md .list li.color-white .list-button,
5415 .md .links-list li.color-white a,
5416 .md .simple-list li.color-white,
5417 .md .links-list a.color-white,
5418 .md .list .item-link.color-white,
5419 .md .list li.color-white .item-link {
5420   color: #ffffff;
5421 }
5422 .md .list .list-button.color-black,
5423 .md .list li.color-black .list-button,
5424 .md .links-list li.color-black a,
5425 .md .simple-list li.color-black,
5426 .md .links-list a.color-black,
5427 .md .list .item-link.color-black,
5428 .md .list li.color-black .item-link {
5429   color: #000000;
5430 }
5431 /* === Badge === */
5432 .badge {
5433   display: inline-block;
5434   color: #fff;
5435   background: #8e8e93;
5436   position: relative;
5437   -webkit-box-sizing: border-box;
5438   box-sizing: border-box;
5439   text-align: center;
5440 }
5441 .icon .badge,
5442 .f7-icons .badge,
5443 .framework7-icons .badge,
5444 .material-icons .badge {
5445   position: absolute;
5446   left: 100%;
5447   margin-left: -10px;
5448   top: -2px;
5449 }
5450 .ios .badge {
5451   font-size: 13px;
5452   border-radius: 20px;
5453   padding: 0 6px;
5454   height: 20px;
5455   line-height: 20px;
5456 }
5457 .ios .icon .badge,
5458 .ios .f7-icons .badge,
5459 .ios .framework7-icons .badge,
5460 .ios .material-icons .badge {
5461   line-height: 16px;
5462   height: 16px;
5463   border-radius: 16px;
5464   padding: 0 4px;
5465   min-width: 16px;
5466   font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
5467   font-size: 10px;
5468 }
5469 .ios .badge.color-red {
5470   background-color: #ff3b30;
5471 }
5472 .ios .badge.color-green {
5473   background-color: #4cd964;
5474 }
5475 .ios .badge.color-blue {
5476   background-color: #007aff;
5477 }
5478 .ios .badge.color-pink {
5479   background-color: #ff2d55;
5480 }
5481 .ios .badge.color-yellow {
5482   background-color: #ffcc00;
5483 }
5484 .ios .badge.color-orange {
5485   background-color: #ff9500;
5486 }
5487 .ios .badge.color-gray {
5488   background-color: #8e8e93;
5489 }
5490 .ios .badge.color-white {
5491   background-color: #ffffff;
5492 }
5493 .ios .badge.color-black {
5494   background-color: #000000;
5495 }
5496 .md .badge {
5497   font-size: 10px;
5498   border-radius: 3px;
5499   padding: 1px 6px;
5500   vertical-align: middle;
5501 }
5502 .md .icon .badge,
5503 .md .f7-icons .badge,
5504 .md .framework7-icons .badge,
5505 .md .material-icons .badge {
5506   line-height: 1.4;
5507   padding: 1px 5px;
5508   font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
5509   font-size: 10px;
5510 }
5511 .md .badge.color-red {
5512   background-color: #f44336;
5513 }
5514 .md .badge.color-green {
5515   background-color: #4caf50;
5516 }
5517 .md .badge.color-blue {
5518   background-color: #2196f3;
5519 }
5520 .md .badge.color-pink {
5521   background-color: #e91e63;
5522 }
5523 .md .badge.color-yellow {
5524   background-color: #ffeb3b;
5525 }
5526 .md .badge.color-orange {
5527   background-color: #ff9800;
5528 }
5529 .md .badge.color-gray {
5530   background-color: #9e9e9e;
5531 }
5532 .md .badge.color-white {
5533   background-color: #ffffff;
5534 }
5535 .md .badge.color-black {
5536   background-color: #000000;
5537 }
5538 button {
5539   -webkit-appearance: none;
5540   -moz-appearance: none;
5541   appearance: none;
5542 }
5543 .button {
5544   text-decoration: none;
5545   text-align: center;
5546   display: block;
5547   -webkit-appearance: none;
5548   -moz-appearance: none;
5549   appearance: none;
5550   background: none;
5551   padding: 0 10px;
5552   margin: 0;
5553   white-space: nowrap;
5554   text-overflow: ellipsis;
5555   font-size: 14px;
5556   position: relative;
5557   overflow: hidden;
5558   font-family: inherit;
5559   cursor: pointer;
5560   outline: 0;
5561   -webkit-box-sizing: border-box;
5562   box-sizing: border-box;
5563   vertical-align: middle;
5564 }
5565 input[type="submit"].button,
5566 input[type="button"].button {
5567   width: 100%;
5568 }
5569 button {
5570   width: 100%;
5571 }
5572 .segmented {
5573   -webkit-align-self: center;
5574   -ms-flex-item-align: center;
5575   align-self: center;
5576   display: -webkit-box;
5577   display: -webkit-flex;
5578   display: -ms-flexbox;
5579   display: flex;
5580   -webkit-flex-wrap: nowrap;
5581   -ms-flex-wrap: nowrap;
5582   flex-wrap: nowrap;
5583 }
5584 .segmented .button,
5585 .segmented button {
5586   width: 100%;
5587   -webkit-flex-shrink: 1;
5588   -ms-flex-negative: 1;
5589   flex-shrink: 1;
5590   min-width: 0;
5591 }
5592 .subnavbar .segmented {
5593   width: 100%;
5594 }
5595 .ios .button {
5596   border: 1px solid #007aff;
5597   color: #007aff;
5598   border-radius: 5px;
5599   line-height: 27px;
5600   height: 29px;
5601 }
5602 .ios .button.active-state {
5603   background: rgba(0, 122, 255, 0.15);
5604 }
5605 .ios .button.button-round,
5606 .ios .button.button-round-ios {
5607   border-radius: 29px;
5608 }
5609 .ios .button.button-active,
5610 .ios .button.tab-link-active {
5611   background: #007aff;
5612   color: #fff;
5613 }
5614 .ios .button.button-big,
5615 .ios .button.button-big-ios {
5616   font-size: 17px;
5617   height: 44px;
5618   line-height: 42px;
5619 }
5620 .ios .button.button-small,
5621 .ios .button.button-small-ios {
5622   height: 26px;
5623   line-height: 22px;
5624   border-width: 2px;
5625   font-size: 13px;
5626   font-weight: 600;
5627   text-transform: uppercase;
5628   -webkit-transition-duration: 200ms;
5629   transition-duration: 200ms;
5630 }
5631 .ios .button.button-small.button-fill.active-state,
5632 .ios .button.button-small-ios.button-fill.active-state,
5633 .ios .button.button-small.button-fill-ios.active-state,
5634 .ios .button.button-small-ios.button-fill-ios.active-state {
5635   color: #007aff;
5636   border: 2px solid #007aff;
5637   background-color: transparent;
5638   opacity: 1;
5639 }
5640 .ios .button.button-fill,
5641 .ios .button.button-fill-ios {
5642   color: #fff;
5643   background: #007aff;
5644   border-color: transparent;
5645 }
5646 .ios .button.button-fill.active-state,
5647 .ios .button.button-fill-ios.active-state {
5648   opacity: 0.8;
5649 }
5650 .ios .button i.icon:first-child {
5651   margin-left: 10px;
5652 }
5653 .ios .button i.icon:last-child {
5654   margin-right: 10px;
5655 }
5656 .ios .button i.icon:first-child:last-child {
5657   margin-left: 0;
5658   margin-right: 0;
5659 }
5660 .ios .segmented .button {
5661   border-radius: 0;
5662   border-right-width: 0;
5663 }
5664 .ios .segmented .button:first-child {
5665   border-radius: 0 5px 5px 0;
5666   border-right-width: 1px;
5667   border-right-style: solid;
5668 }
5669 .ios .segmented .button:first-child.button-small {
5670   border-right-width: 2px;
5671 }
5672 .ios .segmented .button:last-child {
5673   border-radius: 5px 0 0 5px;
5674 }
5675 .ios .segmented .button:first-child:last-child {
5676   border-radius: 5px;
5677 }
5678 .ios .segmented .button.button-round:first-child,
5679 .ios .segmented .button.button-round-ios:first-child {
5680   border-radius: 0 29px 29px 0;
5681 }
5682 .ios .segmented .button.button-round:last-child,
5683 .ios .segmented .button.button-round-ios:last-child {
5684   border-radius: 0 29px 29px 0;
5685   border-radius: 29px 0 0 29px;
5686 }
5687 .ios .color-theme-red .button {
5688   border-color: #ff3b30;
5689   color: #ff3b30;
5690 }
5691 .ios .color-theme-red .button.active-state {
5692   background: rgba(255, 59, 48, 0.15);
5693 }
5694 .ios .color-theme-red .button.button-active,
5695 .ios .color-theme-red .button.tab-link-active,
5696 .ios .color-theme-red .button.button-fill,
5697 .ios .color-theme-red .button.button-fill-ios {
5698   color: #fff;
5699 }
5700 .ios .color-theme-red .button.button-active,
5701 .ios .color-theme-red .button.tab-link-active {
5702   background: #ff3b30;
5703 }
5704 .ios .color-theme-red .button.button-fill,
5705 .ios .color-theme-red .button.button-fill-ios {
5706   background: #ff3b30;
5707   border-color: transparent;
5708 }
5709 .ios .color-theme-red .button.button-small.button-fill.active-state,
5710 .ios .color-theme-red .button.button-small-ios.button-fill.active-state,
5711 .ios .color-theme-red .button.button-small.button-fill-ios.active-state,
5712 .ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state {
5713   color: #ff3b30;
5714   border: 2px solid #ff3b30;
5715   background-color: transparent;
5716 }
5717 .ios .color-theme-green .button {
5718   border-color: #4cd964;
5719   color: #4cd964;
5720 }
5721 .ios .color-theme-green .button.active-state {
5722   background: rgba(76, 217, 100, 0.15);
5723 }
5724 .ios .color-theme-green .button.button-active,
5725 .ios .color-theme-green .button.tab-link-active,
5726 .ios .color-theme-green .button.button-fill,
5727 .ios .color-theme-green .button.button-fill-ios {
5728   color: #fff;
5729 }
5730 .ios .color-theme-green .button.button-active,
5731 .ios .color-theme-green .button.tab-link-active {
5732   background: #4cd964;
5733 }
5734 .ios .color-theme-green .button.button-fill,
5735 .ios .color-theme-green .button.button-fill-ios {
5736   background: #4cd964;
5737   border-color: transparent;
5738 }
5739 .ios .color-theme-green .button.button-small.button-fill.active-state,
5740 .ios .color-theme-green .button.button-small-ios.button-fill.active-state,
5741 .ios .color-theme-green .button.button-small.button-fill-ios.active-state,
5742 .ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state {
5743   color: #4cd964;
5744   border: 2px solid #4cd964;
5745   background-color: transparent;
5746 }
5747 .ios .color-theme-blue .button {
5748   border-color: #007aff;
5749   color: #007aff;
5750 }
5751 .ios .color-theme-blue .button.active-state {
5752   background: rgba(0, 122, 255, 0.15);
5753 }
5754 .ios .color-theme-blue .button.button-active,
5755 .ios .color-theme-blue .button.tab-link-active,
5756 .ios .color-theme-blue .button.button-fill,
5757 .ios .color-theme-blue .button.button-fill-ios {
5758   color: #fff;
5759 }
5760 .ios .color-theme-blue .button.button-active,
5761 .ios .color-theme-blue .button.tab-link-active {
5762   background: #007aff;
5763 }
5764 .ios .color-theme-blue .button.button-fill,
5765 .ios .color-theme-blue .button.button-fill-ios {
5766   background: #007aff;
5767   border-color: transparent;
5768 }
5769 .ios .color-theme-blue .button.button-small.button-fill.active-state,
5770 .ios .color-theme-blue .button.button-small-ios.button-fill.active-state,
5771 .ios .color-theme-blue .button.button-small.button-fill-ios.active-state,
5772 .ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state {
5773   color: #007aff;
5774   border: 2px solid #007aff;
5775   background-color: transparent;
5776 }
5777 .ios .color-theme-pink .button {
5778   border-color: #ff2d55;
5779   color: #ff2d55;
5780 }
5781 .ios .color-theme-pink .button.active-state {
5782   background: rgba(255, 45, 85, 0.15);
5783 }
5784 .ios .color-theme-pink .button.button-active,
5785 .ios .color-theme-pink .button.tab-link-active,
5786 .ios .color-theme-pink .button.button-fill,
5787 .ios .color-theme-pink .button.button-fill-ios {
5788   color: #fff;
5789 }
5790 .ios .color-theme-pink .button.button-active,
5791 .ios .color-theme-pink .button.tab-link-active {
5792   background: #ff2d55;
5793 }
5794 .ios .color-theme-pink .button.button-fill,
5795 .ios .color-theme-pink .button.button-fill-ios {
5796   background: #ff2d55;
5797   border-color: transparent;
5798 }
5799 .ios .color-theme-pink .button.button-small.button-fill.active-state,
5800 .ios .color-theme-pink .button.button-small-ios.button-fill.active-state,
5801 .ios .color-theme-pink .button.button-small.button-fill-ios.active-state,
5802 .ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state {
5803   color: #ff2d55;
5804   border: 2px solid #ff2d55;
5805   background-color: transparent;
5806 }
5807 .ios .color-theme-yellow .button {
5808   border-color: #ffcc00;
5809   color: #ffcc00;
5810 }
5811 .ios .color-theme-yellow .button.active-state {
5812   background: rgba(255, 204, 0, 0.15);
5813 }
5814 .ios .color-theme-yellow .button.button-active,
5815 .ios .color-theme-yellow .button.tab-link-active,
5816 .ios .color-theme-yellow .button.button-fill,
5817 .ios .color-theme-yellow .button.button-fill-ios {
5818   color: #fff;
5819 }
5820 .ios .color-theme-yellow .button.button-active,
5821 .ios .color-theme-yellow .button.tab-link-active {
5822   background: #ffcc00;
5823 }
5824 .ios .color-theme-yellow .button.button-fill,
5825 .ios .color-theme-yellow .button.button-fill-ios {
5826   background: #ffcc00;
5827   border-color: transparent;
5828 }
5829 .ios .color-theme-yellow .button.button-small.button-fill.active-state,
5830 .ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,
5831 .ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,
5832 .ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state {
5833   color: #ffcc00;
5834   border: 2px solid #ffcc00;
5835   background-color: transparent;
5836 }
5837 .ios .color-theme-orange .button {
5838   border-color: #ff9500;
5839   color: #ff9500;
5840 }
5841 .ios .color-theme-orange .button.active-state {
5842   background: rgba(255, 149, 0, 0.15);
5843 }
5844 .ios .color-theme-orange .button.button-active,
5845 .ios .color-theme-orange .button.tab-link-active,
5846 .ios .color-theme-orange .button.button-fill,
5847 .ios .color-theme-orange .button.button-fill-ios {
5848   color: #fff;
5849 }
5850 .ios .color-theme-orange .button.button-active,
5851 .ios .color-theme-orange .button.tab-link-active {
5852   background: #ff9500;
5853 }
5854 .ios .color-theme-orange .button.button-fill,
5855 .ios .color-theme-orange .button.button-fill-ios {
5856   background: #ff9500;
5857   border-color: transparent;
5858 }
5859 .ios .color-theme-orange .button.button-small.button-fill.active-state,
5860 .ios .color-theme-orange .button.button-small-ios.button-fill.active-state,
5861 .ios .color-theme-orange .button.button-small.button-fill-ios.active-state,
5862 .ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state {
5863   color: #ff9500;
5864   border: 2px solid #ff9500;
5865   background-color: transparent;
5866 }
5867 .ios .color-theme-gray .button {
5868   border-color: #8e8e93;
5869   color: #8e8e93;
5870 }
5871 .ios .color-theme-gray .button.active-state {
5872   background: rgba(142, 142, 147, 0.15);
5873 }
5874 .ios .color-theme-gray .button.button-active,
5875 .ios .color-theme-gray .button.tab-link-active,
5876 .ios .color-theme-gray .button.button-fill,
5877 .ios .color-theme-gray .button.button-fill-ios {
5878   color: #fff;
5879 }
5880 .ios .color-theme-gray .button.button-active,
5881 .ios .color-theme-gray .button.tab-link-active {
5882   background: #8e8e93;
5883 }
5884 .ios .color-theme-gray .button.button-fill,
5885 .ios .color-theme-gray .button.button-fill-ios {
5886   background: #8e8e93;
5887   border-color: transparent;
5888 }
5889 .ios .color-theme-gray .button.button-small.button-fill.active-state,
5890 .ios .color-theme-gray .button.button-small-ios.button-fill.active-state,
5891 .ios .color-theme-gray .button.button-small.button-fill-ios.active-state,
5892 .ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state {
5893   color: #8e8e93;
5894   border: 2px solid #8e8e93;
5895   background-color: transparent;
5896 }
5897 .ios .color-theme-white .button {
5898   border-color: #ffffff;
5899   color: #ffffff;
5900 }
5901 .ios .color-theme-white .button.active-state {
5902   background: rgba(255, 255, 255, 0.15);
5903 }
5904 .ios .color-theme-white .button.button-active,
5905 .ios .color-theme-white .button.tab-link-active,
5906 .ios .color-theme-white .button.button-fill,
5907 .ios .color-theme-white .button.button-fill-ios {
5908   color: #fff;
5909 }
5910 .ios .color-theme-white .button.button-active,
5911 .ios .color-theme-white .button.tab-link-active {
5912   background: #ffffff;
5913 }
5914 .ios .color-theme-white .button.button-fill,
5915 .ios .color-theme-white .button.button-fill-ios {
5916   background: #ffffff;
5917   border-color: transparent;
5918 }
5919 .ios .color-theme-white .button.button-small.button-fill.active-state,
5920 .ios .color-theme-white .button.button-small-ios.button-fill.active-state,
5921 .ios .color-theme-white .button.button-small.button-fill-ios.active-state,
5922 .ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state {
5923   color: #ffffff;
5924   border: 2px solid #ffffff;
5925   background-color: transparent;
5926 }
5927 .ios .color-theme-black .button {
5928   border-color: #000000;
5929   color: #000000;
5930 }
5931 .ios .color-theme-black .button.active-state {
5932   background: rgba(0, 0, 0, 0.15);
5933 }
5934 .ios .color-theme-black .button.button-active,
5935 .ios .color-theme-black .button.tab-link-active,
5936 .ios .color-theme-black .button.button-fill,
5937 .ios .color-theme-black .button.button-fill-ios {
5938   color: #fff;
5939 }
5940 .ios .color-theme-black .button.button-active,
5941 .ios .color-theme-black .button.tab-link-active {
5942   background: #000000;
5943 }
5944 .ios .color-theme-black .button.button-fill,
5945 .ios .color-theme-black .button.button-fill-ios {
5946   background: #000000;
5947   border-color: transparent;
5948 }
5949 .ios .color-theme-black .button.button-small.button-fill.active-state,
5950 .ios .color-theme-black .button.button-small-ios.button-fill.active-state,
5951 .ios .color-theme-black .button.button-small.button-fill-ios.active-state,
5952 .ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state {
5953   color: #000000;
5954   border: 2px solid #000000;
5955   background-color: transparent;
5956 }
5957 .ios .button.color-red {
5958   border-color: #ff3b30;
5959   color: #ff3b30;
5960 }
5961 .ios .button.color-red.active-state {
5962   background: rgba(255, 59, 48, 0.15);
5963 }
5964 .ios .button.color-red.button-active,
5965 .ios .button.color-red.tab-link-active,
5966 .ios .button.color-red.button-fill,
5967 .ios .button.color-red.button-fill-ios {
5968   color: #fff;
5969 }
5970 .ios .button.color-red.button-active,
5971 .ios .button.color-red.tab-link-active {
5972   background: #ff3b30;
5973 }
5974 .ios .button.color-red.button-fill,
5975 .ios .button.color-red.button-fill-ios {
5976   background: #ff3b30;
5977   border-color: transparent;
5978 }
5979 .ios .button.color-red.button-small.button-fill.active-state,
5980 .ios .button.color-red.button-small-ios.button-fill.active-state,
5981 .ios .button.color-red.button-small.button-fill-ios.active-state,
5982 .ios .button.color-red.button-small-ios.button-fill-ios.active-state {
5983   color: #ff3b30;
5984   border: 2px solid #ff3b30;
5985   background-color: transparent;
5986 }
5987 .ios .button.color-green {
5988   border-color: #4cd964;
5989   color: #4cd964;
5990 }
5991 .ios .button.color-green.active-state {
5992   background: rgba(76, 217, 100, 0.15);
5993 }
5994 .ios .button.color-green.button-active,
5995 .ios .button.color-green.tab-link-active,
5996 .ios .button.color-green.button-fill,
5997 .ios .button.color-green.button-fill-ios {
5998   color: #fff;
5999 }
6000 .ios .button.color-green.button-active,
6001 .ios .button.color-green.tab-link-active {
6002   background: #4cd964;
6003 }
6004 .ios .button.color-green.button-fill,
6005 .ios .button.color-green.button-fill-ios {
6006   background: #4cd964;
6007   border-color: transparent;
6008 }
6009 .ios .button.color-green.button-small.button-fill.active-state,
6010 .ios .button.color-green.button-small-ios.button-fill.active-state,
6011 .ios .button.color-green.button-small.button-fill-ios.active-state,
6012 .ios .button.color-green.button-small-ios.button-fill-ios.active-state {
6013   color: #4cd964;
6014   border: 2px solid #4cd964;
6015   background-color: transparent;
6016 }
6017 .ios .button.color-blue {
6018   border-color: #007aff;
6019   color: #007aff;
6020 }
6021 .ios .button.color-blue.active-state {
6022   background: rgba(0, 122, 255, 0.15);
6023 }
6024 .ios .button.color-blue.button-active,
6025 .ios .button.color-blue.tab-link-active,
6026 .ios .button.color-blue.button-fill,
6027 .ios .button.color-blue.button-fill-ios {
6028   color: #fff;
6029 }
6030 .ios .button.color-blue.button-active,
6031 .ios .button.color-blue.tab-link-active {
6032   background: #007aff;
6033 }
6034 .ios .button.color-blue.button-fill,
6035 .ios .button.color-blue.button-fill-ios {
6036   background: #007aff;
6037   border-color: transparent;
6038 }
6039 .ios .button.color-blue.button-small.button-fill.active-state,
6040 .ios .button.color-blue.button-small-ios.button-fill.active-state,
6041 .ios .button.color-blue.button-small.button-fill-ios.active-state,
6042 .ios .button.color-blue.button-small-ios.button-fill-ios.active-state {
6043   color: #007aff;
6044   border: 2px solid #007aff;
6045   background-color: transparent;
6046 }
6047 .ios .button.color-pink {
6048   border-color: #ff2d55;
6049   color: #ff2d55;
6050 }
6051 .ios .button.color-pink.active-state {
6052   background: rgba(255, 45, 85, 0.15);
6053 }
6054 .ios .button.color-pink.button-active,
6055 .ios .button.color-pink.tab-link-active,
6056 .ios .button.color-pink.button-fill,
6057 .ios .button.color-pink.button-fill-ios {
6058   color: #fff;
6059 }
6060 .ios .button.color-pink.button-active,
6061 .ios .button.color-pink.tab-link-active {
6062   background: #ff2d55;
6063 }
6064 .ios .button.color-pink.button-fill,
6065 .ios .button.color-pink.button-fill-ios {
6066   background: #ff2d55;
6067   border-color: transparent;
6068 }
6069 .ios .button.color-pink.button-small.button-fill.active-state,
6070 .ios .button.color-pink.button-small-ios.button-fill.active-state,
6071 .ios .button.color-pink.button-small.button-fill-ios.active-state,
6072 .ios .button.color-pink.button-small-ios.button-fill-ios.active-state {
6073   color: #ff2d55;
6074   border: 2px solid #ff2d55;
6075   background-color: transparent;
6076 }
6077 .ios .button.color-yellow {
6078   border-color: #ffcc00;
6079   color: #ffcc00;
6080 }
6081 .ios .button.color-yellow.active-state {
6082   background: rgba(255, 204, 0, 0.15);
6083 }
6084 .ios .button.color-yellow.button-active,
6085 .ios .button.color-yellow.tab-link-active,
6086 .ios .button.color-yellow.button-fill,
6087 .ios .button.color-yellow.button-fill-ios {
6088   color: #fff;
6089 }
6090 .ios .button.color-yellow.button-active,
6091 .ios .button.color-yellow.tab-link-active {
6092   background: #ffcc00;
6093 }
6094 .ios .button.color-yellow.button-fill,
6095 .ios .button.color-yellow.button-fill-ios {
6096   background: #ffcc00;
6097   border-color: transparent;
6098 }
6099 .ios .button.color-yellow.button-small.button-fill.active-state,
6100 .ios .button.color-yellow.button-small-ios.button-fill.active-state,
6101 .ios .button.color-yellow.button-small.button-fill-ios.active-state,
6102 .ios .button.color-yellow.button-small-ios.button-fill-ios.active-state {
6103   color: #ffcc00;
6104   border: 2px solid #ffcc00;
6105   background-color: transparent;
6106 }
6107 .ios .button.color-orange {
6108   border-color: #ff9500;
6109   color: #ff9500;
6110 }
6111 .ios .button.color-orange.active-state {
6112   background: rgba(255, 149, 0, 0.15);
6113 }
6114 .ios .button.color-orange.button-active,
6115 .ios .button.color-orange.tab-link-active,
6116 .ios .button.color-orange.button-fill,
6117 .ios .button.color-orange.button-fill-ios {
6118   color: #fff;
6119 }
6120 .ios .button.color-orange.button-active,
6121 .ios .button.color-orange.tab-link-active {
6122   background: #ff9500;
6123 }
6124 .ios .button.color-orange.button-fill,
6125 .ios .button.color-orange.button-fill-ios {
6126   background: #ff9500;
6127   border-color: transparent;
6128 }
6129 .ios .button.color-orange.button-small.button-fill.active-state,
6130 .ios .button.color-orange.button-small-ios.button-fill.active-state,
6131 .ios .button.color-orange.button-small.button-fill-ios.active-state,
6132 .ios .button.color-orange.button-small-ios.button-fill-ios.active-state {
6133   color: #ff9500;
6134   border: 2px solid #ff9500;
6135   background-color: transparent;
6136 }
6137 .ios .button.color-gray {
6138   border-color: #8e8e93;
6139   color: #8e8e93;
6140 }
6141 .ios .button.color-gray.active-state {
6142   background: rgba(142, 142, 147, 0.15);
6143 }
6144 .ios .button.color-gray.button-active,
6145 .ios .button.color-gray.tab-link-active,
6146 .ios .button.color-gray.button-fill,
6147 .ios .button.color-gray.button-fill-ios {
6148   color: #fff;
6149 }
6150 .ios .button.color-gray.button-active,
6151 .ios .button.color-gray.tab-link-active {
6152   background: #8e8e93;
6153 }
6154 .ios .button.color-gray.button-fill,
6155 .ios .button.color-gray.button-fill-ios {
6156   background: #8e8e93;
6157   border-color: transparent;
6158 }
6159 .ios .button.color-gray.button-small.button-fill.active-state,
6160 .ios .button.color-gray.button-small-ios.button-fill.active-state,
6161 .ios .button.color-gray.button-small.button-fill-ios.active-state,
6162 .ios .button.color-gray.button-small-ios.button-fill-ios.active-state {
6163   color: #8e8e93;
6164   border: 2px solid #8e8e93;
6165   background-color: transparent;
6166 }
6167 .ios .button.color-white {
6168   border-color: #ffffff;
6169   color: #ffffff;
6170 }
6171 .ios .button.color-white.active-state {
6172   background: rgba(255, 255, 255, 0.15);
6173 }
6174 .ios .button.color-white.button-active,
6175 .ios .button.color-white.tab-link-active,
6176 .ios .button.color-white.button-fill,
6177 .ios .button.color-white.button-fill-ios {
6178   color: #fff;
6179 }
6180 .ios .button.color-white.button-active,
6181 .ios .button.color-white.tab-link-active {
6182   background: #ffffff;
6183 }
6184 .ios .button.color-white.button-fill,
6185 .ios .button.color-white.button-fill-ios {
6186   background: #ffffff;
6187   border-color: transparent;
6188 }
6189 .ios .button.color-white.button-small.button-fill.active-state,
6190 .ios .button.color-white.button-small-ios.button-fill.active-state,
6191 .ios .button.color-white.button-small.button-fill-ios.active-state,
6192 .ios .button.color-white.button-small-ios.button-fill-ios.active-state {
6193   color: #ffffff;
6194   border: 2px solid #ffffff;
6195   background-color: transparent;
6196 }
6197 .ios .button.color-black {
6198   border-color: #000000;
6199   color: #000000;
6200 }
6201 .ios .button.color-black.active-state {
6202   background: rgba(0, 0, 0, 0.15);
6203 }
6204 .ios .button.color-black.button-active,
6205 .ios .button.color-black.tab-link-active,
6206 .ios .button.color-black.button-fill,
6207 .ios .button.color-black.button-fill-ios {
6208   color: #fff;
6209 }
6210 .ios .button.color-black.button-active,
6211 .ios .button.color-black.tab-link-active {
6212   background: #000000;
6213 }
6214 .ios .button.color-black.button-fill,
6215 .ios .button.color-black.button-fill-ios {
6216   background: #000000;
6217   border-color: transparent;
6218 }
6219 .ios .button.color-black.button-small.button-fill.active-state,
6220 .ios .button.color-black.button-small-ios.button-fill.active-state,
6221 .ios .button.color-black.button-small.button-fill-ios.active-state,
6222 .ios .button.color-black.button-small-ios.button-fill-ios.active-state {
6223   color: #000000;
6224   border: 2px solid #000000;
6225   background-color: transparent;
6226 }
6227 .md .button {
6228   color: #2196f3;
6229   border-radius: 4px;
6230   line-height: 36px;
6231   height: 36px;
6232   text-transform: uppercase;
6233   min-width: 64px;
6234   padding: 0 8px;
6235   border: none;
6236   -webkit-transition-duration: 300ms;
6237   transition-duration: 300ms;
6238   -webkit-transform: translate3d(0, 0, 0);
6239   transform: translate3d(0, 0, 0);
6240   font-weight: 500;
6241   letter-spacing: 0.03em;
6242 }
6243 .md .button.active-state {
6244   background: rgba(0, 0, 0, 0.1);
6245 }
6246 .md .button.button-fill,
6247 .md .button.button-fill-md,
6248 .md .button.button-active,
6249 .md .button.tab-link-active {
6250   background-color: #2196f3;
6251   color: #fff;
6252 }
6253 .md .button.button-fill.active-state,
6254 .md .button.button-fill-md.active-state,
6255 .md .button.button-active.active-state,
6256 .md .button.tab-link-active.active-state {
6257   background: #0c82df;
6258 }
6259 .md .button.button-big,
6260 .md .button.button-big-md {
6261   height: 48px;
6262   line-height: 48px;
6263   border-radius: 4px;
6264 }
6265 .md .button.button-round,
6266 .md .button.button-round-md {
6267   border-radius: 36px;
6268 }
6269 .md .button.button-outline {
6270   border: 2px solid #2196f3;
6271   line-height: 32px;
6272 }
6273 .md .button.button-outline.button-big,
6274 .md .button.button-outline.button-big-md {
6275   line-height: 44px;
6276 }
6277 .md .button.button-small,
6278 .md .button.button-small-md {
6279   height: 28px;
6280   line-height: 28px;
6281   font-size: 13px;
6282   font-weight: 500;
6283   letter-spacing: 0.03em;
6284 }
6285 .md .button.button-small.button-outline,
6286 .md .button.button-small-md.button-outline {
6287   border-width: 2px;
6288   line-height: 24px;
6289 }
6290 .md .button > i.icon + span,
6291 .md .button > span:not(.ripple-wave) + span,
6292 .md .button > span:not(.ripple-wave) + i.icon,
6293 .md .button > i.icon + i.icon {
6294   margin-right: 8px;
6295 }
6296 .md .button.button-raised {
6297   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6298   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6299 }
6300 .md .button.button-raised.active-state {
6301   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6302   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6303 }
6304 .md .navbar .button:not(.button-fill):not(.button-fill-md),
6305 .md .subnavbar .button:not(.button-fill):not(.button-fill-md),
6306 .md .toolbar .button:not(.button-fill):not(.button-fill-md) {
6307   color: #fff;
6308 }
6309 .md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,
6310 .md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,
6311 .md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state {
6312   background: rgba(255, 255, 255, 0.15);
6313 }
6314 .md .toast .button:not(.button-fill):not(.button-fill-md).active-state {
6315   background: rgba(255, 255, 255, 0.15);
6316 }
6317 .md .segmented {
6318   border-radius: 4px;
6319 }
6320 .md .segmented.segmented-raised {
6321   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6322   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6323 }
6324 .md .segmented.segmented-round {
6325   border-radius: 36px;
6326 }
6327 .md .segmented .button {
6328   border-radius: 0;
6329   min-width: 0;
6330   border-right: 1px solid rgba(0, 0, 0, 0.1);
6331 }
6332 .md .segmented .button:first-child {
6333   border-radius: 0 4px 4px 0;
6334   border-right: none;
6335 }
6336 .md .segmented .button.button-outline {
6337   border: 2px solid #2196f3;
6338 }
6339 .md .segmented .button.button-outline:nth-child(n + 2) {
6340   border-right: none;
6341 }
6342 .md .segmented .button:last-child {
6343   border-radius: 4px 0 0 4px;
6344 }
6345 .md .segmented .button:first-child:last-child {
6346   border-radius: 4px;
6347 }
6348 .md .segmented .button.button-round:first-child {
6349   border-radius: 0 36px 36px 0;
6350 }
6351 .md .segmented .button.button-round:last-child {
6352   border-radius: 36px 0 0 36px;
6353 }
6354 .md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state {
6355   background-color: rgba(255, 255, 255, 0.1);
6356 }
6357 .md .color-theme-red .button,
6358 .md .color-red .button {
6359   color: #f44336;
6360 }
6361 .md .color-theme-red .button.button-fill,
6362 .md .color-red .button.button-fill,
6363 .md .color-theme-red .button.button-fill-md,
6364 .md .color-red .button.button-fill-md,
6365 .md .color-theme-red .button.button-active,
6366 .md .color-red .button.button-active,
6367 .md .color-theme-red .button.tab-link-active,
6368 .md .color-red .button.tab-link-active {
6369   background-color: #f44336;
6370   color: #fff;
6371 }
6372 .md .color-theme-red .button.button-fill.active-state,
6373 .md .color-red .button.button-fill.active-state,
6374 .md .color-theme-red .button.button-fill-md.active-state,
6375 .md .color-red .button.button-fill-md.active-state,
6376 .md .color-theme-red .button.button-active.active-state,
6377 .md .color-red .button.button-active.active-state,
6378 .md .color-theme-red .button.tab-link-active.active-state,
6379 .md .color-red .button.tab-link-active.active-state {
6380   background: #f21f0f;
6381 }
6382 .md .color-theme-red .button.button-outline,
6383 .md .color-red .button.button-outline {
6384   border-color: #f44336;
6385 }
6386 .md .color-theme-green .button,
6387 .md .color-green .button {
6388   color: #4caf50;
6389 }
6390 .md .color-theme-green .button.button-fill,
6391 .md .color-green .button.button-fill,
6392 .md .color-theme-green .button.button-fill-md,
6393 .md .color-green .button.button-fill-md,
6394 .md .color-theme-green .button.button-active,
6395 .md .color-green .button.button-active,
6396 .md .color-theme-green .button.tab-link-active,
6397 .md .color-green .button.tab-link-active {
6398   background-color: #4caf50;
6399   color: #fff;
6400 }
6401 .md .color-theme-green .button.button-fill.active-state,
6402 .md .color-green .button.button-fill.active-state,
6403 .md .color-theme-green .button.button-fill-md.active-state,
6404 .md .color-green .button.button-fill-md.active-state,
6405 .md .color-theme-green .button.button-active.active-state,
6406 .md .color-green .button.button-active.active-state,
6407 .md .color-theme-green .button.tab-link-active.active-state,
6408 .md .color-green .button.tab-link-active.active-state {
6409   background: #409343;
6410 }
6411 .md .color-theme-green .button.button-outline,
6412 .md .color-green .button.button-outline {
6413   border-color: #4caf50;
6414 }
6415 .md .color-theme-blue .button,
6416 .md .color-blue .button {
6417   color: #2196f3;
6418 }
6419 .md .color-theme-blue .button.button-fill,
6420 .md .color-blue .button.button-fill,
6421 .md .color-theme-blue .button.button-fill-md,
6422 .md .color-blue .button.button-fill-md,
6423 .md .color-theme-blue .button.button-active,
6424 .md .color-blue .button.button-active,
6425 .md .color-theme-blue .button.tab-link-active,
6426 .md .color-blue .button.tab-link-active {
6427   background-color: #2196f3;
6428   color: #fff;
6429 }
6430 .md .color-theme-blue .button.button-fill.active-state,
6431 .md .color-blue .button.button-fill.active-state,
6432 .md .color-theme-blue .button.button-fill-md.active-state,
6433 .md .color-blue .button.button-fill-md.active-state,
6434 .md .color-theme-blue .button.button-active.active-state,
6435 .md .color-blue .button.button-active.active-state,
6436 .md .color-theme-blue .button.tab-link-active.active-state,
6437 .md .color-blue .button.tab-link-active.active-state {
6438   background: #0c82df;
6439 }
6440 .md .color-theme-blue .button.button-outline,
6441 .md .color-blue .button.button-outline {
6442   border-color: #2196f3;
6443 }
6444 .md .color-theme-pink .button,
6445 .md .color-pink .button {
6446   color: #e91e63;
6447 }
6448 .md .color-theme-pink .button.button-fill,
6449 .md .color-pink .button.button-fill,
6450 .md .color-theme-pink .button.button-fill-md,
6451 .md .color-pink .button.button-fill-md,
6452 .md .color-theme-pink .button.button-active,
6453 .md .color-pink .button.button-active,
6454 .md .color-theme-pink .button.tab-link-active,
6455 .md .color-pink .button.tab-link-active {
6456   background-color: #e91e63;
6457   color: #fff;
6458 }
6459 .md .color-theme-pink .button.button-fill.active-state,
6460 .md .color-pink .button.button-fill.active-state,
6461 .md .color-theme-pink .button.button-fill-md.active-state,
6462 .md .color-pink .button.button-fill-md.active-state,
6463 .md .color-theme-pink .button.button-active.active-state,
6464 .md .color-pink .button.button-active.active-state,
6465 .md .color-theme-pink .button.tab-link-active.active-state,
6466 .md .color-pink .button.tab-link-active.active-state {
6467   background: #ca1452;
6468 }
6469 .md .color-theme-pink .button.button-outline,
6470 .md .color-pink .button.button-outline {
6471   border-color: #e91e63;
6472 }
6473 .md .color-theme-yellow .button,
6474 .md .color-yellow .button {
6475   color: #ffeb3b;
6476 }
6477 .md .color-theme-yellow .button.button-fill,
6478 .md .color-yellow .button.button-fill,
6479 .md .color-theme-yellow .button.button-fill-md,
6480 .md .color-yellow .button.button-fill-md,
6481 .md .color-theme-yellow .button.button-active,
6482 .md .color-yellow .button.button-active,
6483 .md .color-theme-yellow .button.tab-link-active,
6484 .md .color-yellow .button.tab-link-active {
6485   background-color: #ffeb3b;
6486   color: #fff;
6487 }
6488 .md .color-theme-yellow .button.button-fill.active-state,
6489 .md .color-yellow .button.button-fill.active-state,
6490 .md .color-theme-yellow .button.button-fill-md.active-state,
6491 .md .color-yellow .button.button-fill-md.active-state,
6492 .md .color-theme-yellow .button.button-active.active-state,
6493 .md .color-yellow .button.button-active.active-state,
6494 .md .color-theme-yellow .button.tab-link-active.active-state,
6495 .md .color-yellow .button.tab-link-active.active-state {
6496   background: #ffe712;
6497 }
6498 .md .color-theme-yellow .button.button-outline,
6499 .md .color-yellow .button.button-outline {
6500   border-color: #ffeb3b;
6501 }
6502 .md .color-theme-orange .button,
6503 .md .color-orange .button {
6504   color: #ff9800;
6505 }
6506 .md .color-theme-orange .button.button-fill,
6507 .md .color-orange .button.button-fill,
6508 .md .color-theme-orange .button.button-fill-md,
6509 .md .color-orange .button.button-fill-md,
6510 .md .color-theme-orange .button.button-active,
6511 .md .color-orange .button.button-active,
6512 .md .color-theme-orange .button.tab-link-active,
6513 .md .color-orange .button.tab-link-active {
6514   background-color: #ff9800;
6515   color: #fff;
6516 }
6517 .md .color-theme-orange .button.button-fill.active-state,
6518 .md .color-orange .button.button-fill.active-state,
6519 .md .color-theme-orange .button.button-fill-md.active-state,
6520 .md .color-orange .button.button-fill-md.active-state,
6521 .md .color-theme-orange .button.button-active.active-state,
6522 .md .color-orange .button.button-active.active-state,
6523 .md .color-theme-orange .button.tab-link-active.active-state,
6524 .md .color-orange .button.tab-link-active.active-state {
6525   background: #d68000;
6526 }
6527 .md .color-theme-orange .button.button-outline,
6528 .md .color-orange .button.button-outline {
6529   border-color: #ff9800;
6530 }
6531 .md .color-theme-gray .button,
6532 .md .color-gray .button {
6533   color: #9e9e9e;
6534 }
6535 .md .color-theme-gray .button.button-fill,
6536 .md .color-gray .button.button-fill,
6537 .md .color-theme-gray .button.button-fill-md,
6538 .md .color-gray .button.button-fill-md,
6539 .md .color-theme-gray .button.button-active,
6540 .md .color-gray .button.button-active,
6541 .md .color-theme-gray .button.tab-link-active,
6542 .md .color-gray .button.tab-link-active {
6543   background-color: #9e9e9e;
6544   color: #fff;
6545 }
6546 .md .color-theme-gray .button.button-fill.active-state,
6547 .md .color-gray .button.button-fill.active-state,
6548 .md .color-theme-gray .button.button-fill-md.active-state,
6549 .md .color-gray .button.button-fill-md.active-state,
6550 .md .color-theme-gray .button.button-active.active-state,
6551 .md .color-gray .button.button-active.active-state,
6552 .md .color-theme-gray .button.tab-link-active.active-state,
6553 .md .color-gray .button.tab-link-active.active-state {
6554   background: #8a8a8a;
6555 }
6556 .md .color-theme-gray .button.button-outline,
6557 .md .color-gray .button.button-outline {
6558   border-color: #9e9e9e;
6559 }
6560 .md .color-theme-white .button,
6561 .md .color-white .button {
6562   color: #ffffff;
6563 }
6564 .md .color-theme-white .button.button-fill,
6565 .md .color-white .button.button-fill,
6566 .md .color-theme-white .button.button-fill-md,
6567 .md .color-white .button.button-fill-md,
6568 .md .color-theme-white .button.button-active,
6569 .md .color-white .button.button-active,
6570 .md .color-theme-white .button.tab-link-active,
6571 .md .color-white .button.tab-link-active {
6572   background-color: #ffffff;
6573   color: #fff;
6574 }
6575 .md .color-theme-white .button.button-fill.active-state,
6576 .md .color-white .button.button-fill.active-state,
6577 .md .color-theme-white .button.button-fill-md.active-state,
6578 .md .color-white .button.button-fill-md.active-state,
6579 .md .color-theme-white .button.button-active.active-state,
6580 .md .color-white .button.button-active.active-state,
6581 .md .color-theme-white .button.tab-link-active.active-state,
6582 .md .color-white .button.tab-link-active.active-state {
6583   background: #ebebeb;
6584 }
6585 .md .color-theme-white .button.button-outline,
6586 .md .color-white .button.button-outline {
6587   border-color: #ffffff;
6588 }
6589 .md .color-theme-black .button,
6590 .md .color-black .button {
6591   color: #000000;
6592 }
6593 .md .color-theme-black .button.button-fill,
6594 .md .color-black .button.button-fill,
6595 .md .color-theme-black .button.button-fill-md,
6596 .md .color-black .button.button-fill-md,
6597 .md .color-theme-black .button.button-active,
6598 .md .color-black .button.button-active,
6599 .md .color-theme-black .button.tab-link-active,
6600 .md .color-black .button.tab-link-active {
6601   background-color: #000000;
6602   color: #fff;
6603 }
6604 .md .color-theme-black .button.button-fill.active-state,
6605 .md .color-black .button.button-fill.active-state,
6606 .md .color-theme-black .button.button-fill-md.active-state,
6607 .md .color-black .button.button-fill-md.active-state,
6608 .md .color-theme-black .button.button-active.active-state,
6609 .md .color-black .button.button-active.active-state,
6610 .md .color-theme-black .button.tab-link-active.active-state,
6611 .md .color-black .button.tab-link-active.active-state {
6612   background: #000000;
6613 }
6614 .md .color-theme-black .button.button-outline,
6615 .md .color-black .button.button-outline {
6616   border-color: #000000;
6617 }
6618 .md .button.color-red {
6619   color: #f44336;
6620 }
6621 .md .button.color-red.button-fill,
6622 .md .button.color-red.button-fill-md,
6623 .md .button.color-red.button-active,
6624 .md .button.color-red.tab-link-active {
6625   background-color: #f44336;
6626   color: #fff;
6627 }
6628 .md .button.color-red.button-fill.active-state,
6629 .md .button.color-red.button-fill-md.active-state,
6630 .md .button.color-red.button-active.active-state,
6631 .md .button.color-red.tab-link-active.active-state {
6632   background: #f21f0f;
6633 }
6634 .md .button.color-red.button-outline {
6635   border-color: #f44336;
6636 }
6637 .md .button.color-green {
6638   color: #4caf50;
6639 }
6640 .md .button.color-green.button-fill,
6641 .md .button.color-green.button-fill-md,
6642 .md .button.color-green.button-active,
6643 .md .button.color-green.tab-link-active {
6644   background-color: #4caf50;
6645   color: #fff;
6646 }
6647 .md .button.color-green.button-fill.active-state,
6648 .md .button.color-green.button-fill-md.active-state,
6649 .md .button.color-green.button-active.active-state,
6650 .md .button.color-green.tab-link-active.active-state {
6651   background: #409343;
6652 }
6653 .md .button.color-green.button-outline {
6654   border-color: #4caf50;
6655 }
6656 .md .button.color-blue {
6657   color: #2196f3;
6658 }
6659 .md .button.color-blue.button-fill,
6660 .md .button.color-blue.button-fill-md,
6661 .md .button.color-blue.button-active,
6662 .md .button.color-blue.tab-link-active {
6663   background-color: #2196f3;
6664   color: #fff;
6665 }
6666 .md .button.color-blue.button-fill.active-state,
6667 .md .button.color-blue.button-fill-md.active-state,
6668 .md .button.color-blue.button-active.active-state,
6669 .md .button.color-blue.tab-link-active.active-state {
6670   background: #0c82df;
6671 }
6672 .md .button.color-blue.button-outline {
6673   border-color: #2196f3;
6674 }
6675 .md .button.color-pink {
6676   color: #e91e63;
6677 }
6678 .md .button.color-pink.button-fill,
6679 .md .button.color-pink.button-fill-md,
6680 .md .button.color-pink.button-active,
6681 .md .button.color-pink.tab-link-active {
6682   background-color: #e91e63;
6683   color: #fff;
6684 }
6685 .md .button.color-pink.button-fill.active-state,
6686 .md .button.color-pink.button-fill-md.active-state,
6687 .md .button.color-pink.button-active.active-state,
6688 .md .button.color-pink.tab-link-active.active-state {
6689   background: #ca1452;
6690 }
6691 .md .button.color-pink.button-outline {
6692   border-color: #e91e63;
6693 }
6694 .md .button.color-yellow {
6695   color: #ffeb3b;
6696 }
6697 .md .button.color-yellow.button-fill,
6698 .md .button.color-yellow.button-fill-md,
6699 .md .button.color-yellow.button-active,
6700 .md .button.color-yellow.tab-link-active {
6701   background-color: #ffeb3b;
6702   color: #fff;
6703 }
6704 .md .button.color-yellow.button-fill.active-state,
6705 .md .button.color-yellow.button-fill-md.active-state,
6706 .md .button.color-yellow.button-active.active-state,
6707 .md .button.color-yellow.tab-link-active.active-state {
6708   background: #ffe712;
6709 }
6710 .md .button.color-yellow.button-outline {
6711   border-color: #ffeb3b;
6712 }
6713 .md .button.color-orange {
6714   color: #ff9800;
6715 }
6716 .md .button.color-orange.button-fill,
6717 .md .button.color-orange.button-fill-md,
6718 .md .button.color-orange.button-active,
6719 .md .button.color-orange.tab-link-active {
6720   background-color: #ff9800;
6721   color: #fff;
6722 }
6723 .md .button.color-orange.button-fill.active-state,
6724 .md .button.color-orange.button-fill-md.active-state,
6725 .md .button.color-orange.button-active.active-state,
6726 .md .button.color-orange.tab-link-active.active-state {
6727   background: #d68000;
6728 }
6729 .md .button.color-orange.button-outline {
6730   border-color: #ff9800;
6731 }
6732 .md .button.color-gray {
6733   color: #9e9e9e;
6734 }
6735 .md .button.color-gray.button-fill,
6736 .md .button.color-gray.button-fill-md,
6737 .md .button.color-gray.button-active,
6738 .md .button.color-gray.tab-link-active {
6739   background-color: #9e9e9e;
6740   color: #fff;
6741 }
6742 .md .button.color-gray.button-fill.active-state,
6743 .md .button.color-gray.button-fill-md.active-state,
6744 .md .button.color-gray.button-active.active-state,
6745 .md .button.color-gray.tab-link-active.active-state {
6746   background: #8a8a8a;
6747 }
6748 .md .button.color-gray.button-outline {
6749   border-color: #9e9e9e;
6750 }
6751 .md .button.color-white {
6752   color: #ffffff;
6753 }
6754 .md .button.color-white.button-fill,
6755 .md .button.color-white.button-fill-md,
6756 .md .button.color-white.button-active,
6757 .md .button.color-white.tab-link-active {
6758   background-color: #ffffff;
6759   color: #fff;
6760 }
6761 .md .button.color-white.button-fill.active-state,
6762 .md .button.color-white.button-fill-md.active-state,
6763 .md .button.color-white.button-active.active-state,
6764 .md .button.color-white.tab-link-active.active-state {
6765   background: #ebebeb;
6766 }
6767 .md .button.color-white.button-outline {
6768   border-color: #ffffff;
6769 }
6770 .md .button.color-black {
6771   color: #000000;
6772 }
6773 .md .button.color-black.button-fill,
6774 .md .button.color-black.button-fill-md,
6775 .md .button.color-black.button-active,
6776 .md .button.color-black.tab-link-active {
6777   background-color: #000000;
6778   color: #fff;
6779 }
6780 .md .button.color-black.button-fill.active-state,
6781 .md .button.color-black.button-fill-md.active-state,
6782 .md .button.color-black.button-active.active-state,
6783 .md .button.color-black.tab-link-active.active-state {
6784   background: #000000;
6785 }
6786 .md .button.color-black.button-outline {
6787   border-color: #000000;
6788 }
6789 /* === Touch Ripple === */
6790 .md .ripple,
6791 .md .fab a,
6792 .md a.link,
6793 .md a.item-link,
6794 .md .button,
6795 .md .dialog-button,
6796 .md .tab-link,
6797 .md .radio,
6798 .md .checkbox,
6799 .md .actions-button,
6800 .md .speed-dial-buttons a {
6801   -webkit-user-select: none;
6802   -moz-user-select: none;
6803   -ms-user-select: none;
6804   user-select: none;
6805 }
6806 .md .ripple-wave {
6807   left: 0;
6808   top: 0;
6809   position: absolute !important;
6810   border-radius: 50%;
6811   pointer-events: none;
6812   z-index: -1;
6813   background: rgba(0, 0, 0, 0.1);
6814   padding: 0;
6815   margin: 0;
6816   font-size: 0;
6817   -webkit-transform: translate3d(0px, 0px, 0) scale(0);
6818   transform: translate3d(0px, 0px, 0) scale(0);
6819   -webkit-transition-duration: 1400ms;
6820   transition-duration: 1400ms;
6821 }
6822 .md .ripple-wave.ripple-wave-fill {
6823   -webkit-transition-duration: 300ms;
6824   transition-duration: 300ms;
6825   opacity: 0.35;
6826 }
6827 .md .ripple-wave.ripple-wave-out {
6828   -webkit-transition-duration: 600ms;
6829   transition-duration: 600ms;
6830   opacity: 0;
6831 }
6832 .button-fill .md .ripple-wave,
6833 .picker-calendar-day .md .ripple-wave {
6834   z-index: 1;
6835 }
6836 .md .button-fill .ripple-wave,
6837 .md .button-active .ripple-wave,
6838 .md .navbar .ripple-wave,
6839 .md .toolbar .ripple-wave,
6840 .md .subnavbar .ripple-wave,
6841 .md .toast .ripple-wave,
6842 .md .fab a .ripple-wave,
6843 .md .stepper-fill .ripple-wave {
6844   background: rgba(255, 255, 255, 0.3);
6845 }
6846 .md .messagebar .ripple-wave,
6847 .md .searchbar .ripple-wave {
6848   background: rgba(0, 0, 0, 0.1);
6849 }
6850 .md .data-table .sortable-cell .ripple-wave {
6851   z-index: 0;
6852 }
6853 .md .checkbox .ripple-wave,
6854 .md .radio .ripple-wave {
6855   background: rgba(33, 150, 243, 0.5);
6856   z-index: 0;
6857 }
6858 .md .theme-dark .page-content .ripple-wave,
6859 .md .theme-dark .messagebar .ripple-wave,
6860 .md .theme-dark .popover .ripple-wave,
6861 .md .theme-dark .calendar .ripple-wave,
6862 .calendar.md .theme-dark .ripple-wave {
6863   background-color: rgba(255, 255, 255, 0.3);
6864 }
6865 .md .ripple-color-red .ripple-wave,
6866 .md .ripple-red .ripple-wave {
6867   background-color: rgba(244, 67, 54, 0.3);
6868 }
6869 .md .ripple-color-green .ripple-wave,
6870 .md .ripple-green .ripple-wave {
6871   background-color: rgba(76, 175, 80, 0.3);
6872 }
6873 .md .ripple-color-blue .ripple-wave,
6874 .md .ripple-blue .ripple-wave {
6875   background-color: rgba(33, 150, 243, 0.3);
6876 }
6877 .md .ripple-color-pink .ripple-wave,
6878 .md .ripple-pink .ripple-wave {
6879   background-color: rgba(233, 30, 99, 0.3);
6880 }
6881 .md .ripple-color-yellow .ripple-wave,
6882 .md .ripple-yellow .ripple-wave {
6883   background-color: rgba(255, 235, 59, 0.3);
6884 }
6885 .md .ripple-color-orange .ripple-wave,
6886 .md .ripple-orange .ripple-wave {
6887   background-color: rgba(255, 152, 0, 0.3);
6888 }
6889 .md .ripple-color-gray .ripple-wave,
6890 .md .ripple-gray .ripple-wave {
6891   background-color: rgba(158, 158, 158, 0.3);
6892 }
6893 .md .ripple-color-white .ripple-wave,
6894 .md .ripple-white .ripple-wave {
6895   background-color: rgba(255, 255, 255, 0.3);
6896 }
6897 .md .ripple-color-black .ripple-wave,
6898 .md .ripple-black .ripple-wave {
6899   background-color: rgba(0, 0, 0, 0.3);
6900 }
6901 /* === Icon === */
6902 i.icon {
6903   display: inline-block;
6904   vertical-align: middle;
6905   background-size: 100% auto;
6906   background-position: center;
6907   background-repeat: no-repeat;
6908   font-style: normal;
6909   position: relative;
6910 }
6911 .ios .icon-back,
6912 .ios .icon-prev {
6913   width: 12px;
6914   height: 20px;
6915 }
6916 .ios .icon-forward,
6917 .ios .icon-next {
6918   width: 12px;
6919   height: 20px;
6920 }
6921 .ios .icon-next,
6922 .ios .icon-prev {
6923   width: 10px;
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'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");
6928 }
6929 .ios .icon-back,
6930 .ios .icon-prev {
6931   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");
6932 }
6933 .ios .navbar .f7-icons,
6934 .ios .toolbar .f7-icons {
6935   font-size: 22px;
6936 }
6937 .ios .tabbar .f7-icons,
6938 .ios .tabbar-labels .f7-icons {
6939   font-size: 25px;
6940 }
6941 .ios .item-media .f7-icons {
6942   font-size: 25px;
6943   width: 29px;
6944   height: 29px;
6945 }
6946 .ios .button .f7-icons {
6947   font-size: 22px;
6948 }
6949 .ios .item-media .icon {
6950   color: #808080;
6951 }
6952 .ios .color-theme-red .icon-forward,
6953 .ios .icon-forward.color-red,
6954 .ios a.link.color-red .icon-forward,
6955 .ios .color-theme-red .icon-next,
6956 .ios .icon-next.color-red,
6957 .ios a.link.color-red .icon-next {
6958   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");
6959 }
6960 .ios .color-theme-red .icon-back,
6961 .ios .icon-back.color-red,
6962 .ios a.link.color-red .icon-back,
6963 .ios .color-theme-red .icon-prev,
6964 .ios .icon-prev.color-red,
6965 .ios a.link.color-red .icon-prev {
6966   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");
6967 }
6968 .ios .color-theme-green .icon-forward,
6969 .ios .icon-forward.color-green,
6970 .ios a.link.color-green .icon-forward,
6971 .ios .color-theme-green .icon-next,
6972 .ios .icon-next.color-green,
6973 .ios a.link.color-green .icon-next {
6974   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");
6975 }
6976 .ios .color-theme-green .icon-back,
6977 .ios .icon-back.color-green,
6978 .ios a.link.color-green .icon-back,
6979 .ios .color-theme-green .icon-prev,
6980 .ios .icon-prev.color-green,
6981 .ios a.link.color-green .icon-prev {
6982   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");
6983 }
6984 .ios .color-theme-blue .icon-forward,
6985 .ios .icon-forward.color-blue,
6986 .ios a.link.color-blue .icon-forward,
6987 .ios .color-theme-blue .icon-next,
6988 .ios .icon-next.color-blue,
6989 .ios a.link.color-blue .icon-next {
6990   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");
6991 }
6992 .ios .color-theme-blue .icon-back,
6993 .ios .icon-back.color-blue,
6994 .ios a.link.color-blue .icon-back,
6995 .ios .color-theme-blue .icon-prev,
6996 .ios .icon-prev.color-blue,
6997 .ios a.link.color-blue .icon-prev {
6998   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");
6999 }
7000 .ios .color-theme-pink .icon-forward,
7001 .ios .icon-forward.color-pink,
7002 .ios a.link.color-pink .icon-forward,
7003 .ios .color-theme-pink .icon-next,
7004 .ios .icon-next.color-pink,
7005 .ios a.link.color-pink .icon-next {
7006   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");
7007 }
7008 .ios .color-theme-pink .icon-back,
7009 .ios .icon-back.color-pink,
7010 .ios a.link.color-pink .icon-back,
7011 .ios .color-theme-pink .icon-prev,
7012 .ios .icon-prev.color-pink,
7013 .ios a.link.color-pink .icon-prev {
7014   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");
7015 }
7016 .ios .color-theme-yellow .icon-forward,
7017 .ios .icon-forward.color-yellow,
7018 .ios a.link.color-yellow .icon-forward,
7019 .ios .color-theme-yellow .icon-next,
7020 .ios .icon-next.color-yellow,
7021 .ios a.link.color-yellow .icon-next {
7022   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");
7023 }
7024 .ios .color-theme-yellow .icon-back,
7025 .ios .icon-back.color-yellow,
7026 .ios a.link.color-yellow .icon-back,
7027 .ios .color-theme-yellow .icon-prev,
7028 .ios .icon-prev.color-yellow,
7029 .ios a.link.color-yellow .icon-prev {
7030   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");
7031 }
7032 .ios .color-theme-orange .icon-forward,
7033 .ios .icon-forward.color-orange,
7034 .ios a.link.color-orange .icon-forward,
7035 .ios .color-theme-orange .icon-next,
7036 .ios .icon-next.color-orange,
7037 .ios a.link.color-orange .icon-next {
7038   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");
7039 }
7040 .ios .color-theme-orange .icon-back,
7041 .ios .icon-back.color-orange,
7042 .ios a.link.color-orange .icon-back,
7043 .ios .color-theme-orange .icon-prev,
7044 .ios .icon-prev.color-orange,
7045 .ios a.link.color-orange .icon-prev {
7046   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");
7047 }
7048 .ios .color-theme-gray .icon-forward,
7049 .ios .icon-forward.color-gray,
7050 .ios a.link.color-gray .icon-forward,
7051 .ios .color-theme-gray .icon-next,
7052 .ios .icon-next.color-gray,
7053 .ios a.link.color-gray .icon-next {
7054   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");
7055 }
7056 .ios .color-theme-gray .icon-back,
7057 .ios .icon-back.color-gray,
7058 .ios a.link.color-gray .icon-back,
7059 .ios .color-theme-gray .icon-prev,
7060 .ios .icon-prev.color-gray,
7061 .ios a.link.color-gray .icon-prev {
7062   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");
7063 }
7064 .ios .color-theme-white .icon-forward,
7065 .ios .icon-forward.color-white,
7066 .ios a.link.color-white .icon-forward,
7067 .ios .color-theme-white .icon-next,
7068 .ios .icon-next.color-white,
7069 .ios a.link.color-white .icon-next {
7070   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");
7071 }
7072 .ios .color-theme-white .icon-back,
7073 .ios .icon-back.color-white,
7074 .ios a.link.color-white .icon-back,
7075 .ios .color-theme-white .icon-prev,
7076 .ios .icon-prev.color-white,
7077 .ios a.link.color-white .icon-prev {
7078   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");
7079 }
7080 .ios .color-theme-black .icon-forward,
7081 .ios .icon-forward.color-black,
7082 .ios a.link.color-black .icon-forward,
7083 .ios .color-theme-black .icon-next,
7084 .ios .icon-next.color-black,
7085 .ios a.link.color-black .icon-next {
7086   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");
7087 }
7088 .ios .color-theme-black .icon-back,
7089 .ios .icon-back.color-black,
7090 .ios a.link.color-black .icon-back,
7091 .ios .color-theme-black .icon-prev,
7092 .ios .icon-prev.color-black,
7093 .ios a.link.color-black .icon-prev {
7094   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");
7095 }
7096 .ios .icon.color-red {
7097   color: #ff3b30;
7098 }
7099 .ios .icon.color-green {
7100   color: #4cd964;
7101 }
7102 .ios .icon.color-blue {
7103   color: #007aff;
7104 }
7105 .ios .icon.color-pink {
7106   color: #ff2d55;
7107 }
7108 .ios .icon.color-yellow {
7109   color: #ffcc00;
7110 }
7111 .ios .icon.color-orange {
7112   color: #ff9500;
7113 }
7114 .ios .icon.color-gray {
7115   color: #8e8e93;
7116 }
7117 .ios .icon.color-white {
7118   color: #ffffff;
7119 }
7120 .ios .icon.color-black {
7121   color: #000000;
7122 }
7123 .md .icon-back {
7124   width: 24px;
7125   height: 24px;
7126 }
7127 .md .icon-forward {
7128   width: 24px;
7129   height: 24px;
7130 }
7131 .md .icon-next,
7132 .md .icon-prev {
7133   width: 24px;
7134   height: 24px;
7135 }
7136 .md .item-media .icon {
7137   color: #737373;
7138 }
7139 .md .item-media .material-icons {
7140   font-size: 24px;
7141   width: 24px;
7142   height: 24px;
7143 }
7144 .md .icon-forward {
7145   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");
7146 }
7147 .md .icon-back {
7148   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");
7149 }
7150 .md .icon-prev {
7151   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");
7152 }
7153 .md .icon-next {
7154   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");
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'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");
7159 }
7160 .md .icon-back.color-red,
7161 .md a.link .color-red .icon-back {
7162   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");
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'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");
7167 }
7168 .md .icon-next.color-red,
7169 .md a.link .color-red .icon-next {
7170   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");
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'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");
7175 }
7176 .md .icon-back.color-green,
7177 .md a.link .color-green .icon-back {
7178   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");
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'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");
7183 }
7184 .md .icon-next.color-green,
7185 .md a.link .color-green .icon-next {
7186   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");
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'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");
7191 }
7192 .md .icon-back.color-blue,
7193 .md a.link .color-blue .icon-back {
7194   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");
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'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");
7199 }
7200 .md .icon-next.color-blue,
7201 .md a.link .color-blue .icon-next {
7202   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");
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'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");
7207 }
7208 .md .icon-back.color-pink,
7209 .md a.link .color-pink .icon-back {
7210   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");
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'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");
7215 }
7216 .md .icon-next.color-pink,
7217 .md a.link .color-pink .icon-next {
7218   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");
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'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");
7223 }
7224 .md .icon-back.color-yellow,
7225 .md a.link .color-yellow .icon-back {
7226   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");
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'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");
7231 }
7232 .md .icon-next.color-yellow,
7233 .md a.link .color-yellow .icon-next {
7234   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");
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'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");
7239 }
7240 .md .icon-back.color-orange,
7241 .md a.link .color-orange .icon-back {
7242   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");
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'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");
7247 }
7248 .md .icon-next.color-orange,
7249 .md a.link .color-orange .icon-next {
7250   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");
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'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");
7255 }
7256 .md .icon-back.color-gray,
7257 .md a.link .color-gray .icon-back {
7258   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");
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'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");
7263 }
7264 .md .icon-next.color-gray,
7265 .md a.link .color-gray .icon-next {
7266   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");
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'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");
7271 }
7272 .md .icon-back.color-white,
7273 .md a.link .color-white .icon-back {
7274   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");
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'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");
7279 }
7280 .md .icon-next.color-white,
7281 .md a.link .color-white .icon-next {
7282   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");
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'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");
7287 }
7288 .md .icon-back.color-black,
7289 .md a.link .color-black .icon-back {
7290   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");
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'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");
7295 }
7296 .md .icon-next.color-black,
7297 .md a.link .color-black .icon-next {
7298   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");
7299 }
7300 .md .icon.color-red {
7301   color: #f44336;
7302 }
7303 .md .icon.color-green {
7304   color: #4caf50;
7305 }
7306 .md .icon.color-blue {
7307   color: #2196f3;
7308 }
7309 .md .icon.color-pink {
7310   color: #e91e63;
7311 }
7312 .md .icon.color-yellow {
7313   color: #ffeb3b;
7314 }
7315 .md .icon.color-orange {
7316   color: #ff9800;
7317 }
7318 .md .icon.color-gray {
7319   color: #9e9e9e;
7320 }
7321 .md .icon.color-white {
7322   color: #ffffff;
7323 }
7324 .md .icon.color-black {
7325   color: #000000;
7326 }
7327 .custom-modal-backdrop {
7328   position: absolute;
7329   left: 0;
7330   top: 0;
7331   width: 100%;
7332   height: 100%;
7333   background: rgba(0, 0, 0, 0.4);
7334   z-index: 13000;
7335   visibility: hidden;
7336   opacity: 0;
7337   -webkit-transition-duration: 400ms;
7338   transition-duration: 400ms;
7339   z-index: 10500;
7340 }
7341 .custom-modal-backdrop.not-animated {
7342   -webkit-transition-duration: 0ms;
7343   transition-duration: 0ms;
7344 }
7345 .custom-modal-backdrop.backdrop-in {
7346   visibility: visible;
7347   opacity: 1;
7348 }