framework7/css/framework7.rtl.ios.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 /* === Statusbar === */
 169 .statusbar {
 170   position: absolute;
 171   left: 0;
 172   top: 0;
 173   width: 100%;
 174   z-index: 10000;
 175   -webkit-box-sizing: border-box;
 176   box-sizing: border-box;
 177   display: none;
 178 }
 179 html.device-ios .statusbar,
 180 html.ios:not(.device-ios):not(.device-android) .statusbar {
 181   height: 20px;
 182 }
 183 html.device-android .statusbar,
 184 html.md:not(.device-ios):not(.device-android) .statusbar {
 185   height: 24px;
 186 }
 187 html.device-ios.device-iphone-x .statusbar {
 188   height: constant(safe-area-inset-top);
 189   height: env(safe-area-inset-top);
 190 }
 191 html.with-statusbar .statusbar {
 192   display: block;
 193 }
 194 html.with-statusbar.device-ios .framework7-root,
 195 html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root {
 196   padding-top: 20px;
 197 }
 198 html.with-statusbar.device-android .framework7-root,
 199 html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root {
 200   padding-top: 24px;
 201 }
 202 html.with-statusbar.device-iphone-x .framework7-root {
 203   padding-top: constant(safe-area-inset-top);
 204   padding-top: env(safe-area-inset-top);
 205 }
 206 .ios .statusbar {
 207   background: #f7f7f8;
 208 }
 209 .ios .theme-dark .statusbar {
 210   background-color: #1b1b1b;
 211 }
 212 /* === Views === */
 213 .views,
 214 .view {
 215   position: relative;
 216   height: 100%;
 217   z-index: 5000;
 218   overflow: hidden;
 219   -webkit-box-sizing: border-box;
 220   box-sizing: border-box;
 221 }
 222 /* === Pages === */
 223 .pages {
 224   position: relative;
 225   width: 100%;
 226   height: 100%;
 227   overflow: hidden;
 228 }
 229 .page {
 230   -webkit-box-sizing: border-box;
 231   box-sizing: border-box;
 232   position: absolute;
 233   left: 0;
 234   top: 0;
 235   width: 100%;
 236   height: 100%;
 237   -webkit-transform: translate3d(0, 0, 0);
 238   transform: translate3d(0, 0, 0);
 239 }
 240 .page.stacked {
 241   display: none;
 242 }
 243 .page-previous {
 244   pointer-events: none;
 245 }
 246 .page-content {
 247   overflow: auto;
 248   -webkit-overflow-scrolling: touch;
 249   -webkit-box-sizing: border-box;
 250   box-sizing: border-box;
 251   height: 100%;
 252   position: relative;
 253   z-index: 1;
 254 }
 255 .ios .page-shadow-effect {
 256   position: absolute;
 257   top: 0;
 258   width: 16px;
 259   bottom: 0;
 260   z-index: -1;
 261   content: '';
 262   opacity: 0;
 263   left: 100%;
 264   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)));
 265   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%);
 266   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%);
 267 }
 268 .ios .page-opacity-effect {
 269   position: absolute;
 270   left: 0;
 271   top: 0;
 272   background: rgba(0, 0, 0, 0.1);
 273   width: 100%;
 274   bottom: 0;
 275   content: '';
 276   opacity: 0;
 277   z-index: 10000;
 278 }
 279 .ios .router-dynamic-navbar-inside .page-shadow-effect,
 280 .ios .router-dynamic-navbar-inside .page-opacity-effect {
 281   top: 44px;
 282 }
 283 .ios .page {
 284   background: #efeff4;
 285 }
 286 .ios .page-previous {
 287   -webkit-transform: translate3d(20%, 0, 0);
 288   transform: translate3d(20%, 0, 0);
 289 }
 290 .ios .page-next {
 291   -webkit-transform: translate3d(-100%, 0, 0);
 292   transform: translate3d(-100%, 0, 0);
 293 }
 294 .ios .page-previous .page-opacity-effect {
 295   opacity: 1;
 296 }
 297 .ios .page-previous:after {
 298   opacity: 1;
 299 }
 300 .ios .page-current .page-shadow-effect {
 301   opacity: 1;
 302 }
 303 .ios .page-transitioning,
 304 .ios .page-transitioning .page-shadow-effect,
 305 .ios .page-transitioning .page-opacity-effect {
 306   -webkit-transition-duration: 400ms;
 307   transition-duration: 400ms;
 308 }
 309 .ios .router-transition-forward .page-next,
 310 .ios .router-transition-backward .page-next,
 311 .ios .router-transition-forward .page-current,
 312 .ios .router-transition-backward .page-current,
 313 .ios .router-transition-forward .page-previous:not(.stacked),
 314 .ios .router-transition-backward .page-previous:not(.stacked) {
 315   pointer-events: none;
 316 }
 317 .ios .router-transition-css-forward .page-next {
 318   -webkit-animation: ios-page-next-to-current 400ms forwards;
 319   animation: ios-page-next-to-current 400ms forwards;
 320 }
 321 .ios .router-transition-css-forward .page-next:before {
 322   position: absolute;
 323   top: 0;
 324   width: 16px;
 325   bottom: 0;
 326   z-index: -1;
 327   content: '';
 328   opacity: 0;
 329   left: 100%;
 330   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)));
 331   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%);
 332   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%);
 333   -webkit-animation: ios-page-next-to-current-shadow 400ms forwards;
 334   animation: ios-page-next-to-current-shadow 400ms forwards;
 335 }
 336 .ios .router-transition-css-forward .page-current {
 337   -webkit-animation: ios-page-current-to-previous 400ms forwards;
 338   animation: ios-page-current-to-previous 400ms forwards;
 339 }
 340 .ios .router-transition-css-forward .page-current:after {
 341   position: absolute;
 342   left: 0;
 343   top: 0;
 344   background: rgba(0, 0, 0, 0.1);
 345   width: 100%;
 346   bottom: 0;
 347   content: '';
 348   opacity: 0;
 349   z-index: 10000;
 350   -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards;
 351   animation: ios-page-current-to-previous-opacity 400ms forwards;
 352 }
 353 .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before,
 354 .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after {
 355   top: 44px;
 356 }
 357 .ios .router-transition-css-backward .page-previous,
 358 .ios .router-transition-css-backward .page-current {
 359   pointer-events: none;
 360 }
 361 .ios .router-transition-css-backward .page-previous {
 362   -webkit-animation: ios-page-previous-to-current 400ms forwards;
 363   animation: ios-page-previous-to-current 400ms forwards;
 364 }
 365 .ios .router-transition-css-backward .page-previous:after {
 366   position: absolute;
 367   left: 0;
 368   top: 0;
 369   background: rgba(0, 0, 0, 0.1);
 370   width: 100%;
 371   bottom: 0;
 372   content: '';
 373   opacity: 0;
 374   z-index: 10000;
 375   -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards;
 376   animation: ios-page-previous-to-current-opacity 400ms forwards;
 377 }
 378 .ios .router-transition-css-backward .page-current {
 379   -webkit-animation: ios-page-current-to-next 400ms forwards;
 380   animation: ios-page-current-to-next 400ms forwards;
 381 }
 382 .ios .router-transition-css-backward .page-current:before {
 383   position: absolute;
 384   top: 0;
 385   width: 16px;
 386   bottom: 0;
 387   z-index: -1;
 388   content: '';
 389   opacity: 0;
 390   left: 100%;
 391   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)));
 392   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%);
 393   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%);
 394   -webkit-animation: ios-page-current-to-next-shadow 400ms forwards;
 395   animation: ios-page-current-to-next-shadow 400ms forwards;
 396 }
 397 .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,
 398 .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after {
 399   top: 44px;
 400 }
 401 .ios .theme-dark .page,
 402 .page.ios .theme-dark {
 403   background: #171717;
 404 }
 405 @-webkit-keyframes ios-page-next-to-current {
 406   from {
 407     -webkit-transform: translate3d(-100%, 0, 0);
 408     transform: translate3d(-100%, 0, 0);
 409   }
 410   to {
 411     -webkit-transform: translate3d(0%, 0, 0);
 412     transform: translate3d(0%, 0, 0);
 413   }
 414 }
 415 @keyframes ios-page-next-to-current {
 416   from {
 417     -webkit-transform: translate3d(-100%, 0, 0);
 418     transform: translate3d(-100%, 0, 0);
 419   }
 420   to {
 421     -webkit-transform: translate3d(0%, 0, 0);
 422     transform: translate3d(0%, 0, 0);
 423   }
 424 }
 425 @-webkit-keyframes ios-page-previous-to-current {
 426   from {
 427     -webkit-transform: translate3d(20%, 0, 0);
 428     transform: translate3d(20%, 0, 0);
 429   }
 430   to {
 431     -webkit-transform: translate3d(0%, 0, 0);
 432     transform: translate3d(0%, 0, 0);
 433   }
 434 }
 435 @keyframes ios-page-previous-to-current {
 436   from {
 437     -webkit-transform: translate3d(20%, 0, 0);
 438     transform: translate3d(20%, 0, 0);
 439   }
 440   to {
 441     -webkit-transform: translate3d(0%, 0, 0);
 442     transform: translate3d(0%, 0, 0);
 443   }
 444 }
 445 @-webkit-keyframes ios-page-current-to-previous {
 446   from {
 447     -webkit-transform: translate3d(0, 0, 0);
 448     transform: translate3d(0, 0, 0);
 449   }
 450   to {
 451     -webkit-transform: translate3d(20%, 0, 0);
 452     transform: translate3d(20%, 0, 0);
 453   }
 454 }
 455 @keyframes ios-page-current-to-previous {
 456   from {
 457     -webkit-transform: translate3d(0, 0, 0);
 458     transform: translate3d(0, 0, 0);
 459   }
 460   to {
 461     -webkit-transform: translate3d(20%, 0, 0);
 462     transform: translate3d(20%, 0, 0);
 463   }
 464 }
 465 @-webkit-keyframes ios-page-current-to-next {
 466   from {
 467     -webkit-transform: translate3d(0, 0, 0);
 468     transform: translate3d(0, 0, 0);
 469   }
 470   to {
 471     -webkit-transform: translate3d(-100%, 0, 0);
 472     transform: translate3d(-100%, 0, 0);
 473   }
 474 }
 475 @keyframes ios-page-current-to-next {
 476   from {
 477     -webkit-transform: translate3d(0, 0, 0);
 478     transform: translate3d(0, 0, 0);
 479   }
 480   to {
 481     -webkit-transform: translate3d(-100%, 0, 0);
 482     transform: translate3d(-100%, 0, 0);
 483   }
 484 }
 485 @-webkit-keyframes ios-page-next-to-current-shadow {
 486   from {
 487     opacity: 0;
 488   }
 489   to {
 490     opacity: 1;
 491   }
 492 }
 493 @keyframes ios-page-next-to-current-shadow {
 494   from {
 495     opacity: 0;
 496   }
 497   to {
 498     opacity: 1;
 499   }
 500 }
 501 @-webkit-keyframes ios-page-previous-to-current-opacity {
 502   from {
 503     opacity: 1;
 504   }
 505   to {
 506     opacity: 0;
 507   }
 508 }
 509 @keyframes ios-page-previous-to-current-opacity {
 510   from {
 511     opacity: 1;
 512   }
 513   to {
 514     opacity: 0;
 515   }
 516 }
 517 @-webkit-keyframes ios-page-current-to-previous-opacity {
 518   from {
 519     opacity: 0;
 520   }
 521   to {
 522     opacity: 1;
 523   }
 524 }
 525 @keyframes ios-page-current-to-previous-opacity {
 526   from {
 527     opacity: 0;
 528   }
 529   to {
 530     opacity: 1;
 531   }
 532 }
 533 @-webkit-keyframes ios-page-current-to-next-shadow {
 534   from {
 535     opacity: 1;
 536   }
 537   to {
 538     opacity: 0;
 539   }
 540 }
 541 @keyframes ios-page-current-to-next-shadow {
 542   from {
 543     opacity: 1;
 544   }
 545   to {
 546     opacity: 0;
 547   }
 548 }
 549 /* === Link === */
 550 .link,
 551 .tab-link {
 552   display: -webkit-inline-box;
 553   display: -webkit-inline-flex;
 554   display: -ms-inline-flexbox;
 555   display: inline-flex;
 556   -webkit-box-align: center;
 557   -webkit-align-items: center;
 558   -ms-flex-align: center;
 559   align-items: center;
 560   -webkit-align-content: center;
 561   -ms-flex-line-pack: center;
 562   align-content: center;
 563   -webkit-box-pack: center;
 564   -webkit-justify-content: center;
 565   -ms-flex-pack: center;
 566   justify-content: center;
 567   position: relative;
 568   -webkit-box-sizing: border-box;
 569   box-sizing: border-box;
 570   -webkit-transform: translate3d(0, 0, 0);
 571   transform: translate3d(0, 0, 0);
 572   z-index: 1;
 573 }
 574 .ios .link {
 575   -webkit-transition: opacity 300ms;
 576   transition: opacity 300ms;
 577 }
 578 .ios .link i + span,
 579 .ios .link i + i,
 580 .ios .link span + i,
 581 .ios .link span + span {
 582   margin-right: 7px;
 583 }
 584 .ios .link.active-state {
 585   opacity: 0.3;
 586   -webkit-transition-duration: 0ms;
 587   transition-duration: 0ms;
 588 }
 589 /* === Navbar === */
 590 .navbar {
 591   position: relative;
 592   left: 0;
 593   top: 0;
 594   width: 100%;
 595   z-index: 500;
 596   -webkit-backface-visibility: hidden;
 597   backface-visibility: hidden;
 598   -webkit-box-sizing: border-box;
 599   box-sizing: border-box;
 600   margin: 0;
 601   -webkit-transform: translate3d(0, 0, 0);
 602   transform: translate3d(0, 0, 0);
 603 }
 604 .navbar b {
 605   font-weight: 500;
 606 }
 607 .navbar a.link {
 608   display: -webkit-box;
 609   display: -webkit-flex;
 610   display: -ms-flexbox;
 611   display: flex;
 612 }
 613 .navbar .title,
 614 .navbar .left,
 615 .navbar .right {
 616   position: relative;
 617   z-index: 1;
 618 }
 619 .navbar .title {
 620   text-align: center;
 621   position: relative;
 622   overflow: hidden;
 623   text-overflow: ellipsis;
 624   white-space: nowrap;
 625   -webkit-flex-shrink: 10;
 626   -ms-flex-negative: 10;
 627   flex-shrink: 10;
 628   font-weight: 500;
 629   display: inline-block;
 630 }
 631 .navbar .subtitle {
 632   display: block;
 633 }
 634 .navbar .left,
 635 .navbar .right {
 636   -webkit-flex-shrink: 0;
 637   -ms-flex-negative: 0;
 638   flex-shrink: 0;
 639   display: -webkit-box;
 640   display: -webkit-flex;
 641   display: -ms-flexbox;
 642   display: flex;
 643   -webkit-box-pack: start;
 644   -webkit-justify-content: flex-start;
 645   -ms-flex-pack: start;
 646   justify-content: flex-start;
 647   -webkit-box-align: center;
 648   -webkit-align-items: center;
 649   -ms-flex-align: center;
 650   align-items: center;
 651   -webkit-transform: translate3d(0, 0, 0);
 652   transform: translate3d(0, 0, 0);
 653 }
 654 .navbar .right:first-child {
 655   position: absolute;
 656   height: 100%;
 657 }
 658 .navbar-inner {
 659   position: absolute;
 660   left: 0;
 661   top: 0;
 662   width: 100%;
 663   height: 100%;
 664   display: -webkit-box;
 665   display: -webkit-flex;
 666   display: -ms-flexbox;
 667   display: flex;
 668   -webkit-box-align: center;
 669   -webkit-align-items: center;
 670   -ms-flex-align: center;
 671   align-items: center;
 672   -webkit-box-sizing: border-box;
 673   box-sizing: border-box;
 674 }
 675 .navbar-inner.stacked {
 676   display: none;
 677 }
 678 .views > .navbar,
 679 .view > .navbar,
 680 .page > .navbar {
 681   position: absolute;
 682 }
 683 .ios .navbar {
 684   height: 44px;
 685   font-size: 17px;
 686   background: #f7f7f8;
 687 }
 688 .ios .navbar.no-hairline:after {
 689   display: none !important;
 690 }
 691 .ios .navbar:after {
 692   -webkit-backface-visibility: hidden;
 693   backface-visibility: hidden;
 694 }
 695 .ios .navbar a.link {
 696   -webkit-box-pack: start;
 697   -webkit-justify-content: flex-start;
 698   -ms-flex-pack: start;
 699   justify-content: flex-start;
 700   line-height: 44px;
 701   height: 44px;
 702 }
 703 .ios .navbar a.icon-only {
 704   width: 44px;
 705   margin: 0;
 706   -webkit-box-pack: center;
 707   -webkit-justify-content: center;
 708   -ms-flex-pack: center;
 709   justify-content: center;
 710 }
 711 .ios .navbar .title {
 712   font-size: 17px;
 713   margin: 0;
 714   line-height: 1.2;
 715 }
 716 .ios .navbar .subtitle {
 717   color: #6d6d72;
 718   line-height: 1;
 719   font-size: 10px;
 720   text-align: center;
 721   font-weight: normal;
 722 }
 723 .ios .navbar .left a + a,
 724 .ios .navbar .right a + a {
 725   margin-right: 15px;
 726 }
 727 .ios .navbar b,
 728 .ios .navbar .title {
 729   font-weight: 600;
 730 }
 731 .ios .navbar .left {
 732   margin-left: 10px;
 733 }
 734 .ios .navbar .right {
 735   margin-right: 10px;
 736 }
 737 .ios .navbar .right:first-child {
 738   left: 8px;
 739 }
 740 .ios .navbar:after {
 741   content: '';
 742   position: absolute;
 743   background-color: #c4c4c4;
 744   display: block;
 745   z-index: 15;
 746   top: auto;
 747   right: auto;
 748   bottom: 0;
 749   left: 0;
 750   height: 1px;
 751   width: 100%;
 752   -webkit-transform-origin: 50% 100%;
 753   transform-origin: 50% 100%;
 754 }
 755 .ios.device-pixel-ratio-2 .navbar:after {
 756   -webkit-transform: scaleY(0.5);
 757   transform: scaleY(0.5);
 758 }
 759 .ios.device-pixel-ratio-3 .navbar:after {
 760   -webkit-transform: scaleY(0.33);
 761   transform: scaleY(0.33);
 762 }
 763 .ios .navbar-inner {
 764   -webkit-box-pack: justify;
 765   -webkit-justify-content: space-between;
 766   -ms-flex-pack: justify;
 767   justify-content: space-between;
 768   padding: 0 8px;
 769 }
 770 .ios .navbar ~ *:not(.no-navbar) .page-content,
 771 .ios .navbar ~ .page-content {
 772   padding-top: 44px;
 773 }
 774 .ios .navbar-previous {
 775   pointer-events: none;
 776 }
 777 .ios .navbar-previous .left,
 778 .ios .navbar-previous .right,
 779 .ios .navbar-previous > .title,
 780 .ios .navbar-previous .subnavbar,
 781 .ios .navbar-previous .fading {
 782   opacity: 0;
 783 }
 784 .ios .navbar-previous .sliding {
 785   opacity: 0;
 786 }
 787 .ios .navbar-previous .subnavbar.sliding,
 788 .ios .navbar-previous.sliding .subnavbar {
 789   opacity: 1;
 790   -webkit-transform: translate3d(-100%, 0, 0);
 791   transform: translate3d(-100%, 0, 0);
 792 }
 793 .ios .navbar-next {
 794   pointer-events: none;
 795 }
 796 .ios .navbar-next .left,
 797 .ios .navbar-next .right,
 798 .ios .navbar-next > .title,
 799 .ios .navbar-next .subnavbar,
 800 .ios .navbar-next .fading {
 801   opacity: 0;
 802 }
 803 .ios .navbar-next .sliding {
 804   opacity: 0;
 805 }
 806 .ios .navbar-next.sliding .left,
 807 .ios .navbar-next.sliding .right,
 808 .ios .navbar-next.sliding > .title,
 809 .ios .navbar-next.sliding .subnavbar {
 810   opacity: 0;
 811 }
 812 .ios .navbar-next .subnavbar.sliding,
 813 .ios .navbar-next.sliding .subnavbar {
 814   opacity: 1;
 815   -webkit-transform: translate3d(100%, 0, 0);
 816   transform: translate3d(100%, 0, 0);
 817 }
 818 .ios .navbar-transitioning {
 819   -webkit-transition-duration: 400ms;
 820   transition-duration: 400ms;
 821 }
 822 .ios .navbar-hidden {
 823   -webkit-transform: translate3d(0, -100%, 0);
 824   transform: translate3d(0, -100%, 0);
 825 }
 826 .ios .router-transition-css-forward .navbar-current .left,
 827 .ios .router-transition-css-backward .navbar-current .left,
 828 .ios .router-transition-css-forward .navbar-current > .title,
 829 .ios .router-transition-css-backward .navbar-current > .title,
 830 .ios .router-transition-css-forward .navbar-current .right,
 831 .ios .router-transition-css-backward .navbar-current .right,
 832 .ios .router-transition-css-forward .navbar-current .subnavbar,
 833 .ios .router-transition-css-backward .navbar-current .subnavbar {
 834   -webkit-animation: ios-navbar-element-fade-out 400ms forwards;
 835   animation: ios-navbar-element-fade-out 400ms forwards;
 836 }
 837 .ios .router-transition-css-forward .navbar-current .sliding,
 838 .ios .router-transition-css-backward .navbar-current .sliding,
 839 .ios .router-transition-css-forward .navbar-current .left.sliding .icon,
 840 .ios .router-transition-css-backward .navbar-current .left.sliding .icon,
 841 .ios .router-transition-css-forward .navbar-current.sliding .left,
 842 .ios .router-transition-css-backward .navbar-current.sliding .left,
 843 .ios .router-transition-css-forward .navbar-current.sliding .left .icon,
 844 .ios .router-transition-css-backward .navbar-current.sliding .left .icon,
 845 .ios .router-transition-css-forward .navbar-current.sliding > .title,
 846 .ios .router-transition-css-backward .navbar-current.sliding > .title,
 847 .ios .router-transition-css-forward .navbar-current.sliding .right,
 848 .ios .router-transition-css-backward .navbar-current.sliding .right {
 849   -webkit-transition-duration: 400ms;
 850   transition-duration: 400ms;
 851   opacity: 0 !important;
 852   -webkit-animation: none;
 853   animation: none;
 854 }
 855 .ios .router-transition-css-forward .navbar-current.sliding .subnavbar,
 856 .ios .router-transition-css-backward .navbar-current.sliding .subnavbar,
 857 .ios .router-transition-css-forward .navbar-current .sliding.subnavbar,
 858 .ios .router-transition-css-backward .navbar-current .sliding.subnavbar {
 859   -webkit-transition-duration: 400ms;
 860   transition-duration: 400ms;
 861   -webkit-animation: none;
 862   animation: none;
 863   opacity: 1;
 864 }
 865 .ios .router-transition-css-forward .navbar-next .left,
 866 .ios .router-transition-css-backward .navbar-previous .left,
 867 .ios .router-transition-css-forward .navbar-next > .title,
 868 .ios .router-transition-css-backward .navbar-previous > .title,
 869 .ios .router-transition-css-forward .navbar-next .right,
 870 .ios .router-transition-css-backward .navbar-previous .right,
 871 .ios .router-transition-css-forward .navbar-next .subnavbar,
 872 .ios .router-transition-css-backward .navbar-previous .subnavbar {
 873   -webkit-animation: ios-navbar-element-fade-in 400ms forwards;
 874   animation: ios-navbar-element-fade-in 400ms forwards;
 875 }
 876 .ios .router-transition-css-forward .navbar-next .sliding,
 877 .ios .router-transition-css-backward .navbar-previous .sliding,
 878 .ios .router-transition-css-forward .navbar-next .left.sliding .icon,
 879 .ios .router-transition-css-backward .navbar-previous .left.sliding .icon,
 880 .ios .router-transition-css-forward .navbar-next.sliding .left,
 881 .ios .router-transition-css-backward .navbar-previous.sliding .left,
 882 .ios .router-transition-css-forward .navbar-next.sliding .left .icon,
 883 .ios .router-transition-css-backward .navbar-previous.sliding .left .icon,
 884 .ios .router-transition-css-forward .navbar-next.sliding > .title,
 885 .ios .router-transition-css-backward .navbar-previous.sliding > .title,
 886 .ios .router-transition-css-forward .navbar-next.sliding .right,
 887 .ios .router-transition-css-backward .navbar-previous.sliding .right,
 888 .ios .router-transition-css-forward .navbar-next.sliding .subnavbar,
 889 .ios .router-transition-css-backward .navbar-previous.sliding .subnavbar {
 890   -webkit-transition-duration: 400ms;
 891   transition-duration: 400ms;
 892   -webkit-animation: none;
 893   animation: none;
 894   -webkit-transform: translate3d(0, 0, 0) !important;
 895   transform: translate3d(0, 0, 0) !important;
 896   opacity: 1 !important;
 897 }
 898 .ios .theme-dark .navbar,
 899 .navbar.ios .theme-dark {
 900   background: #1b1b1b;
 901 }
 902 .ios .theme-dark .navbar:after,
 903 .navbar.ios .theme-dark:after {
 904   background-color: #282829;
 905 }
 906 .ios .theme-dark .navbar .subtitle,
 907 .navbar.ios .theme-dark .subtitle {
 908   color: #8e8e93;
 909 }
 910 @media (orientation: landscape) {
 911   .ios.device-iphone-x .ios-left-edge .navbar-inner,
 912   .ios.device-iphone-x .ios-edges .navbar-inner,
 913   .ios.device-iphone-x .popup .navbar-inner,
 914   .ios.device-iphone-x .sheet-modal .navbar-inner,
 915   .ios.device-iphone-x .panel-left .navbar-inner {
 916     padding-left: calc(8px + constant(safe-area-inset-right));
 917     padding-left: calc(8px + env(safe-area-inset-right));
 918   }
 919   .ios.device-iphone-x .ios-right-edge .navbar-inner,
 920   .ios.device-iphone-x .ios-edges .navbar-inner,
 921   .ios.device-iphone-x .popup .navbar-inner,
 922   .ios.device-iphone-x .sheet-modal .navbar-inner,
 923   .ios.device-iphone-x .panel-right .navbar-inner {
 924     padding-right: calc(8px + constant(safe-area-inset-right));
 925     padding-right: calc(8px + env(safe-area-inset-right));
 926   }
 927 }
 928 @-webkit-keyframes ios-navbar-element-fade-in {
 929   from {
 930     opacity: 0;
 931   }
 932   to {
 933     opacity: 1;
 934   }
 935 }
 936 @keyframes ios-navbar-element-fade-in {
 937   from {
 938     opacity: 0;
 939   }
 940   to {
 941     opacity: 1;
 942   }
 943 }
 944 @-webkit-keyframes ios-navbar-element-fade-out {
 945   from {
 946     opacity: 1;
 947   }
 948   to {
 949     opacity: 0;
 950   }
 951 }
 952 @keyframes ios-navbar-element-fade-out {
 953   from {
 954     opacity: 1;
 955   }
 956   to {
 957     opacity: 0;
 958   }
 959 }
 960 /* === Toolbar === */
 961 .toolbar {
 962   width: 100%;
 963   position: relative;
 964   margin: 0;
 965   -webkit-transform: translate3d(0, 0, 0);
 966   transform: translate3d(0, 0, 0);
 967   -webkit-backface-visibility: hidden;
 968   backface-visibility: hidden;
 969   z-index: 500;
 970   -webkit-box-sizing: border-box;
 971   box-sizing: border-box;
 972   left: 0;
 973 }
 974 .toolbar b {
 975   font-weight: 500;
 976 }
 977 .toolbar a {
 978   -webkit-box-sizing: border-box;
 979   box-sizing: border-box;
 980   -webkit-flex-shrink: 1;
 981   -ms-flex-negative: 1;
 982   flex-shrink: 1;
 983   position: relative;
 984   white-space: nowrap;
 985   text-overflow: ellipsis;
 986 }
 987 .toolbar a.link {
 988   display: -webkit-box;
 989   display: -webkit-flex;
 990   display: -ms-flexbox;
 991   display: flex;
 992 }
 993 .toolbar i.icon {
 994   display: block;
 995 }
 996 .toolbar-inner {
 997   position: absolute;
 998   left: 0;
 999   top: 0;
1000   width: 100%;
1001   height: 100%;
1002   display: -webkit-box;
1003   display: -webkit-flex;
1004   display: -ms-flexbox;
1005   display: flex;
1006   -webkit-box-pack: justify;
1007   -webkit-justify-content: space-between;
1008   -ms-flex-pack: justify;
1009   justify-content: space-between;
1010   -webkit-box-sizing: border-box;
1011   box-sizing: border-box;
1012   -webkit-box-align: center;
1013   -webkit-align-items: center;
1014   -ms-flex-align: center;
1015   align-items: center;
1016   -webkit-align-content: center;
1017   -ms-flex-line-pack: center;
1018   align-content: center;
1019 }
1020 .views > .tabbar,
1021 .views > .tabbar-labels {
1022   z-index: 5001;
1023 }
1024 .tabbar a.link,
1025 .tabbar-labels a.link {
1026   line-height: 1.4;
1027 }
1028 .tabbar a.tab-link,
1029 .tabbar-labels a.tab-link,
1030 .tabbar a.link,
1031 .tabbar-labels a.link {
1032   height: 100%;
1033   width: 100%;
1034   -webkit-box-sizing: border-box;
1035   box-sizing: border-box;
1036   display: -webkit-box;
1037   display: -webkit-flex;
1038   display: -ms-flexbox;
1039   display: flex;
1040   -webkit-box-pack: center;
1041   -webkit-justify-content: center;
1042   -ms-flex-pack: center;
1043   justify-content: center;
1044   -webkit-box-align: center;
1045   -webkit-align-items: center;
1046   -ms-flex-align: center;
1047   align-items: center;
1048   -webkit-box-orient: vertical;
1049   -webkit-box-direction: normal;
1050   -webkit-flex-direction: column;
1051   -ms-flex-direction: column;
1052   flex-direction: column;
1053 }
1054 .tabbar-labels a.tab-link,
1055 .tabbar-labels a.link {
1056   height: 100%;
1057   -webkit-box-pack: justify;
1058   -webkit-justify-content: space-between;
1059   -ms-flex-pack: justify;
1060   justify-content: space-between;
1061   -webkit-box-align: center;
1062   -webkit-align-items: center;
1063   -ms-flex-align: center;
1064   align-items: center;
1065 }
1066 .tabbar-labels a.tab-link .tabbar-label,
1067 .tabbar-labels a.link .tabbar-label {
1068   display: block;
1069   line-height: 1;
1070   margin: 0;
1071   position: relative;
1072   text-overflow: ellipsis;
1073   white-space: nowrap;
1074 }
1075 .tabbar-scrollable .toolbar-inner {
1076   overflow: auto;
1077   -webkit-overflow-scrolling: touch;
1078 }
1079 .tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
1080   display: none !important;
1081   width: 0 !important;
1082   height: 0 !important;
1083   -webkit-appearance: none;
1084   opacity: 0 !important;
1085 }
1086 .tabbar-scrollable a.tab-link,
1087 .tabbar-scrollable a.link {
1088   width: auto;
1089   -webkit-flex-shrink: 0;
1090   -ms-flex-negative: 0;
1091   flex-shrink: 0;
1092 }
1093 .views > .toolbar,
1094 .view > .toolbar,
1095 .page > .toolbar {
1096   position: absolute;
1097 }
1098 .ios .toolbar {
1099   height: 44px;
1100   font-size: 17px;
1101   background: #f7f7f8;
1102   bottom: 0;
1103 }
1104 .ios .toolbar:after {
1105   -webkit-backface-visibility: hidden;
1106   backface-visibility: hidden;
1107 }
1108 .ios .toolbar a.link {
1109   line-height: 44px;
1110   height: 44px;
1111 }
1112 .ios .toolbar a.link i + span,
1113 .ios .toolbar a.link i + i,
1114 .ios .toolbar a.link span + i,
1115 .ios .toolbar a.link span + span {
1116   margin-right: 7px;
1117 }
1118 .ios .toolbar a.icon-only {
1119   min-height: 44px;
1120   display: -webkit-box;
1121   display: -webkit-flex;
1122   display: -ms-flexbox;
1123   display: flex;
1124   -webkit-box-pack: center;
1125   -webkit-justify-content: center;
1126   -ms-flex-pack: center;
1127   justify-content: center;
1128   -webkit-box-align: center;
1129   -webkit-align-items: center;
1130   -ms-flex-align: center;
1131   align-items: center;
1132   margin: 0;
1133   min-width: 44px;
1134 }
1135 .ios .toolbar b {
1136   font-weight: 600;
1137 }
1138 .ios .toolbar.no-hairline:before {
1139   display: none !important;
1140 }
1141 .ios .toolbar:before {
1142   content: '';
1143   position: absolute;
1144   background-color: #c4c4c4;
1145   display: block;
1146   z-index: 15;
1147   top: 0;
1148   right: auto;
1149   bottom: auto;
1150   left: 0;
1151   height: 1px;
1152   width: 100%;
1153   -webkit-transform-origin: 50% 0%;
1154   transform-origin: 50% 0%;
1155 }
1156 .ios.device-pixel-ratio-2 .toolbar:before {
1157   -webkit-transform: scaleY(0.5);
1158   transform: scaleY(0.5);
1159 }
1160 .ios.device-pixel-ratio-3 .toolbar:before {
1161   -webkit-transform: scaleY(0.33);
1162   transform: scaleY(0.33);
1163 }
1164 .ios .toolbar-inner {
1165   padding: 0 8px;
1166 }
1167 .ios .tabbar,
1168 .ios .tabbar-labels {
1169   color: #929292;
1170 }
1171 .ios .tabbar a,
1172 .ios .tabbar-labels a {
1173   color: #929292;
1174 }
1175 .ios .tabbar a.tab-link-active,
1176 .ios .tabbar-labels a.tab-link-active {
1177   color: #007aff;
1178 }
1179 .ios .tabbar i.icon,
1180 .ios .tabbar-labels i.icon {
1181   height: 30px;
1182 }
1183 .ios .tabbar-labels {
1184   height: 50px;
1185 }
1186 .ios .tabbar-labels a.tab-link,
1187 .ios .tabbar-labels a.link {
1188   padding-top: 4px;
1189   padding-bottom: 4px;
1190 }
1191 .ios .tabbar-labels a.tab-link i + span,
1192 .ios .tabbar-labels a.link i + span {
1193   margin: 0;
1194 }
1195 .ios .tabbar-labels .tabbar-label {
1196   letter-spacing: 0.01em;
1197   font-size: 10px;
1198 }
1199 @media (min-width: 768px) {
1200   .ios .tabbar .toolbar-inner,
1201   .ios .tabbar-labels .toolbar-inner {
1202     -webkit-box-pack: center;
1203     -webkit-justify-content: center;
1204     -ms-flex-pack: center;
1205     justify-content: center;
1206   }
1207   .ios .tabbar a.tab-link,
1208   .ios .tabbar-labels a.tab-link,
1209   .ios .tabbar a.link,
1210   .ios .tabbar-labels a.link {
1211     width: auto;
1212     min-width: 105px;
1213   }
1214   .ios .tabbar-labels {
1215     height: 56px;
1216   }
1217   .ios .tabbar-labels .tabbar-label {
1218     font-size: 14px;
1219   }
1220 }
1221 .ios .tabbar-scrollable .toolbar-inner {
1222   -webkit-box-pack: start;
1223   -webkit-justify-content: flex-start;
1224   -ms-flex-pack: start;
1225   justify-content: flex-start;
1226 }
1227 .ios .tabbar-scrollable a.tab-link,
1228 .ios .tabbar-scrollable a.link {
1229   padding: 0 8px;
1230 }
1231 .ios .toolbar ~ * .page-content,
1232 .ios .toolbar ~ .page-content {
1233   padding-bottom: 44px;
1234 }
1235 .ios .tabbar-labels ~ * .page-content,
1236 .ios .tabbar-labels ~ .page-content {
1237   padding-bottom: 50px;
1238 }
1239 @media (min-width: 768px) {
1240   .ios .tabbar-labels ~ * .page-content,
1241   .ios .tabbar-labels ~ .page-content {
1242     padding-bottom: 56px;
1243   }
1244 }
1245 .ios .toolbar-transitioning {
1246   -webkit-transition-duration: 400ms;
1247   transition-duration: 400ms;
1248 }
1249 .ios .toolbar-hidden {
1250   -webkit-transform: translate3d(0, 100%, 0);
1251   transform: translate3d(0, 100%, 0);
1252 }
1253 .ios .theme-dark .toolbar,
1254 .toolbar.ios .theme-dark {
1255   background: #1b1b1b;
1256 }
1257 .ios .theme-dark .toolbar:before,
1258 .toolbar.ios .theme-dark:before {
1259   background-color: #282829;
1260 }
1261 .ios .color-theme-red .tabbar a.tab-link-active,
1262 .ios .color-theme-red .tabbar-labels a.tab-link-active,
1263 .ios .color-theme-red.tabbar-labels a.tab-link-active,
1264 .ios .color-theme-red.tabbar a.tab-link-active {
1265   color: #ff3b30;
1266 }
1267 .ios .color-theme-green .tabbar a.tab-link-active,
1268 .ios .color-theme-green .tabbar-labels a.tab-link-active,
1269 .ios .color-theme-green.tabbar-labels a.tab-link-active,
1270 .ios .color-theme-green.tabbar a.tab-link-active {
1271   color: #4cd964;
1272 }
1273 .ios .color-theme-blue .tabbar a.tab-link-active,
1274 .ios .color-theme-blue .tabbar-labels a.tab-link-active,
1275 .ios .color-theme-blue.tabbar-labels a.tab-link-active,
1276 .ios .color-theme-blue.tabbar a.tab-link-active {
1277   color: #007aff;
1278 }
1279 .ios .color-theme-pink .tabbar a.tab-link-active,
1280 .ios .color-theme-pink .tabbar-labels a.tab-link-active,
1281 .ios .color-theme-pink.tabbar-labels a.tab-link-active,
1282 .ios .color-theme-pink.tabbar a.tab-link-active {
1283   color: #ff2d55;
1284 }
1285 .ios .color-theme-yellow .tabbar a.tab-link-active,
1286 .ios .color-theme-yellow .tabbar-labels a.tab-link-active,
1287 .ios .color-theme-yellow.tabbar-labels a.tab-link-active,
1288 .ios .color-theme-yellow.tabbar a.tab-link-active {
1289   color: #ffcc00;
1290 }
1291 .ios .color-theme-orange .tabbar a.tab-link-active,
1292 .ios .color-theme-orange .tabbar-labels a.tab-link-active,
1293 .ios .color-theme-orange.tabbar-labels a.tab-link-active,
1294 .ios .color-theme-orange.tabbar a.tab-link-active {
1295   color: #ff9500;
1296 }
1297 .ios .color-theme-gray .tabbar a.tab-link-active,
1298 .ios .color-theme-gray .tabbar-labels a.tab-link-active,
1299 .ios .color-theme-gray.tabbar-labels a.tab-link-active,
1300 .ios .color-theme-gray.tabbar a.tab-link-active {
1301   color: #8e8e93;
1302 }
1303 .ios .color-theme-white .tabbar a.tab-link-active,
1304 .ios .color-theme-white .tabbar-labels a.tab-link-active,
1305 .ios .color-theme-white.tabbar-labels a.tab-link-active,
1306 .ios .color-theme-white.tabbar a.tab-link-active {
1307   color: #ffffff;
1308 }
1309 .ios .color-theme-black .tabbar a.tab-link-active,
1310 .ios .color-theme-black .tabbar-labels a.tab-link-active,
1311 .ios .color-theme-black.tabbar-labels a.tab-link-active,
1312 .ios .color-theme-black.tabbar a.tab-link-active {
1313   color: #000000;
1314 }
1315 .ios .tabbar-labels.color-red a.tab-link-active,
1316 .ios .tabbar.color-red a.tab-link-active {
1317   color: #ff3b30;
1318 }
1319 .ios .tabbar-labels.color-green a.tab-link-active,
1320 .ios .tabbar.color-green a.tab-link-active {
1321   color: #4cd964;
1322 }
1323 .ios .tabbar-labels.color-blue a.tab-link-active,
1324 .ios .tabbar.color-blue a.tab-link-active {
1325   color: #007aff;
1326 }
1327 .ios .tabbar-labels.color-pink a.tab-link-active,
1328 .ios .tabbar.color-pink a.tab-link-active {
1329   color: #ff2d55;
1330 }
1331 .ios .tabbar-labels.color-yellow a.tab-link-active,
1332 .ios .tabbar.color-yellow a.tab-link-active {
1333   color: #ffcc00;
1334 }
1335 .ios .tabbar-labels.color-orange a.tab-link-active,
1336 .ios .tabbar.color-orange a.tab-link-active {
1337   color: #ff9500;
1338 }
1339 .ios .tabbar-labels.color-gray a.tab-link-active,
1340 .ios .tabbar.color-gray a.tab-link-active {
1341   color: #8e8e93;
1342 }
1343 .ios .tabbar-labels.color-white a.tab-link-active,
1344 .ios .tabbar.color-white a.tab-link-active {
1345   color: #ffffff;
1346 }
1347 .ios .tabbar-labels.color-black a.tab-link-active,
1348 .ios .tabbar.color-black a.tab-link-active {
1349   color: #000000;
1350 }
1351 .ios.device-iphone-x .views > .toolbar,
1352 .ios.device-iphone-x .view > .toolbar,
1353 .ios.device-iphone-x .page > .toolbar,
1354 .ios.device-iphone-x .popup > .toolbar,
1355 .ios.device-iphone-x .panel > .toolbar,
1356 .ios.device-iphone-x .login-screen > .toolbar {
1357   height: calc(44px + constant(safe-area-inset-bottom));
1358   height: calc(44px + env(safe-area-inset-bottom));
1359 }
1360 .ios.device-iphone-x .views > .toolbar .toolbar-inner,
1361 .ios.device-iphone-x .view > .toolbar .toolbar-inner,
1362 .ios.device-iphone-x .page > .toolbar .toolbar-inner,
1363 .ios.device-iphone-x .popup > .toolbar .toolbar-inner,
1364 .ios.device-iphone-x .panel > .toolbar .toolbar-inner,
1365 .ios.device-iphone-x .login-screen > .toolbar .toolbar-inner {
1366   height: auto;
1367   bottom: constant(safe-area-inset-bottom);
1368   bottom: env(safe-area-inset-bottom);
1369 }
1370 .ios.device-iphone-x .views > .tabbar-labels,
1371 .ios.device-iphone-x .view > .tabbar-labels,
1372 .ios.device-iphone-x .page > .tabbar-labels,
1373 .ios.device-iphone-x .popup > .tabbar-labels,
1374 .ios.device-iphone-x .panel > .tabbar-labels,
1375 .ios.device-iphone-x .login-screen > .tabbar-labels {
1376   height: calc(50px + constant(safe-area-inset-bottom));
1377   height: calc(50px + env(safe-area-inset-bottom));
1378 }
1379 @media (min-width: 768px) {
1380   .ios.device-iphone-x .views > .tabbar-labels,
1381   .ios.device-iphone-x .view > .tabbar-labels,
1382   .ios.device-iphone-x .page > .tabbar-labels,
1383   .ios.device-iphone-x .popup > .tabbar-labels,
1384   .ios.device-iphone-x .panel > .tabbar-labels,
1385   .ios.device-iphone-x .login-screen > .tabbar-labels {
1386     height: calc(56px + constant(safe-area-inset-bottom));
1387     height: calc(56px + env(safe-area-inset-bottom));
1388   }
1389 }
1390 .ios.device-iphone-x .toolbar ~ * .page-content,
1391 .ios.device-iphone-x .toolbar ~ .page-content {
1392   padding-bottom: calc(44px + constant(safe-area-inset-bottom));
1393   padding-bottom: calc(44px + env(safe-area-inset-bottom));
1394 }
1395 .ios.device-iphone-x .tabbar-labels ~ * .page-content,
1396 .ios.device-iphone-x .tabbar-labels ~ .page-content {
1397   padding-bottom: calc(50px + constant(safe-area-inset-bottom));
1398   padding-bottom: calc(50px + env(safe-area-inset-bottom));
1399 }
1400 @media (min-width: 768px) {
1401   .ios.device-iphone-x .tabbar-labels ~ * .page-content,
1402   .ios.device-iphone-x .tabbar-labels ~ .page-content {
1403     padding-bottom: calc(56px + constant(safe-area-inset-bottom));
1404     padding-bottom: calc(56px + env(safe-area-inset-bottom));
1405   }
1406 }
1407 @media (orientation: landscape) {
1408   .ios.device-iphone-x .ios-left-edge .toolbar-inner,
1409   .ios.device-iphone-x .ios-edges .toolbar-inner,
1410   .ios.device-iphone-x .popup .toolbar-inner,
1411   .ios.device-iphone-x .sheet-modal .toolbar-inner,
1412   .ios.device-iphone-x .panel-left .toolbar-inner {
1413     padding-left: calc(8px + constant(safe-area-inset-left));
1414     padding-left: calc(8px + env(safe-area-inset-left));
1415   }
1416   .ios.device-iphone-x .ios-right-edge .toolbar-inner,
1417   .ios.device-iphone-x .ios-edges .toolbar-inner,
1418   .ios.device-iphone-x .popup .toolbar-inner,
1419   .ios.device-iphone-x .sheet-modal .toolbar-inner,
1420   .ios.device-iphone-x .panel-right .toolbar-inner {
1421     padding-right: calc(8px + constant(safe-area-inset-right));
1422     padding-right: calc(8px + env(safe-area-inset-right));
1423   }
1424 }
1425 /* === Subnavbar === */
1426 .subnavbar {
1427   width: 100%;
1428   position: absolute;
1429   left: 0;
1430   top: 0;
1431   z-index: 500;
1432   -webkit-box-sizing: border-box;
1433   box-sizing: border-box;
1434   display: -webkit-box;
1435   display: -webkit-flex;
1436   display: -ms-flexbox;
1437   display: flex;
1438   -webkit-box-pack: justify;
1439   -webkit-justify-content: space-between;
1440   -ms-flex-pack: justify;
1441   justify-content: space-between;
1442   -webkit-box-align: center;
1443   -webkit-align-items: center;
1444   -ms-flex-align: center;
1445   align-items: center;
1446 }
1447 .subnavbar .title {
1448   position: relative;
1449   overflow: hidden;
1450   text-overflow: ellpsis;
1451   white-space: nowrap;
1452 }
1453 .subnavbar .left,
1454 .subnavbar .right {
1455   -webkit-flex-shrink: 0;
1456   -ms-flex-negative: 0;
1457   flex-shrink: 0;
1458   display: -webkit-box;
1459   display: -webkit-flex;
1460   display: -ms-flexbox;
1461   display: flex;
1462   -webkit-box-pack: start;
1463   -webkit-justify-content: flex-start;
1464   -ms-flex-pack: start;
1465   justify-content: flex-start;
1466   -webkit-box-align: center;
1467   -webkit-align-items: center;
1468   -ms-flex-align: center;
1469   align-items: center;
1470 }
1471 .subnavbar .right:first-child {
1472   position: absolute;
1473   height: 100%;
1474 }
1475 .subnavbar-inner {
1476   width: 100%;
1477   height: 100%;
1478   display: -webkit-box;
1479   display: -webkit-flex;
1480   display: -ms-flexbox;
1481   display: flex;
1482   -webkit-box-align: center;
1483   -webkit-align-items: center;
1484   -ms-flex-align: center;
1485   align-items: center;
1486   -webkit-box-sizing: border-box;
1487   box-sizing: border-box;
1488   -webkit-box-pack: justify;
1489   -webkit-justify-content: space-between;
1490   -ms-flex-pack: justify;
1491   justify-content: space-between;
1492   overflow: hidden;
1493 }
1494 .subnavbar-inner.stacked {
1495   display: none;
1496 }
1497 .navbar .subnavbar {
1498   top: 100%;
1499 }
1500 .views > .navbar,
1501 .view > .navbar,
1502 .page > .navbar {
1503   position: absolute;
1504 }
1505 .ios .subnavbar {
1506   height: 45px;
1507   margin-top: -1px;
1508   padding-top: 1px;
1509   background: #f7f7f8;
1510 }
1511 .ios .subnavbar.no-hairline:after {
1512   display: none !important;
1513 }
1514 .ios .subnavbar .title {
1515   font-weight: 700;
1516   line-height: 1;
1517   overflow: visible;
1518   font-size: 34px;
1519   text-align: center;
1520   display: -webkit-box;
1521   display: -webkit-flex;
1522   display: -ms-flexbox;
1523   display: flex;
1524   -webkit-box-align: center;
1525   -webkit-align-items: center;
1526   -ms-flex-align: center;
1527   align-items: center;
1528   -webkit-align-self: flex-start;
1529   -ms-flex-item-align: start;
1530   align-self: flex-start;
1531   -webkit-flex-shrink: 10;
1532   -ms-flex-negative: 10;
1533   flex-shrink: 10;
1534   letter-spacing: -0.03em;
1535 }
1536 .ios .subnavbar .title {
1537   margin-right: 7px;
1538 }
1539 .ios .subnavbar .left a + a,
1540 .ios .subnavbar .right a + a {
1541   margin-right: 15px;
1542 }
1543 .ios .subnavbar .left {
1544   margin-left: 10px;
1545 }
1546 .ios .subnavbar .right {
1547   margin-right: 10px;
1548 }
1549 .ios .subnavbar .right:first-child {
1550   left: 8px;
1551 }
1552 .ios .subnavbar a.link {
1553   line-height: 44px;
1554   height: 44px;
1555   -webkit-box-pack: start;
1556   -webkit-justify-content: flex-start;
1557   -ms-flex-pack: start;
1558   justify-content: flex-start;
1559 }
1560 .ios .subnavbar a.icon-only {
1561   min-width: 44px;
1562   -webkit-box-pack: center;
1563   -webkit-justify-content: center;
1564   -ms-flex-pack: center;
1565   justify-content: center;
1566   margin: 0;
1567 }
1568 .ios .subnavbar:after {
1569   content: '';
1570   position: absolute;
1571   background-color: #c4c4c4;
1572   display: block;
1573   z-index: 15;
1574   top: auto;
1575   right: auto;
1576   bottom: 0;
1577   left: 0;
1578   height: 1px;
1579   width: 100%;
1580   -webkit-transform-origin: 50% 100%;
1581   transform-origin: 50% 100%;
1582 }
1583 .ios.device-pixel-ratio-2 .subnavbar:after {
1584   -webkit-transform: scaleY(0.5);
1585   transform: scaleY(0.5);
1586 }
1587 .ios.device-pixel-ratio-3 .subnavbar:after {
1588   -webkit-transform: scaleY(0.33);
1589   transform: scaleY(0.33);
1590 }
1591 .ios .subnavbar-inner {
1592   padding: 0 8px;
1593 }
1594 .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar,
1595 .ios .navbar ~ .subnavbar {
1596   top: 44px;
1597 }
1598 .ios .page-with-subnavbar .page-content,
1599 .ios .subnavbar ~ .page-content,
1600 .ios .subnavbar ~ * .page-content {
1601   padding-top: 44px;
1602 }
1603 .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content,
1604 .ios .page-with-subnavbar .navbar ~ .page-content,
1605 .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content,
1606 .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
1607   padding-top: 88px;
1608 }
1609 .ios .theme-dark .subnavbar,
1610 .subnavbar.ios .theme-dark {
1611   background: #1b1b1b;
1612 }
1613 .ios .theme-dark .subnavbar:after,
1614 .subnavbar.ios .theme-dark:after {
1615   background-color: #282829;
1616 }
1617 @media (orientation: landscape) {
1618   .ios.device-iphone-x .ios-left-edge .subnavbar-inner,
1619   .ios.device-iphone-x .ios-edges .subnavbar-inner,
1620   .ios.device-iphone-x .popup .subnavbar-inner,
1621   .ios.device-iphone-x .sheet-modal .subnavbar-inner,
1622   .ios.device-iphone-x .panel-left .subnavbar-inner {
1623     padding-left: calc(8px + constant(safe-area-inset-left));
1624     padding-left: calc(8px + env(safe-area-inset-left));
1625   }
1626   .ios.device-iphone-x .ios-right-edge .subnavbar-inner,
1627   .ios.device-iphone-x .ios-edges .subnavbar-inner,
1628   .ios.device-iphone-x .popup .subnavbar-inner,
1629   .ios.device-iphone-x .sheet-modal .subnavbar-inner,
1630   .ios.device-iphone-x .panel-right .subnavbar-inner {
1631     padding-right: calc(8px + constant(safe-area-inset-right));
1632     padding-right: calc(8px + env(safe-area-inset-right));
1633   }
1634 }
1635 /* === Content Block === */
1636 .block {
1637   -webkit-box-sizing: border-box;
1638   box-sizing: border-box;
1639   position: relative;
1640   z-index: 1;
1641 }
1642 .block.no-hairlines:before,
1643 .block.no-hairlines ul:before,
1644 .md .block.no-hairlines-md:before,
1645 .md .block.no-hairlines-md ul:before,
1646 .ios .block.no-hairlines-ios:before,
1647 .ios .block.no-hairlines-ios ul:before {
1648   display: none !important;
1649 }
1650 .block.no-hairlines:after,
1651 .block.no-hairlines ul:after,
1652 .md .block.no-hairlines-md:after,
1653 .md .block.no-hairlines-md ul:after,
1654 .ios .block.no-hairlines-ios:after,
1655 .ios .block.no-hairlines-ios ul:after {
1656   display: none !important;
1657 }
1658 .block.no-hairline-top:before,
1659 .block.no-hairline-top ul:before,
1660 .md .block.no-hairline-top-md:before,
1661 .md .block.no-hairline-top-md ul:before,
1662 .ios .block.no-hairline-top-ios:before,
1663 .ios .block.no-hairline-top-ios ul:before {
1664   display: none !important;
1665 }
1666 .block.no-hairline-bottom:after,
1667 .block.no-hairline-bottom ul:after,
1668 .md .block.no-hairline-bottom-md:after,
1669 .md .block.no-hairline-bottom-md ul:after,
1670 .ios .block.no-hairline-bottom-ios:after,
1671 .ios .block.no-hairline-bottom-ios ul:after {
1672   display: none !important;
1673 }
1674 .block > h1:first-child,
1675 .block > h2:first-child,
1676 .block > h3:first-child,
1677 .block > h4:first-child,
1678 .block > p:first-child {
1679   margin-top: 0;
1680 }
1681 .block > h1:last-child,
1682 .block > h2:last-child,
1683 .block > h3:last-child,
1684 .block > h4:last-child,
1685 .block > p:last-child {
1686   margin-bottom: 0;
1687 }
1688 .block-title {
1689   position: relative;
1690   overflow: hidden;
1691   margin: 0;
1692   white-space: nowrap;
1693   text-overflow: ellipsis;
1694   font-size: 14px;
1695   line-height: 1;
1696 }
1697 .block-strong.inset {
1698   border-radius: 7px;
1699 }
1700 .block-strong.inset:before {
1701   display: none !important;
1702 }
1703 .block-strong.inset:after {
1704   display: none !important;
1705 }
1706 .block-footer,
1707 .block-header {
1708   font-size: 14px;
1709 }
1710 .block-footer ul:first-child,
1711 .block-header ul:first-child,
1712 .block-footer p:first-child,
1713 .block-header p:first-child,
1714 .block-footer h1:first-child,
1715 .block-header h1:first-child,
1716 .block-footer h2:first-child,
1717 .block-header h2:first-child,
1718 .block-footer h3:first-child,
1719 .block-header h3:first-child,
1720 .block-footer h4:first-child,
1721 .block-header h4:first-child {
1722   margin-top: 0;
1723 }
1724 .block-footer ul:last-child,
1725 .block-header ul:last-child,
1726 .block-footer p:last-child,
1727 .block-header p:last-child,
1728 .block-footer h1:last-child,
1729 .block-header h1:last-child,
1730 .block-footer h2:last-child,
1731 .block-header h2:last-child,
1732 .block-footer h3:last-child,
1733 .block-header h3:last-child,
1734 .block-footer h4:last-child,
1735 .block-header h4:last-child {
1736   margin-bottom: 0;
1737 }
1738 .block-footer ul:first-child:last-child,
1739 .block-header ul:first-child:last-child,
1740 .block-footer p:first-child:last-child,
1741 .block-header p:first-child:last-child,
1742 .block-footer h1:first-child:last-child,
1743 .block-header h1:first-child:last-child,
1744 .block-footer h2:first-child:last-child,
1745 .block-header h2:first-child:last-child,
1746 .block-footer h3:first-child:last-child,
1747 .block-header h3:first-child:last-child,
1748 .block-footer h4:first-child:last-child,
1749 .block-header h4:first-child:last-child {
1750   margin-top: 0;
1751   margin-bottom: 0;
1752 }
1753 .block-header {
1754   margin-bottom: 10px;
1755 }
1756 .block-footer {
1757   margin-top: 10px;
1758 }
1759 @media (min-width: 768px) {
1760   .block-strong.tablet-inset:before {
1761     display: none !important;
1762   }
1763   .block-strong.tablet-inset:after {
1764     display: none !important;
1765   }
1766 }
1767 /* === Content Block === */
1768 .ios .block {
1769   margin: 35px 0;
1770   padding: 0 15px;
1771   color: #6d6d72;
1772 }
1773 .ios .block-title {
1774   text-transform: uppercase;
1775   color: #6d6d72;
1776   margin: 35px 15px 10px;
1777   line-height: 17px;
1778 }
1779 .ios .block-title + .list,
1780 .ios .block-title + .block,
1781 .ios .block-title + .card,
1782 .ios .block-title + .timeline,
1783 .ios .block-title + .block-header {
1784   margin-top: 10px;
1785 }
1786 .ios .block-strong {
1787   color: #000;
1788   background: #fff;
1789   padding: 15px 15px;
1790 }
1791 .ios .block-strong:before {
1792   content: '';
1793   position: absolute;
1794   background-color: #c8c7cc;
1795   display: block;
1796   z-index: 15;
1797   top: 0;
1798   right: auto;
1799   bottom: auto;
1800   left: 0;
1801   height: 1px;
1802   width: 100%;
1803   -webkit-transform-origin: 50% 0%;
1804   transform-origin: 50% 0%;
1805 }
1806 .ios.device-pixel-ratio-2 .block-strong:before {
1807   -webkit-transform: scaleY(0.5);
1808   transform: scaleY(0.5);
1809 }
1810 .ios.device-pixel-ratio-3 .block-strong:before {
1811   -webkit-transform: scaleY(0.33);
1812   transform: scaleY(0.33);
1813 }
1814 .ios .block-strong:after {
1815   content: '';
1816   position: absolute;
1817   background-color: #c8c7cc;
1818   display: block;
1819   z-index: 15;
1820   top: auto;
1821   right: auto;
1822   bottom: 0;
1823   left: 0;
1824   height: 1px;
1825   width: 100%;
1826   -webkit-transform-origin: 50% 100%;
1827   transform-origin: 50% 100%;
1828 }
1829 .ios.device-pixel-ratio-2 .block-strong:after {
1830   -webkit-transform: scaleY(0.5);
1831   transform: scaleY(0.5);
1832 }
1833 .ios.device-pixel-ratio-3 .block-strong:after {
1834   -webkit-transform: scaleY(0.33);
1835   transform: scaleY(0.33);
1836 }
1837 .ios .block.inset {
1838   margin-left: 15px;
1839   margin-right: 15px;
1840 }
1841 .ios .block-strong-inset {
1842   border-radius: 7px;
1843 }
1844 .ios .block-header,
1845 .ios .block-footer {
1846   padding: 0 15px;
1847   color: #8f8f94;
1848 }
1849 .ios .block .block-header,
1850 .ios .block .block-footer {
1851   padding: 0 !important;
1852 }
1853 .ios .block-header {
1854   margin-top: 35px;
1855 }
1856 .ios .block-header + .list,
1857 .ios .block-header + .block,
1858 .ios .block-header + .card,
1859 .ios .block-header + .timeline {
1860   margin-top: 10px;
1861 }
1862 .ios .block-footer {
1863   margin-bottom: 35px;
1864 }
1865 .ios .list .block-header,
1866 .ios .block .block-header,
1867 .ios .card .block-header,
1868 .ios .timeline .block-header {
1869   margin-top: 0;
1870 }
1871 .ios .list .block-footer,
1872 .ios .block .block-footer,
1873 .ios .card .block-footer,
1874 .ios .timeline .block-footer {
1875   margin-bottom: 0;
1876 }
1877 .ios .list + .block-footer,
1878 .ios .block + .block-footer,
1879 .ios .card + .block-footer,
1880 .ios .timeline + .block-footer {
1881   margin-top: -25px;
1882 }
1883 .ios .block + .block-footer {
1884   margin-top: -25px;
1885   margin-bottom: 35px;
1886 }
1887 @media (min-width: 768px) {
1888   .ios .block.tablet-inset {
1889     margin-left: 15px;
1890     margin-right: 15px;
1891     border-radius: 7px;
1892   }
1893   .ios .block-strong.tablet-inset {
1894     border-radius: 7px;
1895   }
1896 }
1897 .ios .theme-dark .block-title,
1898 .ios .theme-dark .block-header,
1899 .ios .theme-dark .block-footer {
1900   color: #8E8E93;
1901 }
1902 .ios .theme-dark .block {
1903   color: #8E8E93;
1904 }
1905 .ios .theme-dark .block-strong,
1906 .ios .theme-dark.block-strong {
1907   background-color: #1c1c1d;
1908   color: #fff;
1909 }
1910 .ios .theme-dark .block-strong:before,
1911 .ios .theme-dark.block-strong:before {
1912   background-color: #282829;
1913 }
1914 .ios .theme-dark .block-strong:after,
1915 .ios .theme-dark.block-strong:after {
1916   background-color: #282829;
1917 }
1918 @media (orientation: landscape) {
1919   .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1920   .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1921   .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1922   .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1923   .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
1924   .ios.device-iphone-x .ios-left-edge .block-header,
1925   .ios.device-iphone-x .ios-edges .block-header,
1926   .ios.device-iphone-x .popup .block-header,
1927   .ios.device-iphone-x .sheet-modal .block-header,
1928   .ios.device-iphone-x .panel-left .block-header,
1929   .ios.device-iphone-x .ios-left-edge .block-footer,
1930   .ios.device-iphone-x .ios-edges .block-footer,
1931   .ios.device-iphone-x .popup .block-footer,
1932   .ios.device-iphone-x .sheet-modal .block-footer,
1933   .ios.device-iphone-x .panel-left .block-footer {
1934     padding-left: calc(15px + constant(safe-area-inset-left));
1935     padding-left: calc(15px + env(safe-area-inset-left));
1936   }
1937   .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1938   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1939   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1940   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1941   .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
1942   .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1943   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1944   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1945   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
1946   .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
1947     padding-left: 0;
1948   }
1949   .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1950   .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1951   .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1952   .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1953   .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
1954   .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1955   .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1956   .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1957   .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
1958   .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
1959     margin-left: calc(15px + constant(safe-area-inset-left));
1960     margin-left: calc(15px + env(safe-area-inset-left));
1961   }
1962   .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1963   .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1964   .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1965   .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1966   .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
1967   .ios.device-iphone-x .ios-right-edge .block-header,
1968   .ios.device-iphone-x .ios-edges .block-header,
1969   .ios.device-iphone-x .popup .block-header,
1970   .ios.device-iphone-x .sheet-modal .block-header,
1971   .ios.device-iphone-x .panel-right .block-header,
1972   .ios.device-iphone-x .ios-right-edge .block-footer,
1973   .ios.device-iphone-x .ios-edges .block-footer,
1974   .ios.device-iphone-x .popup .block-footer,
1975   .ios.device-iphone-x .sheet-modal .block-footer,
1976   .ios.device-iphone-x .panel-right .block-footer {
1977     padding-right: calc(15px + constant(safe-area-inset-right));
1978     padding-right: calc(15px + env(safe-area-inset-right));
1979   }
1980   .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1981   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1982   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1983   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1984   .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
1985   .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1986   .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1987   .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1988   .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
1989   .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
1990     padding-right: 0;
1991   }
1992   .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1993   .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1994   .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1995   .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1996   .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
1997   .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
1998   .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
1999   .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
2000   .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
2001   .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
2002     margin-right: calc(15px + constant(safe-area-inset-right));
2003     margin-right: calc(15px + env(safe-area-inset-right));
2004   }
2005 }
2006 @media (orientation: landscape) and (min-width: 768px) {
2007   .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2008   .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2009   .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2010   .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
2011   .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
2012     margin-left: calc(15px + constant(safe-area-inset-left));
2013     margin-left: calc(15px + env(safe-area-inset-left));
2014   }
2015 }
2016 @media (orientation: landscape) and (min-width: 768px) {
2017   .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2018   .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2019   .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2020   .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
2021   .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
2022     margin-right: calc(15px + constant(safe-area-inset-right));
2023     margin-right: calc(15px + env(safe-area-inset-right));
2024   }
2025 }
2026 /* === List View === */
2027 .list {
2028   position: relative;
2029   z-index: 1;
2030 }
2031 .list ul {
2032   list-style: none;
2033   margin: 0;
2034   padding: 0;
2035   position: relative;
2036 }
2037 .list ul ul:before {
2038   display: none !important;
2039 }
2040 .list ul ul:after {
2041   display: none !important;
2042 }
2043 .list li {
2044   position: relative;
2045   -webkit-box-sizing: border-box;
2046   box-sizing: border-box;
2047 }
2048 .list .item-media {
2049   display: -webkit-box;
2050   display: -webkit-flex;
2051   display: -ms-flexbox;
2052   display: flex;
2053   -webkit-flex-shrink: 0;
2054   -ms-flex-negative: 0;
2055   flex-shrink: 0;
2056   -webkit-flex-wrap: nowrap;
2057   -ms-flex-wrap: nowrap;
2058   flex-wrap: nowrap;
2059   -webkit-box-align: center;
2060   -webkit-align-items: center;
2061   -ms-flex-align: center;
2062   align-items: center;
2063   -webkit-box-sizing: border-box;
2064   box-sizing: border-box;
2065   padding-bottom: 8px;
2066 }
2067 .list .item-inner {
2068   position: relative;
2069   width: 100%;
2070   padding-top: 8px;
2071   padding-bottom: 8px;
2072   min-width: 0;
2073   display: -webkit-box;
2074   display: -webkit-flex;
2075   display: -ms-flexbox;
2076   display: flex;
2077   -webkit-box-pack: justify;
2078   -webkit-justify-content: space-between;
2079   -ms-flex-pack: justify;
2080   justify-content: space-between;
2081   -webkit-box-sizing: border-box;
2082   box-sizing: border-box;
2083   -webkit-box-align: center;
2084   -webkit-align-items: center;
2085   -ms-flex-align: center;
2086   align-items: center;
2087   -webkit-align-self: stretch;
2088   -ms-flex-item-align: stretch;
2089   align-self: stretch;
2090 }
2091 .list .item-title {
2092   min-width: 0;
2093   -webkit-flex-shrink: 1;
2094   -ms-flex-negative: 1;
2095   flex-shrink: 1;
2096   white-space: nowrap;
2097   position: relative;
2098   overflow: hidden;
2099   text-overflow: ellipsis;
2100   max-width: 100%;
2101 }
2102 .list .item-after {
2103   white-space: nowrap;
2104   -webkit-flex-shrink: 0;
2105   -ms-flex-negative: 0;
2106   flex-shrink: 0;
2107   display: -webkit-box;
2108   display: -webkit-flex;
2109   display: -ms-flexbox;
2110   display: flex;
2111   margin-right: auto;
2112 }
2113 .list .item-link,
2114 .list .list-button {
2115   -webkit-transition-duration: 300ms;
2116   transition-duration: 300ms;
2117   -webkit-transition-property: background-color;
2118   transition-property: background-color;
2119   display: block;
2120   position: relative;
2121   overflow: hidden;
2122   z-index: 0;
2123 }
2124 .list .item-content {
2125   display: -webkit-box;
2126   display: -webkit-flex;
2127   display: -ms-flexbox;
2128   display: flex;
2129   -webkit-box-pack: justify;
2130   -webkit-justify-content: space-between;
2131   -ms-flex-pack: justify;
2132   justify-content: space-between;
2133   -webkit-box-sizing: border-box;
2134   box-sizing: border-box;
2135   -webkit-box-align: center;
2136   -webkit-align-items: center;
2137   -ms-flex-align: center;
2138   align-items: center;
2139 }
2140 .list .item-subtitle {
2141   position: relative;
2142   overflow: hidden;
2143   white-space: nowrap;
2144   max-width: 100%;
2145   text-overflow: ellipsis;
2146 }
2147 .list .item-text {
2148   position: relative;
2149   overflow: hidden;
2150   text-overflow: hidden;
2151   -webkit-line-clamp: 2;
2152   -webkit-box-orient: vertical;
2153   display: -webkit-box;
2154 }
2155 .list .item-title-row {
2156   display: -webkit-box;
2157   display: -webkit-flex;
2158   display: -ms-flexbox;
2159   display: flex;
2160   -webkit-box-pack: justify;
2161   -webkit-justify-content: space-between;
2162   -ms-flex-pack: justify;
2163   justify-content: space-between;
2164   -webkit-box-sizing: border-box;
2165   box-sizing: border-box;
2166 }
2167 .list .item-title-row .item-after {
2168   -webkit-align-self: center;
2169   -ms-flex-item-align: center;
2170   align-self: center;
2171 }
2172 .list .item-row {
2173   display: -webkit-box;
2174   display: -webkit-flex;
2175   display: -ms-flexbox;
2176   display: flex;
2177   -webkit-box-pack: justify;
2178   -webkit-justify-content: space-between;
2179   -ms-flex-pack: justify;
2180   justify-content: space-between;
2181   -webkit-box-sizing: border-box;
2182   box-sizing: border-box;
2183 }
2184 .list .item-cell {
2185   display: block;
2186   -webkit-align-self: center;
2187   -ms-flex-item-align: center;
2188   align-self: center;
2189   -webkit-box-sizing: border-box;
2190   box-sizing: border-box;
2191   -webkit-flex-shrink: 1;
2192   -ms-flex-negative: 1;
2193   flex-shrink: 1;
2194 }
2195 .list li:last-child .list-button:after {
2196   display: none !important;
2197 }
2198 .list li:last-child > .item-inner:after,
2199 .list li:last-child li:last-child > .item-inner:after,
2200 .list li:last-child > .item-content > .item-inner:after,
2201 .list li:last-child li:last-child > .item-content > .item-inner:after,
2202 .list li:last-child > .swipeout-content > .item-content > .item-inner:after,
2203 .list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
2204 .list li:last-child > .item-link > .item-content > .item-inner:after,
2205 .list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
2206   display: none !important;
2207 }
2208 .list.no-hairlines:before,
2209 .list.no-hairlines ul:before,
2210 .md .list.no-hairlines-md:before,
2211 .md .list.no-hairlines-md ul:before,
2212 .ios .list.no-hairlines-ios:before,
2213 .ios .list.no-hairlines-ios ul:before {
2214   display: none !important;
2215 }
2216 .list.no-hairlines:after,
2217 .list.no-hairlines ul:after,
2218 .md .list.no-hairlines-md:after,
2219 .md .list.no-hairlines-md ul:after,
2220 .ios .list.no-hairlines-ios:after,
2221 .ios .list.no-hairlines-ios ul:after {
2222   display: none !important;
2223 }
2224 .list.no-hairline-top:before,
2225 .list.no-hairline-top ul:before,
2226 .md .list.no-hairline-top-md:before,
2227 .md .list.no-hairline-top-md ul:before,
2228 .ios .list.no-hairline-top-ios:before,
2229 .ios .list.no-hairline-top-ios ul:before {
2230   display: none !important;
2231 }
2232 .list.no-hairline-bottom:after,
2233 .list.no-hairline-bottom ul:after,
2234 .md .list.no-hairline-bottom-md:after,
2235 .md .list.no-hairline-bottom-md ul:after,
2236 .ios .list.no-hairline-bottom-ios:after,
2237 .ios .list.no-hairline-bottom-ios ul:after {
2238   display: none !important;
2239 }
2240 .list.no-hairlines-between .item-inner:after,
2241 .md .list.no-hairlines-between-md .item-inner:after,
2242 .ios .list.no-hairlines-between-ios .item-inner:after,
2243 .list.no-hairlines-between .list-button:after,
2244 .md .list.no-hairlines-between-md .list-button:after,
2245 .ios .list.no-hairlines-between-ios .list-button:after,
2246 .list.no-hairlines-between .item-divider:after,
2247 .md .list.no-hairlines-between-md .item-divider:after,
2248 .ios .list.no-hairlines-between-ios .item-divider:after,
2249 .list.no-hairlines-between .list-group-title:after,
2250 .md .list.no-hairlines-between-md .list-group-title:after,
2251 .ios .list.no-hairlines-between-ios .list-group-title:after,
2252 .list.no-hairlines-between .list-group-title:after,
2253 .md .list.no-hairlines-between-md .list-group-title:after,
2254 .ios .list.no-hairlines-between-ios .list-group-title:after {
2255   display: none !important;
2256 }
2257 .list.no-hairlines-between.simple-list li:after,
2258 .md .list.no-hairlines-between-md.simple-list li:after,
2259 .ios .list.no-hairlines-between-ios.simple-list li:after {
2260   display: none !important;
2261 }
2262 .list.no-hairlines-between.links-list a:after,
2263 .md .list.no-hairlines-between-md.links-list a:after,
2264 .ios .list.no-hairlines-between-ios.links-list a:after {
2265   display: none !important;
2266 }
2267 .list.simple-list li {
2268   position: relative;
2269   white-space: nowrap;
2270   text-overflow: ellipsis;
2271   max-width: 100%;
2272   -webkit-box-sizing: border-box;
2273   box-sizing: border-box;
2274   display: -webkit-box;
2275   display: -webkit-flex;
2276   display: -ms-flexbox;
2277   display: flex;
2278   -webkit-box-pack: justify;
2279   -webkit-justify-content: space-between;
2280   -ms-flex-pack: justify;
2281   justify-content: space-between;
2282   -webkit-box-align: center;
2283   -webkit-align-items: center;
2284   -ms-flex-align: center;
2285   align-items: center;
2286   -webkit-align-content: center;
2287   -ms-flex-line-pack: center;
2288   align-content: center;
2289 }
2290 .list.simple-list li:last-child:after {
2291   display: none !important;
2292 }
2293 .list.links-list a {
2294   -webkit-transition-duration: 300ms;
2295   transition-duration: 300ms;
2296   -webkit-transition-property: background-color;
2297   transition-property: background-color;
2298   display: block;
2299   position: relative;
2300   overflow: hidden;
2301   display: -webkit-box;
2302   display: -webkit-flex;
2303   display: -ms-flexbox;
2304   display: flex;
2305   -webkit-box-align: center;
2306   -webkit-align-items: center;
2307   -ms-flex-align: center;
2308   align-items: center;
2309   -webkit-align-content: center;
2310   -ms-flex-line-pack: center;
2311   align-content: center;
2312   -webkit-box-pack: justify;
2313   -webkit-justify-content: space-between;
2314   -ms-flex-pack: justify;
2315   justify-content: space-between;
2316   -webkit-box-sizing: border-box;
2317   box-sizing: border-box;
2318   white-space: nowrap;
2319   text-overflow: ellipsis;
2320   max-width: 100%;
2321 }
2322 .list.links-list li:last-child a:after {
2323   display: none !important;
2324 }
2325 .media-list .item-inner,
2326 li.media-item .item-inner {
2327   display: block;
2328   -webkit-align-self: stretch;
2329   -ms-flex-item-align: stretch;
2330   align-self: stretch;
2331 }
2332 .media-list .item-link .item-inner,
2333 li.media-item .item-link .item-inner {
2334   background: none;
2335 }
2336 .media-list .item-media,
2337 li.media-item .item-media {
2338   -webkit-align-self: flex-start;
2339   -ms-flex-item-align: start;
2340   align-self: flex-start;
2341 }
2342 .media-list .item-media img,
2343 li.media-item .item-media img {
2344   display: block;
2345 }
2346 .list .item-link .item-inner,
2347 .links-list a,
2348 .media-list .item-link .item-title-row,
2349 li.media-item .item-link .item-title-row,
2350 .media-list.chevron-center .item-link .item-inner,
2351 .media-list .chevron-center .item-link .item-inner,
2352 .media-list .item-link.chevron-center .item-inner,
2353 li.media-item.chevron-center .item-link .item-inner,
2354 li.media-item .chevron-center .item-link .item-inner,
2355 li.media-item .item-link.chevron-center .item-inner {
2356   background-size: 8px 13px;
2357   background-repeat: no-repeat;
2358   background-position: 15px center;
2359   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");
2360 }
2361 .links-list.no-chevron a,
2362 .no-chevron .links-list a,
2363 .links-list .no-chevron a,
2364 .item-link.no-chevron .item-inner,
2365 .no-chevron .item-link .item-inner,
2366 .media-list.no-chevron .item-link .item-title-row,
2367 .no-chevron .media-list .item-link .item-title-row,
2368 li.media-item .no-chevron .item-title-row,
2369 li.media-item.no-chevron .item-title-row,
2370 .media-list.chevron-center .item-title-row,
2371 .media-list .chevron-center .item-title-row,
2372 li.media-item.chevron-center .item-title-row,
2373 li.media-item .chevron-center .item-title-row {
2374   background-image: none !important;
2375 }
2376 .media-list .item-link .item-inner,
2377 li.media-item .item-link .item-inner {
2378   background-image: none;
2379 }
2380 .media-list .item-link .item-title-row,
2381 li.media-item .item-link .item-title-row {
2382   background-position: left center !important;
2383 }
2384 .list-group ul:after,
2385 .list-group ul:before {
2386   z-index: 25 !important;
2387 }
2388 .list-group + .list-group ul:before {
2389   display: none !important;
2390 }
2391 li.item-divider,
2392 .item-divider,
2393 li.list-group-title {
2394   white-space: nowrap;
2395   position: relative;
2396   max-width: 100%;
2397   text-overflow: ellipsis;
2398   overflow: hidden;
2399   z-index: 15;
2400 }
2401 li.list-group-title,
2402 .list li.list-group-title {
2403   position: relative;
2404   position: -webkit-sticky;
2405   position: sticky;
2406   top: 0;
2407   margin-top: 0;
2408   z-index: 20;
2409 }
2410 li.list-group-title:before,
2411 .list li.list-group-title:before {
2412   display: none !important;
2413 }
2414 .list.inset .block-title {
2415   margin-left: 0;
2416   margin-right: 0;
2417 }
2418 .list.inset ul:before {
2419   display: none !important;
2420 }
2421 .list.inset ul:after {
2422   display: none !important;
2423 }
2424 @media (min-width: 768px) {
2425   .list.tablet-inset .block-title {
2426     margin-left: 0;
2427     margin-right: 0;
2428   }
2429   .list.tablet-inset ul:before {
2430     display: none !important;
2431   }
2432   .list.tablet-inset ul:after {
2433     display: none !important;
2434   }
2435 }
2436 .theme-dark .list .item-link .item-inner,
2437 .list.theme-dark .item-link .item-inner,
2438 .theme-dark .links-list a,
2439 .links-list.theme-dark a,
2440 .theme-dark .media-list .item-link .item-title-row,
2441 .media-list.theme-dark .item-link .item-title-row,
2442 .theme-dark li.media-item .item-link .item-title-row {
2443   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");
2444 }
2445 .theme-dark .media-list .item-link .item-inner,
2446 .media-list.theme-dark .item-link .item-inner,
2447 .theme-dark li.media-item .item-link .item-inner {
2448   background-image: none;
2449 }
2450 .ios .list {
2451   margin: 35px 0;
2452   font-size: 17px;
2453 }
2454 .ios .list .item-cell {
2455   width: 100%;
2456   min-width: 0;
2457   margin-right: 15px;
2458 }
2459 .ios .list .item-cell:first-child {
2460   margin-right: 0;
2461 }
2462 .ios .list ul {
2463   background: #fff;
2464 }
2465 .ios .list ul ul {
2466   padding-right: 45px;
2467 }
2468 .ios .list .item-media {
2469   padding-top: 7px;
2470 }
2471 .ios .list .item-media i + i,
2472 .ios .list .item-media i + img {
2473   margin-right: 5px;
2474 }
2475 .ios .list .item-media + .item-inner {
2476   margin-right: 15px;
2477 }
2478 .ios .list .item-inner {
2479   min-height: 44px;
2480   padding-left: 15px;
2481 }
2482 .ios .list .item-after {
2483   color: #8e8e93;
2484   padding-right: 5px;
2485 }
2486 .ios .list .item-link,
2487 .ios .list .list-button {
2488   color: inherit;
2489 }
2490 .ios .list .item-link .item-inner,
2491 .ios .list .list-button .item-inner {
2492   padding-left: 35px;
2493 }
2494 .ios .list .item-link.active-state,
2495 .ios .list .list-button.active-state {
2496   -webkit-transition-duration: 0ms;
2497   transition-duration: 0ms;
2498   background-color: #d9d9d9;
2499 }
2500 .ios .list .item-link.active-state .item-inner:after,
2501 .ios .list .list-button.active-state .item-inner:after {
2502   background-color: transparent;
2503 }
2504 .ios .list .list-button {
2505   padding: 0 15px;
2506   text-align: center;
2507   color: #007aff;
2508   line-height: 44px;
2509 }
2510 .ios .list .item-content {
2511   min-height: 44px;
2512   padding-right: 15px;
2513 }
2514 .ios .list .item-subtitle {
2515   font-size: 15px;
2516 }
2517 .ios .list .item-text {
2518   font-size: 15px;
2519   color: #8e8e93;
2520   line-height: 21px;
2521   max-height: 42px;
2522 }
2523 .ios .list .item-header,
2524 .ios .list .item-footer {
2525   font-weight: normal;
2526   font-size: 12px;
2527   line-height: 1.2;
2528   white-space: normal;
2529 }
2530 .ios .list .item-footer {
2531   color: #8e8e93;
2532 }
2533 .ios .list .item-link.no-chevron .item-inner,
2534 .ios .list.no-chevron .item-link .item-inner,
2535 .ios .list .no-chevron .item-link .item-inner,
2536 .ios .no-chevron .list .item-link .item-inner {
2537   padding-left: 15px;
2538 }
2539 .ios .simple-list li:after {
2540   content: '';
2541   position: absolute;
2542   background-color: #c8c7cc;
2543   display: block;
2544   z-index: 15;
2545   top: auto;
2546   right: auto;
2547   bottom: 0;
2548   left: 0;
2549   height: 1px;
2550   width: 100%;
2551   -webkit-transform-origin: 50% 100%;
2552   transform-origin: 50% 100%;
2553 }
2554 .ios.device-pixel-ratio-2 .simple-list li:after {
2555   -webkit-transform: scaleY(0.5);
2556   transform: scaleY(0.5);
2557 }
2558 .ios.device-pixel-ratio-3 .simple-list li:after {
2559   -webkit-transform: scaleY(0.33);
2560   transform: scaleY(0.33);
2561 }
2562 .ios .simple-list li {
2563   padding-left: 15px;
2564   padding-right: 15px;
2565   line-height: 44px;
2566   height: 44px;
2567 }
2568 .ios .simple-list li:after {
2569   left: 15px;
2570   right: 0;
2571   width: auto;
2572   right: 15px;
2573   left: 0;
2574 }
2575 .ios .links-list a:after {
2576   content: '';
2577   position: absolute;
2578   background-color: #c8c7cc;
2579   display: block;
2580   z-index: 15;
2581   top: auto;
2582   right: auto;
2583   bottom: 0;
2584   left: 0;
2585   height: 1px;
2586   width: 100%;
2587   -webkit-transform-origin: 50% 100%;
2588   transform-origin: 50% 100%;
2589 }
2590 .ios.device-pixel-ratio-2 .links-list a:after {
2591   -webkit-transform: scaleY(0.5);
2592   transform: scaleY(0.5);
2593 }
2594 .ios.device-pixel-ratio-3 .links-list a:after {
2595   -webkit-transform: scaleY(0.33);
2596   transform: scaleY(0.33);
2597 }
2598 .ios .links-list a {
2599   height: 44px;
2600   color: inherit;
2601 }
2602 .ios .links-list a.active-state {
2603   -webkit-transition-duration: 0ms;
2604   transition-duration: 0ms;
2605   background-color: #d9d9d9;
2606 }
2607 .ios .links-list a:after {
2608   width: auto;
2609 }
2610 .ios .links-list a {
2611   padding-right: 15px;
2612   padding-left: 35px;
2613 }
2614 .ios .links-list a:after {
2615   right: 15px;
2616   left: 0;
2617 }
2618 .ios .links-list.no-chevron a,
2619 .ios .no-chevron .links-list a,
2620 .ios .links-list a.no-chevron,
2621 .ios .links-list .no-chevron a {
2622   padding-left: 15px;
2623 }
2624 .ios .media-list .item-title,
2625 .ios li.media-item .item-title {
2626   font-weight: 600;
2627 }
2628 .ios .media-list .item-inner,
2629 .ios li.media-item .item-inner {
2630   padding-top: 10px;
2631   padding-bottom: 9px;
2632 }
2633 .ios .media-list .item-media,
2634 .ios li.media-item .item-media {
2635   padding-top: 9px;
2636   padding-bottom: 10px;
2637 }
2638 .ios .media-list .item-link .item-inner,
2639 .ios li.media-item .item-link .item-inner {
2640   padding-left: 15px;
2641 }
2642 .ios .media-list .item-link .item-title-row,
2643 .ios li.media-item .item-link .item-title-row {
2644   padding-left: 20px;
2645 }
2646 .ios .media-list.chevron-center .item-link .item-inner,
2647 .ios .media-list .chevron-center .item-link .item-inner,
2648 .ios .media-list .item-link.chevron-center .item-inner,
2649 .ios li.media-item.chevron-center .item-link .item-inner,
2650 .ios li.media-item .item-link.chevron-center .item-inner,
2651 .ios li.media-item .chevron-center .item-link .item-inner {
2652   padding-left: 35px;
2653 }
2654 .ios .media-list.no-chevron .item-link .item-title-row,
2655 .ios .no-chevron .media-list .item-link .item-title-row,
2656 .ios .media-list .no-chevron .item-link .item-title-row,
2657 .ios li.media-item.no-chevron .item-link .item-title-row,
2658 .ios .no-chevron li.media-item .item-link .item-title-row,
2659 .ios .media-list.chevron-center .item-title-row,
2660 .ios .media-list .chevron-center .item-title-row,
2661 .ios li.media-item.chevron-center .item-title-row,
2662 .ios li.media-item .chevron-center .item-title-row {
2663   padding-left: 0 !important;
2664 }
2665 .ios .list .item-link .item-inner,
2666 .ios .links-list a {
2667   background-position: 15px center;
2668 }
2669 .ios .item-divider,
2670 .ios .list-group-title {
2671   margin-top: -1px;
2672   padding: 4px 15px;
2673   background: #f7f7f7;
2674   color: #8e8e93;
2675 }
2676 .ios .item-divider:after,
2677 .ios .list-group-title:after {
2678   display: none !important;
2679 }
2680 .ios .list-group-title {
2681   margin-top: 0;
2682 }
2683 .ios .item-divider:before {
2684   content: '';
2685   position: absolute;
2686   background-color: #c8c7cc;
2687   display: block;
2688   z-index: 15;
2689   top: 0;
2690   right: auto;
2691   bottom: auto;
2692   left: 0;
2693   height: 1px;
2694   width: 100%;
2695   -webkit-transform-origin: 50% 0%;
2696   transform-origin: 50% 0%;
2697 }
2698 .ios.device-pixel-ratio-2 .item-divider:before {
2699   -webkit-transform: scaleY(0.5);
2700   transform: scaleY(0.5);
2701 }
2702 .ios.device-pixel-ratio-3 .item-divider:before {
2703   -webkit-transform: scaleY(0.33);
2704   transform: scaleY(0.33);
2705 }
2706 .ios .list-group-title:before {
2707   content: '';
2708   position: absolute;
2709   background-color: #c8c7cc;
2710   display: block;
2711   z-index: 15;
2712   top: 0;
2713   right: auto;
2714   bottom: auto;
2715   left: 0;
2716   height: 1px;
2717   width: 100%;
2718   -webkit-transform-origin: 50% 0%;
2719   transform-origin: 50% 0%;
2720 }
2721 .ios.device-pixel-ratio-2 .list-group-title:before {
2722   -webkit-transform: scaleY(0.5);
2723   transform: scaleY(0.5);
2724 }
2725 .ios.device-pixel-ratio-3 .list-group-title:before {
2726   -webkit-transform: scaleY(0.33);
2727   transform: scaleY(0.33);
2728 }
2729 .ios .list .list-button:after {
2730   content: '';
2731   position: absolute;
2732   background-color: #c8c7cc;
2733   display: block;
2734   z-index: 15;
2735   top: auto;
2736   right: auto;
2737   bottom: 0;
2738   left: 0;
2739   height: 1px;
2740   width: 100%;
2741   -webkit-transform-origin: 50% 100%;
2742   transform-origin: 50% 100%;
2743 }
2744 .ios.device-pixel-ratio-2 .list .list-button:after {
2745   -webkit-transform: scaleY(0.5);
2746   transform: scaleY(0.5);
2747 }
2748 .ios.device-pixel-ratio-3 .list .list-button:after {
2749   -webkit-transform: scaleY(0.33);
2750   transform: scaleY(0.33);
2751 }
2752 .ios .list .item-inner:after {
2753   content: '';
2754   position: absolute;
2755   background-color: #c8c7cc;
2756   display: block;
2757   z-index: 15;
2758   top: auto;
2759   right: auto;
2760   bottom: 0;
2761   left: 0;
2762   height: 1px;
2763   width: 100%;
2764   -webkit-transform-origin: 50% 100%;
2765   transform-origin: 50% 100%;
2766 }
2767 .ios.device-pixel-ratio-2 .list .item-inner:after {
2768   -webkit-transform: scaleY(0.5);
2769   transform: scaleY(0.5);
2770 }
2771 .ios.device-pixel-ratio-3 .list .item-inner:after {
2772   -webkit-transform: scaleY(0.33);
2773   transform: scaleY(0.33);
2774 }
2775 .ios .list ul:before {
2776   content: '';
2777   position: absolute;
2778   background-color: #c8c7cc;
2779   display: block;
2780   z-index: 15;
2781   top: 0;
2782   right: auto;
2783   bottom: auto;
2784   left: 0;
2785   height: 1px;
2786   width: 100%;
2787   -webkit-transform-origin: 50% 0%;
2788   transform-origin: 50% 0%;
2789 }
2790 .ios.device-pixel-ratio-2 .list ul:before {
2791   -webkit-transform: scaleY(0.5);
2792   transform: scaleY(0.5);
2793 }
2794 .ios.device-pixel-ratio-3 .list ul:before {
2795   -webkit-transform: scaleY(0.33);
2796   transform: scaleY(0.33);
2797 }
2798 .ios .list ul:after {
2799   content: '';
2800   position: absolute;
2801   background-color: #c8c7cc;
2802   display: block;
2803   z-index: 15;
2804   top: auto;
2805   right: auto;
2806   bottom: 0;
2807   left: 0;
2808   height: 1px;
2809   width: 100%;
2810   -webkit-transform-origin: 50% 100%;
2811   transform-origin: 50% 100%;
2812 }
2813 .ios.device-pixel-ratio-2 .list ul:after {
2814   -webkit-transform: scaleY(0.5);
2815   transform: scaleY(0.5);
2816 }
2817 .ios.device-pixel-ratio-3 .list ul:after {
2818   -webkit-transform: scaleY(0.33);
2819   transform: scaleY(0.33);
2820 }
2821 .ios .list.inset {
2822   margin-left: 15px;
2823   margin-right: 15px;
2824   border-radius: 7px;
2825 }
2826 .ios .list.inset ul {
2827   border-radius: 7px;
2828 }
2829 .ios .list.inset li:first-child > a {
2830   border-radius: 7px 7px 0 0;
2831 }
2832 .ios .list.inset li:last-child > a {
2833   border-radius: 0 0 7px 7px;
2834 }
2835 .ios .list.inset li:first-child:last-child > a {
2836   border-radius: 7px;
2837 }
2838 @media (min-width: 768px) {
2839   .ios .list.tablet-inset {
2840     margin-left: 15px;
2841     margin-right: 15px;
2842     border-radius: 7px;
2843   }
2844   .ios .list.tablet-inset ul {
2845     border-radius: 7px;
2846   }
2847   .ios .list.tablet-inset li:first-child > a {
2848     border-radius: 7px 7px 0 0;
2849   }
2850   .ios .list.tablet-inset li:last-child > a {
2851     border-radius: 0 0 7px 7px;
2852   }
2853   .ios .list.tablet-inset li:first-child:last-child > a {
2854     border-radius: 7px;
2855   }
2856 }
2857 .ios li li:last-child .item-inner:after,
2858 .ios li:last-child li .item-inner:after {
2859   content: '';
2860   position: absolute;
2861   background-color: #c8c7cc;
2862   display: block;
2863   z-index: 15;
2864   top: auto;
2865   right: auto;
2866   bottom: 0;
2867   left: 0;
2868   height: 1px;
2869   width: 100%;
2870   -webkit-transform-origin: 50% 100%;
2871   transform-origin: 50% 100%;
2872 }
2873 html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,
2874 html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after {
2875   -webkit-transform: scaleY(0.5);
2876   transform: scaleY(0.5);
2877 }
2878 html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,
2879 html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after {
2880   -webkit-transform: scaleY(0.33);
2881   transform: scaleY(0.33);
2882 }
2883 @media (orientation: landscape) {
2884   .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,
2885   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2886   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2887   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
2888   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
2889     padding-left: calc(15px + constant(safe-area-inset-left));
2890     padding-left: calc(15px + env(safe-area-inset-left));
2891   }
2892   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2893   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2894   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2895   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2896   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
2897   .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,
2898   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2899   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2900   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
2901   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
2902     padding-left: calc(15px + constant(safe-area-inset-left));
2903     padding-left: calc(15px + env(safe-area-inset-left));
2904   }
2905   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2906   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2907   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2908   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
2909   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
2910     margin-left: calc(15px + constant(safe-area-inset-left));
2911     margin-left: calc(15px + env(safe-area-inset-left));
2912   }
2913   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2914   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2915   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2916   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2917   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
2918   .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2919   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2920   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2921   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
2922   .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
2923     padding-left: 15px;
2924   }
2925   .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,
2926   .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,
2927   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2928   .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,
2929   .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,
2930   .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,
2931   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2932   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2933   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2934   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
2935     background-position: calc(15px + constant(safe-area-inset-left)) center;
2936     background-position: calc(15px + env(safe-area-inset-left)) center;
2937   }
2938   .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2939   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2940   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2941   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,
2942   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner {
2943     padding-left: calc(15px + constant(safe-area-inset-left));
2944     padding-left: calc(15px + env(safe-area-inset-left));
2945   }
2946   .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,
2947   .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,
2948   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,
2949   .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,
2950   .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 {
2951     padding-left: calc(35px + constant(safe-area-inset-left));
2952     padding-left: calc(35px + env(safe-area-inset-left));
2953   }
2954   .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,
2955   .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,
2956   .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,
2957   .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,
2958   .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,
2959   .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,
2960   .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,
2961   .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,
2962   .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,
2963   .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 {
2964     padding-left: calc(15px + constant(safe-area-inset-left));
2965     padding-left: calc(15px + env(safe-area-inset-left));
2966   }
2967   .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,
2968   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2969   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2970   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
2971   .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
2972     padding-left: calc(35px + constant(safe-area-inset-left));
2973     padding-left: calc(35px + env(safe-area-inset-left));
2974   }
2975   .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,
2976   .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,
2977   .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,
2978   .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,
2979   .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,
2980   .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,
2981   .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,
2982   .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,
2983   .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,
2984   .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,
2985   .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,
2986   .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,
2987   .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,
2988   .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,
2989   .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,
2990   .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,
2991   .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,
2992   .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,
2993   .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,
2994   .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,
2995   .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,
2996   .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,
2997   .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,
2998   .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,
2999   .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,
3000   .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,
3001   .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,
3002   .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,
3003   .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,
3004   .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 {
3005     padding-left: calc(35px + constant(safe-area-inset-left));
3006     padding-left: calc(35px + env(safe-area-inset-left));
3007   }
3008   .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,
3009   .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,
3010   .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,
3011   .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,
3012   .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,
3013   .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,
3014   .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,
3015   .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,
3016   .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,
3017   .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,
3018   .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,
3019   .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,
3020   .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,
3021   .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,
3022   .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,
3023   .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,
3024   .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,
3025   .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,
3026   .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,
3027   .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,
3028   .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,
3029   .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,
3030   .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,
3031   .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,
3032   .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,
3033   .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,
3034   .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,
3035   .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,
3036   .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,
3037   .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 {
3038     padding-left: calc(15px + constant(safe-area-inset-left));
3039     padding-left: calc(15px + env(safe-area-inset-left));
3040   }
3041   .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,
3042   .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,
3043   .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,
3044   .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,
3045   .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,
3046   .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,
3047   .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,
3048   .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,
3049   .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,
3050   .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,
3051   .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,
3052   .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,
3053   .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,
3054   .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,
3055   .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,
3056   .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,
3057   .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,
3058   .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,
3059   .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,
3060   .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 {
3061     padding-left: 0;
3062   }
3063   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3064   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3065   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3066   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
3067   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
3068     margin-right: calc(15px + constant(safe-area-inset-right));
3069     margin-right: calc(15px + env(safe-area-inset-right));
3070   }
3071   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3072   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3073   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3074   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3075   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3076   .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3077   .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3078   .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3079   .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3080   .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
3081     padding-right: 15px;
3082   }
3083   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3084   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3085   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3086   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3087   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
3088   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3089   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3090   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3091   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
3092   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
3093     padding-right: 15px;
3094   }
3095   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
3096   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
3097   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
3098   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
3099   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
3100   .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,
3101   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
3102   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
3103   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
3104   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
3105     padding-right: calc(15px + constant(safe-area-inset-right));
3106     padding-right: calc(15px + env(safe-area-inset-right));
3107   }
3108   .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,
3109   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
3110   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
3111   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
3112   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
3113     padding-right: calc(15px + constant(safe-area-inset-right));
3114     padding-right: calc(15px + env(safe-area-inset-right));
3115   }
3116   .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
3117   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
3118   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
3119   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,
3120   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content {
3121     padding-right: calc(15px + constant(safe-area-inset-right));
3122     padding-right: calc(15px + env(safe-area-inset-right));
3123   }
3124   .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,
3125   .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,
3126   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,
3127   .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,
3128   .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 {
3129     right: calc(15px + constant(safe-area-inset-right));
3130     right: calc(15px + env(safe-area-inset-right));
3131   }
3132   .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,
3133   .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
3134   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
3135   .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
3136   .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
3137     padding-right: calc(15px + constant(safe-area-inset-right));
3138     padding-right: calc(15px + env(safe-area-inset-right));
3139   }
3140   .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,
3141   .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,
3142   .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,
3143   .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,
3144   .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 {
3145     right: calc(15px + const(safe-area-inset-right));
3146     right: calc(15px + env(safe-area-inset-right));
3147   }
3148 }
3149 @media (orientation: landscape) and (min-width: 768px) {
3150   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3151   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3152   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3153   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
3154   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
3155     margin-left: calc(15px + constant(safe-area-inset-left));
3156     margin-left: calc(15px + env(safe-area-inset-left));
3157   }
3158   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3159   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3160   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3161   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3162   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
3163   .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3164   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3165   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3166   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
3167   .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
3168     padding-left: 15px;
3169   }
3170 }
3171 @media (orientation: landscape) and (min-width: 768px) {
3172   .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3173   .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3174   .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3175   .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
3176   .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
3177     margin-right: calc(15px + constant(safe-area-inset-right));
3178     margin-right: calc(15px + env(safe-area-inset-right));
3179   }
3180 }
3181 .ios .theme-dark .list ul,
3182 .list.ios .theme-dark ul {
3183   background: #1c1c1d;
3184 }
3185 .ios .theme-dark .list ul:before,
3186 .list.ios .theme-dark ul:before {
3187   background-color: #282829;
3188 }
3189 .ios .theme-dark .list ul:after,
3190 .list.ios .theme-dark ul:after {
3191   background-color: #282829;
3192 }
3193 .ios .theme-dark .list li li:last-child .item-inner:after,
3194 .list.ios .theme-dark li li:last-child .item-inner:after,
3195 .ios .theme-dark .list li:last-child li .item-inner:after,
3196 .list.ios .theme-dark li:last-child li .item-inner:after {
3197   background-color: #282829;
3198 }
3199 .ios .theme-dark .item-divider:before {
3200   background-color: #282829;
3201 }
3202 .ios .theme-dark .list-group-title:before {
3203   background-color: #282829;
3204 }
3205 .ios .theme-dark .list-button:after {
3206   background-color: #282829;
3207 }
3208 .ios .theme-dark .item-inner:after {
3209   background-color: #282829;
3210 }
3211 .ios .theme-dark .item-divider,
3212 .ios .theme-dark .list-group-title {
3213   background-color: #111;
3214 }
3215 .ios .theme-dark .links-list a:after,
3216 .ios .theme-dark .simple-list li:after,
3217 .ios .theme-dark .links-list a:after,
3218 .links-list.ios .theme-dark a .simple-list li:after,
3219 .simple-list.ios .theme-dark li:after {
3220   background-color: #282829;
3221 }
3222 .ios .theme-dark .list .item-link.active-state,
3223 .list.ios .theme-dark .item-link.active-state,
3224 .ios .theme-dark .list .list-button.active-state,
3225 .list.ios .theme-dark .list-button.active-state,
3226 .ios .theme-dark .links-list a.active-state,
3227 .links-list.ios .theme-dark a.active-state {
3228   background-color: #363636;
3229 }
3230 .ios .color-theme-red .list-button {
3231   color: #ff3b30;
3232 }
3233 .ios .color-theme-green .list-button {
3234   color: #4cd964;
3235 }
3236 .ios .color-theme-blue .list-button {
3237   color: #007aff;
3238 }
3239 .ios .color-theme-pink .list-button {
3240   color: #ff2d55;
3241 }
3242 .ios .color-theme-yellow .list-button {
3243   color: #ffcc00;
3244 }
3245 .ios .color-theme-orange .list-button {
3246   color: #ff9500;
3247 }
3248 .ios .color-theme-gray .list-button {
3249   color: #8e8e93;
3250 }
3251 .ios .color-theme-white .list-button {
3252   color: #ffffff;
3253 }
3254 .ios .color-theme-black .list-button {
3255   color: #000000;
3256 }
3257 .ios .list .list-button.color-red,
3258 .ios .list li.color-red .list-button,
3259 .ios .links-list li.color-red a,
3260 .ios .simple-list li.color-red,
3261 .ios .links-list a.color-red,
3262 .ios .list .item-link.color-red,
3263 .ios .list li.color-red .item-link {
3264   color: #ff3b30;
3265 }
3266 .ios .list .list-button.color-green,
3267 .ios .list li.color-green .list-button,
3268 .ios .links-list li.color-green a,
3269 .ios .simple-list li.color-green,
3270 .ios .links-list a.color-green,
3271 .ios .list .item-link.color-green,
3272 .ios .list li.color-green .item-link {
3273   color: #4cd964;
3274 }
3275 .ios .list .list-button.color-blue,
3276 .ios .list li.color-blue .list-button,
3277 .ios .links-list li.color-blue a,
3278 .ios .simple-list li.color-blue,
3279 .ios .links-list a.color-blue,
3280 .ios .list .item-link.color-blue,
3281 .ios .list li.color-blue .item-link {
3282   color: #007aff;
3283 }
3284 .ios .list .list-button.color-pink,
3285 .ios .list li.color-pink .list-button,
3286 .ios .links-list li.color-pink a,
3287 .ios .simple-list li.color-pink,
3288 .ios .links-list a.color-pink,
3289 .ios .list .item-link.color-pink,
3290 .ios .list li.color-pink .item-link {
3291   color: #ff2d55;
3292 }
3293 .ios .list .list-button.color-yellow,
3294 .ios .list li.color-yellow .list-button,
3295 .ios .links-list li.color-yellow a,
3296 .ios .simple-list li.color-yellow,
3297 .ios .links-list a.color-yellow,
3298 .ios .list .item-link.color-yellow,
3299 .ios .list li.color-yellow .item-link {
3300   color: #ffcc00;
3301 }
3302 .ios .list .list-button.color-orange,
3303 .ios .list li.color-orange .list-button,
3304 .ios .links-list li.color-orange a,
3305 .ios .simple-list li.color-orange,
3306 .ios .links-list a.color-orange,
3307 .ios .list .item-link.color-orange,
3308 .ios .list li.color-orange .item-link {
3309   color: #ff9500;
3310 }
3311 .ios .list .list-button.color-gray,
3312 .ios .list li.color-gray .list-button,
3313 .ios .links-list li.color-gray a,
3314 .ios .simple-list li.color-gray,
3315 .ios .links-list a.color-gray,
3316 .ios .list .item-link.color-gray,
3317 .ios .list li.color-gray .item-link {
3318   color: #8e8e93;
3319 }
3320 .ios .list .list-button.color-white,
3321 .ios .list li.color-white .list-button,
3322 .ios .links-list li.color-white a,
3323 .ios .simple-list li.color-white,
3324 .ios .links-list a.color-white,
3325 .ios .list .item-link.color-white,
3326 .ios .list li.color-white .item-link {
3327   color: #ffffff;
3328 }
3329 .ios .list .list-button.color-black,
3330 .ios .list li.color-black .list-button,
3331 .ios .links-list li.color-black a,
3332 .ios .simple-list li.color-black,
3333 .ios .links-list a.color-black,
3334 .ios .list .item-link.color-black,
3335 .ios .list li.color-black .item-link {
3336   color: #000000;
3337 }
3338 /* === Badge === */
3339 .badge {
3340   display: inline-block;
3341   color: #fff;
3342   background: #8e8e93;
3343   position: relative;
3344   -webkit-box-sizing: border-box;
3345   box-sizing: border-box;
3346   text-align: center;
3347 }
3348 .icon .badge,
3349 .f7-icons .badge,
3350 .framework7-icons .badge,
3351 .material-icons .badge {
3352   position: absolute;
3353   left: 100%;
3354   margin-left: -10px;
3355   top: -2px;
3356 }
3357 .ios .badge {
3358   font-size: 13px;
3359   border-radius: 20px;
3360   padding: 0 6px;
3361   height: 20px;
3362   line-height: 20px;
3363 }
3364 .ios .icon .badge,
3365 .ios .f7-icons .badge,
3366 .ios .framework7-icons .badge,
3367 .ios .material-icons .badge {
3368   line-height: 16px;
3369   height: 16px;
3370   border-radius: 16px;
3371   padding: 0 4px;
3372   min-width: 16px;
3373   font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
3374   font-size: 10px;
3375 }
3376 .ios .badge.color-red {
3377   background-color: #ff3b30;
3378 }
3379 .ios .badge.color-green {
3380   background-color: #4cd964;
3381 }
3382 .ios .badge.color-blue {
3383   background-color: #007aff;
3384 }
3385 .ios .badge.color-pink {
3386   background-color: #ff2d55;
3387 }
3388 .ios .badge.color-yellow {
3389   background-color: #ffcc00;
3390 }
3391 .ios .badge.color-orange {
3392   background-color: #ff9500;
3393 }
3394 .ios .badge.color-gray {
3395   background-color: #8e8e93;
3396 }
3397 .ios .badge.color-white {
3398   background-color: #ffffff;
3399 }
3400 .ios .badge.color-black {
3401   background-color: #000000;
3402 }
3403 button {
3404   -webkit-appearance: none;
3405   -moz-appearance: none;
3406   appearance: none;
3407 }
3408 .button {
3409   text-decoration: none;
3410   text-align: center;
3411   display: block;
3412   -webkit-appearance: none;
3413   -moz-appearance: none;
3414   appearance: none;
3415   background: none;
3416   padding: 0 10px;
3417   margin: 0;
3418   white-space: nowrap;
3419   text-overflow: ellipsis;
3420   font-size: 14px;
3421   position: relative;
3422   overflow: hidden;
3423   font-family: inherit;
3424   cursor: pointer;
3425   outline: 0;
3426   -webkit-box-sizing: border-box;
3427   box-sizing: border-box;
3428   vertical-align: middle;
3429 }
3430 input[type="submit"].button,
3431 input[type="button"].button {
3432   width: 100%;
3433 }
3434 button {
3435   width: 100%;
3436 }
3437 .segmented {
3438   -webkit-align-self: center;
3439   -ms-flex-item-align: center;
3440   align-self: center;
3441   display: -webkit-box;
3442   display: -webkit-flex;
3443   display: -ms-flexbox;
3444   display: flex;
3445   -webkit-flex-wrap: nowrap;
3446   -ms-flex-wrap: nowrap;
3447   flex-wrap: nowrap;
3448 }
3449 .segmented .button,
3450 .segmented button {
3451   width: 100%;
3452   -webkit-flex-shrink: 1;
3453   -ms-flex-negative: 1;
3454   flex-shrink: 1;
3455   min-width: 0;
3456 }
3457 .subnavbar .segmented {
3458   width: 100%;
3459 }
3460 .ios .button {
3461   border: 1px solid #007aff;
3462   color: #007aff;
3463   border-radius: 5px;
3464   line-height: 27px;
3465   height: 29px;
3466 }
3467 .ios .button.active-state {
3468   background: rgba(0, 122, 255, 0.15);
3469 }
3470 .ios .button.button-round,
3471 .ios .button.button-round-ios {
3472   border-radius: 29px;
3473 }
3474 .ios .button.button-active,
3475 .ios .button.tab-link-active {
3476   background: #007aff;
3477   color: #fff;
3478 }
3479 .ios .button.button-big,
3480 .ios .button.button-big-ios {
3481   font-size: 17px;
3482   height: 44px;
3483   line-height: 42px;
3484 }
3485 .ios .button.button-small,
3486 .ios .button.button-small-ios {
3487   height: 26px;
3488   line-height: 22px;
3489   border-width: 2px;
3490   font-size: 13px;
3491   font-weight: 600;
3492   text-transform: uppercase;
3493   -webkit-transition-duration: 200ms;
3494   transition-duration: 200ms;
3495 }
3496 .ios .button.button-small.button-fill.active-state,
3497 .ios .button.button-small-ios.button-fill.active-state,
3498 .ios .button.button-small.button-fill-ios.active-state,
3499 .ios .button.button-small-ios.button-fill-ios.active-state {
3500   color: #007aff;
3501   border: 2px solid #007aff;
3502   background-color: transparent;
3503   opacity: 1;
3504 }
3505 .ios .button.button-fill,
3506 .ios .button.button-fill-ios {
3507   color: #fff;
3508   background: #007aff;
3509   border-color: transparent;
3510 }
3511 .ios .button.button-fill.active-state,
3512 .ios .button.button-fill-ios.active-state {
3513   opacity: 0.8;
3514 }
3515 .ios .button i.icon:first-child {
3516   margin-left: 10px;
3517 }
3518 .ios .button i.icon:last-child {
3519   margin-right: 10px;
3520 }
3521 .ios .button i.icon:first-child:last-child {
3522   margin-left: 0;
3523   margin-right: 0;
3524 }
3525 .ios .segmented .button {
3526   border-radius: 0;
3527   border-right-width: 0;
3528 }
3529 .ios .segmented .button:first-child {
3530   border-radius: 0 5px 5px 0;
3531   border-right-width: 1px;
3532   border-right-style: solid;
3533 }
3534 .ios .segmented .button:first-child.button-small {
3535   border-right-width: 2px;
3536 }
3537 .ios .segmented .button:last-child {
3538   border-radius: 5px 0 0 5px;
3539 }
3540 .ios .segmented .button:first-child:last-child {
3541   border-radius: 5px;
3542 }
3543 .ios .segmented .button.button-round:first-child,
3544 .ios .segmented .button.button-round-ios:first-child {
3545   border-radius: 0 29px 29px 0;
3546 }
3547 .ios .segmented .button.button-round:last-child,
3548 .ios .segmented .button.button-round-ios:last-child {
3549   border-radius: 0 29px 29px 0;
3550   border-radius: 29px 0 0 29px;
3551 }
3552 .ios .color-theme-red .button {
3553   border-color: #ff3b30;
3554   color: #ff3b30;
3555 }
3556 .ios .color-theme-red .button.active-state {
3557   background: rgba(255, 59, 48, 0.15);
3558 }
3559 .ios .color-theme-red .button.button-active,
3560 .ios .color-theme-red .button.tab-link-active,
3561 .ios .color-theme-red .button.button-fill,
3562 .ios .color-theme-red .button.button-fill-ios {
3563   color: #fff;
3564 }
3565 .ios .color-theme-red .button.button-active,
3566 .ios .color-theme-red .button.tab-link-active {
3567   background: #ff3b30;
3568 }
3569 .ios .color-theme-red .button.button-fill,
3570 .ios .color-theme-red .button.button-fill-ios {
3571   background: #ff3b30;
3572   border-color: transparent;
3573 }
3574 .ios .color-theme-red .button.button-small.button-fill.active-state,
3575 .ios .color-theme-red .button.button-small-ios.button-fill.active-state,
3576 .ios .color-theme-red .button.button-small.button-fill-ios.active-state,
3577 .ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state {
3578   color: #ff3b30;
3579   border: 2px solid #ff3b30;
3580   background-color: transparent;
3581 }
3582 .ios .color-theme-green .button {
3583   border-color: #4cd964;
3584   color: #4cd964;
3585 }
3586 .ios .color-theme-green .button.active-state {
3587   background: rgba(76, 217, 100, 0.15);
3588 }
3589 .ios .color-theme-green .button.button-active,
3590 .ios .color-theme-green .button.tab-link-active,
3591 .ios .color-theme-green .button.button-fill,
3592 .ios .color-theme-green .button.button-fill-ios {
3593   color: #fff;
3594 }
3595 .ios .color-theme-green .button.button-active,
3596 .ios .color-theme-green .button.tab-link-active {
3597   background: #4cd964;
3598 }
3599 .ios .color-theme-green .button.button-fill,
3600 .ios .color-theme-green .button.button-fill-ios {
3601   background: #4cd964;
3602   border-color: transparent;
3603 }
3604 .ios .color-theme-green .button.button-small.button-fill.active-state,
3605 .ios .color-theme-green .button.button-small-ios.button-fill.active-state,
3606 .ios .color-theme-green .button.button-small.button-fill-ios.active-state,
3607 .ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state {
3608   color: #4cd964;
3609   border: 2px solid #4cd964;
3610   background-color: transparent;
3611 }
3612 .ios .color-theme-blue .button {
3613   border-color: #007aff;
3614   color: #007aff;
3615 }
3616 .ios .color-theme-blue .button.active-state {
3617   background: rgba(0, 122, 255, 0.15);
3618 }
3619 .ios .color-theme-blue .button.button-active,
3620 .ios .color-theme-blue .button.tab-link-active,
3621 .ios .color-theme-blue .button.button-fill,
3622 .ios .color-theme-blue .button.button-fill-ios {
3623   color: #fff;
3624 }
3625 .ios .color-theme-blue .button.button-active,
3626 .ios .color-theme-blue .button.tab-link-active {
3627   background: #007aff;
3628 }
3629 .ios .color-theme-blue .button.button-fill,
3630 .ios .color-theme-blue .button.button-fill-ios {
3631   background: #007aff;
3632   border-color: transparent;
3633 }
3634 .ios .color-theme-blue .button.button-small.button-fill.active-state,
3635 .ios .color-theme-blue .button.button-small-ios.button-fill.active-state,
3636 .ios .color-theme-blue .button.button-small.button-fill-ios.active-state,
3637 .ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state {
3638   color: #007aff;
3639   border: 2px solid #007aff;
3640   background-color: transparent;
3641 }
3642 .ios .color-theme-pink .button {
3643   border-color: #ff2d55;
3644   color: #ff2d55;
3645 }
3646 .ios .color-theme-pink .button.active-state {
3647   background: rgba(255, 45, 85, 0.15);
3648 }
3649 .ios .color-theme-pink .button.button-active,
3650 .ios .color-theme-pink .button.tab-link-active,
3651 .ios .color-theme-pink .button.button-fill,
3652 .ios .color-theme-pink .button.button-fill-ios {
3653   color: #fff;
3654 }
3655 .ios .color-theme-pink .button.button-active,
3656 .ios .color-theme-pink .button.tab-link-active {
3657   background: #ff2d55;
3658 }
3659 .ios .color-theme-pink .button.button-fill,
3660 .ios .color-theme-pink .button.button-fill-ios {
3661   background: #ff2d55;
3662   border-color: transparent;
3663 }
3664 .ios .color-theme-pink .button.button-small.button-fill.active-state,
3665 .ios .color-theme-pink .button.button-small-ios.button-fill.active-state,
3666 .ios .color-theme-pink .button.button-small.button-fill-ios.active-state,
3667 .ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state {
3668   color: #ff2d55;
3669   border: 2px solid #ff2d55;
3670   background-color: transparent;
3671 }
3672 .ios .color-theme-yellow .button {
3673   border-color: #ffcc00;
3674   color: #ffcc00;
3675 }
3676 .ios .color-theme-yellow .button.active-state {
3677   background: rgba(255, 204, 0, 0.15);
3678 }
3679 .ios .color-theme-yellow .button.button-active,
3680 .ios .color-theme-yellow .button.tab-link-active,
3681 .ios .color-theme-yellow .button.button-fill,
3682 .ios .color-theme-yellow .button.button-fill-ios {
3683   color: #fff;
3684 }
3685 .ios .color-theme-yellow .button.button-active,
3686 .ios .color-theme-yellow .button.tab-link-active {
3687   background: #ffcc00;
3688 }
3689 .ios .color-theme-yellow .button.button-fill,
3690 .ios .color-theme-yellow .button.button-fill-ios {
3691   background: #ffcc00;
3692   border-color: transparent;
3693 }
3694 .ios .color-theme-yellow .button.button-small.button-fill.active-state,
3695 .ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,
3696 .ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,
3697 .ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state {
3698   color: #ffcc00;
3699   border: 2px solid #ffcc00;
3700   background-color: transparent;
3701 }
3702 .ios .color-theme-orange .button {
3703   border-color: #ff9500;
3704   color: #ff9500;
3705 }
3706 .ios .color-theme-orange .button.active-state {
3707   background: rgba(255, 149, 0, 0.15);
3708 }
3709 .ios .color-theme-orange .button.button-active,
3710 .ios .color-theme-orange .button.tab-link-active,
3711 .ios .color-theme-orange .button.button-fill,
3712 .ios .color-theme-orange .button.button-fill-ios {
3713   color: #fff;
3714 }
3715 .ios .color-theme-orange .button.button-active,
3716 .ios .color-theme-orange .button.tab-link-active {
3717   background: #ff9500;
3718 }
3719 .ios .color-theme-orange .button.button-fill,
3720 .ios .color-theme-orange .button.button-fill-ios {
3721   background: #ff9500;
3722   border-color: transparent;
3723 }
3724 .ios .color-theme-orange .button.button-small.button-fill.active-state,
3725 .ios .color-theme-orange .button.button-small-ios.button-fill.active-state,
3726 .ios .color-theme-orange .button.button-small.button-fill-ios.active-state,
3727 .ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state {
3728   color: #ff9500;
3729   border: 2px solid #ff9500;
3730   background-color: transparent;
3731 }
3732 .ios .color-theme-gray .button {
3733   border-color: #8e8e93;
3734   color: #8e8e93;
3735 }
3736 .ios .color-theme-gray .button.active-state {
3737   background: rgba(142, 142, 147, 0.15);
3738 }
3739 .ios .color-theme-gray .button.button-active,
3740 .ios .color-theme-gray .button.tab-link-active,
3741 .ios .color-theme-gray .button.button-fill,
3742 .ios .color-theme-gray .button.button-fill-ios {
3743   color: #fff;
3744 }
3745 .ios .color-theme-gray .button.button-active,
3746 .ios .color-theme-gray .button.tab-link-active {
3747   background: #8e8e93;
3748 }
3749 .ios .color-theme-gray .button.button-fill,
3750 .ios .color-theme-gray .button.button-fill-ios {
3751   background: #8e8e93;
3752   border-color: transparent;
3753 }
3754 .ios .color-theme-gray .button.button-small.button-fill.active-state,
3755 .ios .color-theme-gray .button.button-small-ios.button-fill.active-state,
3756 .ios .color-theme-gray .button.button-small.button-fill-ios.active-state,
3757 .ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state {
3758   color: #8e8e93;
3759   border: 2px solid #8e8e93;
3760   background-color: transparent;
3761 }
3762 .ios .color-theme-white .button {
3763   border-color: #ffffff;
3764   color: #ffffff;
3765 }
3766 .ios .color-theme-white .button.active-state {
3767   background: rgba(255, 255, 255, 0.15);
3768 }
3769 .ios .color-theme-white .button.button-active,
3770 .ios .color-theme-white .button.tab-link-active,
3771 .ios .color-theme-white .button.button-fill,
3772 .ios .color-theme-white .button.button-fill-ios {
3773   color: #fff;
3774 }
3775 .ios .color-theme-white .button.button-active,
3776 .ios .color-theme-white .button.tab-link-active {
3777   background: #ffffff;
3778 }
3779 .ios .color-theme-white .button.button-fill,
3780 .ios .color-theme-white .button.button-fill-ios {
3781   background: #ffffff;
3782   border-color: transparent;
3783 }
3784 .ios .color-theme-white .button.button-small.button-fill.active-state,
3785 .ios .color-theme-white .button.button-small-ios.button-fill.active-state,
3786 .ios .color-theme-white .button.button-small.button-fill-ios.active-state,
3787 .ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state {
3788   color: #ffffff;
3789   border: 2px solid #ffffff;
3790   background-color: transparent;
3791 }
3792 .ios .color-theme-black .button {
3793   border-color: #000000;
3794   color: #000000;
3795 }
3796 .ios .color-theme-black .button.active-state {
3797   background: rgba(0, 0, 0, 0.15);
3798 }
3799 .ios .color-theme-black .button.button-active,
3800 .ios .color-theme-black .button.tab-link-active,
3801 .ios .color-theme-black .button.button-fill,
3802 .ios .color-theme-black .button.button-fill-ios {
3803   color: #fff;
3804 }
3805 .ios .color-theme-black .button.button-active,
3806 .ios .color-theme-black .button.tab-link-active {
3807   background: #000000;
3808 }
3809 .ios .color-theme-black .button.button-fill,
3810 .ios .color-theme-black .button.button-fill-ios {
3811   background: #000000;
3812   border-color: transparent;
3813 }
3814 .ios .color-theme-black .button.button-small.button-fill.active-state,
3815 .ios .color-theme-black .button.button-small-ios.button-fill.active-state,
3816 .ios .color-theme-black .button.button-small.button-fill-ios.active-state,
3817 .ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state {
3818   color: #000000;
3819   border: 2px solid #000000;
3820   background-color: transparent;
3821 }
3822 .ios .button.color-red {
3823   border-color: #ff3b30;
3824   color: #ff3b30;
3825 }
3826 .ios .button.color-red.active-state {
3827   background: rgba(255, 59, 48, 0.15);
3828 }
3829 .ios .button.color-red.button-active,
3830 .ios .button.color-red.tab-link-active,
3831 .ios .button.color-red.button-fill,
3832 .ios .button.color-red.button-fill-ios {
3833   color: #fff;
3834 }
3835 .ios .button.color-red.button-active,
3836 .ios .button.color-red.tab-link-active {
3837   background: #ff3b30;
3838 }
3839 .ios .button.color-red.button-fill,
3840 .ios .button.color-red.button-fill-ios {
3841   background: #ff3b30;
3842   border-color: transparent;
3843 }
3844 .ios .button.color-red.button-small.button-fill.active-state,
3845 .ios .button.color-red.button-small-ios.button-fill.active-state,
3846 .ios .button.color-red.button-small.button-fill-ios.active-state,
3847 .ios .button.color-red.button-small-ios.button-fill-ios.active-state {
3848   color: #ff3b30;
3849   border: 2px solid #ff3b30;
3850   background-color: transparent;
3851 }
3852 .ios .button.color-green {
3853   border-color: #4cd964;
3854   color: #4cd964;
3855 }
3856 .ios .button.color-green.active-state {
3857   background: rgba(76, 217, 100, 0.15);
3858 }
3859 .ios .button.color-green.button-active,
3860 .ios .button.color-green.tab-link-active,
3861 .ios .button.color-green.button-fill,
3862 .ios .button.color-green.button-fill-ios {
3863   color: #fff;
3864 }
3865 .ios .button.color-green.button-active,
3866 .ios .button.color-green.tab-link-active {
3867   background: #4cd964;
3868 }
3869 .ios .button.color-green.button-fill,
3870 .ios .button.color-green.button-fill-ios {
3871   background: #4cd964;
3872   border-color: transparent;
3873 }
3874 .ios .button.color-green.button-small.button-fill.active-state,
3875 .ios .button.color-green.button-small-ios.button-fill.active-state,
3876 .ios .button.color-green.button-small.button-fill-ios.active-state,
3877 .ios .button.color-green.button-small-ios.button-fill-ios.active-state {
3878   color: #4cd964;
3879   border: 2px solid #4cd964;
3880   background-color: transparent;
3881 }
3882 .ios .button.color-blue {
3883   border-color: #007aff;
3884   color: #007aff;
3885 }
3886 .ios .button.color-blue.active-state {
3887   background: rgba(0, 122, 255, 0.15);
3888 }
3889 .ios .button.color-blue.button-active,
3890 .ios .button.color-blue.tab-link-active,
3891 .ios .button.color-blue.button-fill,
3892 .ios .button.color-blue.button-fill-ios {
3893   color: #fff;
3894 }
3895 .ios .button.color-blue.button-active,
3896 .ios .button.color-blue.tab-link-active {
3897   background: #007aff;
3898 }
3899 .ios .button.color-blue.button-fill,
3900 .ios .button.color-blue.button-fill-ios {
3901   background: #007aff;
3902   border-color: transparent;
3903 }
3904 .ios .button.color-blue.button-small.button-fill.active-state,
3905 .ios .button.color-blue.button-small-ios.button-fill.active-state,
3906 .ios .button.color-blue.button-small.button-fill-ios.active-state,
3907 .ios .button.color-blue.button-small-ios.button-fill-ios.active-state {
3908   color: #007aff;
3909   border: 2px solid #007aff;
3910   background-color: transparent;
3911 }
3912 .ios .button.color-pink {
3913   border-color: #ff2d55;
3914   color: #ff2d55;
3915 }
3916 .ios .button.color-pink.active-state {
3917   background: rgba(255, 45, 85, 0.15);
3918 }
3919 .ios .button.color-pink.button-active,
3920 .ios .button.color-pink.tab-link-active,
3921 .ios .button.color-pink.button-fill,
3922 .ios .button.color-pink.button-fill-ios {
3923   color: #fff;
3924 }
3925 .ios .button.color-pink.button-active,
3926 .ios .button.color-pink.tab-link-active {
3927   background: #ff2d55;
3928 }
3929 .ios .button.color-pink.button-fill,
3930 .ios .button.color-pink.button-fill-ios {
3931   background: #ff2d55;
3932   border-color: transparent;
3933 }
3934 .ios .button.color-pink.button-small.button-fill.active-state,
3935 .ios .button.color-pink.button-small-ios.button-fill.active-state,
3936 .ios .button.color-pink.button-small.button-fill-ios.active-state,
3937 .ios .button.color-pink.button-small-ios.button-fill-ios.active-state {
3938   color: #ff2d55;
3939   border: 2px solid #ff2d55;
3940   background-color: transparent;
3941 }
3942 .ios .button.color-yellow {
3943   border-color: #ffcc00;
3944   color: #ffcc00;
3945 }
3946 .ios .button.color-yellow.active-state {
3947   background: rgba(255, 204, 0, 0.15);
3948 }
3949 .ios .button.color-yellow.button-active,
3950 .ios .button.color-yellow.tab-link-active,
3951 .ios .button.color-yellow.button-fill,
3952 .ios .button.color-yellow.button-fill-ios {
3953   color: #fff;
3954 }
3955 .ios .button.color-yellow.button-active,
3956 .ios .button.color-yellow.tab-link-active {
3957   background: #ffcc00;
3958 }
3959 .ios .button.color-yellow.button-fill,
3960 .ios .button.color-yellow.button-fill-ios {
3961   background: #ffcc00;
3962   border-color: transparent;
3963 }
3964 .ios .button.color-yellow.button-small.button-fill.active-state,
3965 .ios .button.color-yellow.button-small-ios.button-fill.active-state,
3966 .ios .button.color-yellow.button-small.button-fill-ios.active-state,
3967 .ios .button.color-yellow.button-small-ios.button-fill-ios.active-state {
3968   color: #ffcc00;
3969   border: 2px solid #ffcc00;
3970   background-color: transparent;
3971 }
3972 .ios .button.color-orange {
3973   border-color: #ff9500;
3974   color: #ff9500;
3975 }
3976 .ios .button.color-orange.active-state {
3977   background: rgba(255, 149, 0, 0.15);
3978 }
3979 .ios .button.color-orange.button-active,
3980 .ios .button.color-orange.tab-link-active,
3981 .ios .button.color-orange.button-fill,
3982 .ios .button.color-orange.button-fill-ios {
3983   color: #fff;
3984 }
3985 .ios .button.color-orange.button-active,
3986 .ios .button.color-orange.tab-link-active {
3987   background: #ff9500;
3988 }
3989 .ios .button.color-orange.button-fill,
3990 .ios .button.color-orange.button-fill-ios {
3991   background: #ff9500;
3992   border-color: transparent;
3993 }
3994 .ios .button.color-orange.button-small.button-fill.active-state,
3995 .ios .button.color-orange.button-small-ios.button-fill.active-state,
3996 .ios .button.color-orange.button-small.button-fill-ios.active-state,
3997 .ios .button.color-orange.button-small-ios.button-fill-ios.active-state {
3998   color: #ff9500;
3999   border: 2px solid #ff9500;
4000   background-color: transparent;
4001 }
4002 .ios .button.color-gray {
4003   border-color: #8e8e93;
4004   color: #8e8e93;
4005 }
4006 .ios .button.color-gray.active-state {
4007   background: rgba(142, 142, 147, 0.15);
4008 }
4009 .ios .button.color-gray.button-active,
4010 .ios .button.color-gray.tab-link-active,
4011 .ios .button.color-gray.button-fill,
4012 .ios .button.color-gray.button-fill-ios {
4013   color: #fff;
4014 }
4015 .ios .button.color-gray.button-active,
4016 .ios .button.color-gray.tab-link-active {
4017   background: #8e8e93;
4018 }
4019 .ios .button.color-gray.button-fill,
4020 .ios .button.color-gray.button-fill-ios {
4021   background: #8e8e93;
4022   border-color: transparent;
4023 }
4024 .ios .button.color-gray.button-small.button-fill.active-state,
4025 .ios .button.color-gray.button-small-ios.button-fill.active-state,
4026 .ios .button.color-gray.button-small.button-fill-ios.active-state,
4027 .ios .button.color-gray.button-small-ios.button-fill-ios.active-state {
4028   color: #8e8e93;
4029   border: 2px solid #8e8e93;
4030   background-color: transparent;
4031 }
4032 .ios .button.color-white {
4033   border-color: #ffffff;
4034   color: #ffffff;
4035 }
4036 .ios .button.color-white.active-state {
4037   background: rgba(255, 255, 255, 0.15);
4038 }
4039 .ios .button.color-white.button-active,
4040 .ios .button.color-white.tab-link-active,
4041 .ios .button.color-white.button-fill,
4042 .ios .button.color-white.button-fill-ios {
4043   color: #fff;
4044 }
4045 .ios .button.color-white.button-active,
4046 .ios .button.color-white.tab-link-active {
4047   background: #ffffff;
4048 }
4049 .ios .button.color-white.button-fill,
4050 .ios .button.color-white.button-fill-ios {
4051   background: #ffffff;
4052   border-color: transparent;
4053 }
4054 .ios .button.color-white.button-small.button-fill.active-state,
4055 .ios .button.color-white.button-small-ios.button-fill.active-state,
4056 .ios .button.color-white.button-small.button-fill-ios.active-state,
4057 .ios .button.color-white.button-small-ios.button-fill-ios.active-state {
4058   color: #ffffff;
4059   border: 2px solid #ffffff;
4060   background-color: transparent;
4061 }
4062 .ios .button.color-black {
4063   border-color: #000000;
4064   color: #000000;
4065 }
4066 .ios .button.color-black.active-state {
4067   background: rgba(0, 0, 0, 0.15);
4068 }
4069 .ios .button.color-black.button-active,
4070 .ios .button.color-black.tab-link-active,
4071 .ios .button.color-black.button-fill,
4072 .ios .button.color-black.button-fill-ios {
4073   color: #fff;
4074 }
4075 .ios .button.color-black.button-active,
4076 .ios .button.color-black.tab-link-active {
4077   background: #000000;
4078 }
4079 .ios .button.color-black.button-fill,
4080 .ios .button.color-black.button-fill-ios {
4081   background: #000000;
4082   border-color: transparent;
4083 }
4084 .ios .button.color-black.button-small.button-fill.active-state,
4085 .ios .button.color-black.button-small-ios.button-fill.active-state,
4086 .ios .button.color-black.button-small.button-fill-ios.active-state,
4087 .ios .button.color-black.button-small-ios.button-fill-ios.active-state {
4088   color: #000000;
4089   border: 2px solid #000000;
4090   background-color: transparent;
4091 }
4092 /* === Touch Ripple === */
4093 /* === Icon === */
4094 i.icon {
4095   display: inline-block;
4096   vertical-align: middle;
4097   background-size: 100% auto;
4098   background-position: center;
4099   background-repeat: no-repeat;
4100   font-style: normal;
4101   position: relative;
4102 }
4103 .ios .icon-back,
4104 .ios .icon-prev {
4105   width: 12px;
4106   height: 20px;
4107 }
4108 .ios .icon-forward,
4109 .ios .icon-next {
4110   width: 12px;
4111   height: 20px;
4112 }
4113 .ios .icon-next,
4114 .ios .icon-prev {
4115   width: 10px;
4116 }
4117 .ios .icon-forward,
4118 .ios .icon-next {
4119   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");
4120 }
4121 .ios .icon-back,
4122 .ios .icon-prev {
4123   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");
4124 }
4125 .ios .navbar .f7-icons,
4126 .ios .toolbar .f7-icons {
4127   font-size: 22px;
4128 }
4129 .ios .tabbar .f7-icons,
4130 .ios .tabbar-labels .f7-icons {
4131   font-size: 25px;
4132 }
4133 .ios .item-media .f7-icons {
4134   font-size: 25px;
4135   width: 29px;
4136   height: 29px;
4137 }
4138 .ios .button .f7-icons {
4139   font-size: 22px;
4140 }
4141 .ios .item-media .icon {
4142   color: #808080;
4143 }
4144 .ios .color-theme-red .icon-forward,
4145 .ios .icon-forward.color-red,
4146 .ios a.link.color-red .icon-forward,
4147 .ios .color-theme-red .icon-next,
4148 .ios .icon-next.color-red,
4149 .ios a.link.color-red .icon-next {
4150   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");
4151 }
4152 .ios .color-theme-red .icon-back,
4153 .ios .icon-back.color-red,
4154 .ios a.link.color-red .icon-back,
4155 .ios .color-theme-red .icon-prev,
4156 .ios .icon-prev.color-red,
4157 .ios a.link.color-red .icon-prev {
4158   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");
4159 }
4160 .ios .color-theme-green .icon-forward,
4161 .ios .icon-forward.color-green,
4162 .ios a.link.color-green .icon-forward,
4163 .ios .color-theme-green .icon-next,
4164 .ios .icon-next.color-green,
4165 .ios a.link.color-green .icon-next {
4166   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");
4167 }
4168 .ios .color-theme-green .icon-back,
4169 .ios .icon-back.color-green,
4170 .ios a.link.color-green .icon-back,
4171 .ios .color-theme-green .icon-prev,
4172 .ios .icon-prev.color-green,
4173 .ios a.link.color-green .icon-prev {
4174   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");
4175 }
4176 .ios .color-theme-blue .icon-forward,
4177 .ios .icon-forward.color-blue,
4178 .ios a.link.color-blue .icon-forward,
4179 .ios .color-theme-blue .icon-next,
4180 .ios .icon-next.color-blue,
4181 .ios a.link.color-blue .icon-next {
4182   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");
4183 }
4184 .ios .color-theme-blue .icon-back,
4185 .ios .icon-back.color-blue,
4186 .ios a.link.color-blue .icon-back,
4187 .ios .color-theme-blue .icon-prev,
4188 .ios .icon-prev.color-blue,
4189 .ios a.link.color-blue .icon-prev {
4190   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");
4191 }
4192 .ios .color-theme-pink .icon-forward,
4193 .ios .icon-forward.color-pink,
4194 .ios a.link.color-pink .icon-forward,
4195 .ios .color-theme-pink .icon-next,
4196 .ios .icon-next.color-pink,
4197 .ios a.link.color-pink .icon-next {
4198   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");
4199 }
4200 .ios .color-theme-pink .icon-back,
4201 .ios .icon-back.color-pink,
4202 .ios a.link.color-pink .icon-back,
4203 .ios .color-theme-pink .icon-prev,
4204 .ios .icon-prev.color-pink,
4205 .ios a.link.color-pink .icon-prev {
4206   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");
4207 }
4208 .ios .color-theme-yellow .icon-forward,
4209 .ios .icon-forward.color-yellow,
4210 .ios a.link.color-yellow .icon-forward,
4211 .ios .color-theme-yellow .icon-next,
4212 .ios .icon-next.color-yellow,
4213 .ios a.link.color-yellow .icon-next {
4214   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");
4215 }
4216 .ios .color-theme-yellow .icon-back,
4217 .ios .icon-back.color-yellow,
4218 .ios a.link.color-yellow .icon-back,
4219 .ios .color-theme-yellow .icon-prev,
4220 .ios .icon-prev.color-yellow,
4221 .ios a.link.color-yellow .icon-prev {
4222   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");
4223 }
4224 .ios .color-theme-orange .icon-forward,
4225 .ios .icon-forward.color-orange,
4226 .ios a.link.color-orange .icon-forward,
4227 .ios .color-theme-orange .icon-next,
4228 .ios .icon-next.color-orange,
4229 .ios a.link.color-orange .icon-next {
4230   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");
4231 }
4232 .ios .color-theme-orange .icon-back,
4233 .ios .icon-back.color-orange,
4234 .ios a.link.color-orange .icon-back,
4235 .ios .color-theme-orange .icon-prev,
4236 .ios .icon-prev.color-orange,
4237 .ios a.link.color-orange .icon-prev {
4238   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");
4239 }
4240 .ios .color-theme-gray .icon-forward,
4241 .ios .icon-forward.color-gray,
4242 .ios a.link.color-gray .icon-forward,
4243 .ios .color-theme-gray .icon-next,
4244 .ios .icon-next.color-gray,
4245 .ios a.link.color-gray .icon-next {
4246   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");
4247 }
4248 .ios .color-theme-gray .icon-back,
4249 .ios .icon-back.color-gray,
4250 .ios a.link.color-gray .icon-back,
4251 .ios .color-theme-gray .icon-prev,
4252 .ios .icon-prev.color-gray,
4253 .ios a.link.color-gray .icon-prev {
4254   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");
4255 }
4256 .ios .color-theme-white .icon-forward,
4257 .ios .icon-forward.color-white,
4258 .ios a.link.color-white .icon-forward,
4259 .ios .color-theme-white .icon-next,
4260 .ios .icon-next.color-white,
4261 .ios a.link.color-white .icon-next {
4262   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");
4263 }
4264 .ios .color-theme-white .icon-back,
4265 .ios .icon-back.color-white,
4266 .ios a.link.color-white .icon-back,
4267 .ios .color-theme-white .icon-prev,
4268 .ios .icon-prev.color-white,
4269 .ios a.link.color-white .icon-prev {
4270   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");
4271 }
4272 .ios .color-theme-black .icon-forward,
4273 .ios .icon-forward.color-black,
4274 .ios a.link.color-black .icon-forward,
4275 .ios .color-theme-black .icon-next,
4276 .ios .icon-next.color-black,
4277 .ios a.link.color-black .icon-next {
4278   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");
4279 }
4280 .ios .color-theme-black .icon-back,
4281 .ios .icon-back.color-black,
4282 .ios a.link.color-black .icon-back,
4283 .ios .color-theme-black .icon-prev,
4284 .ios .icon-prev.color-black,
4285 .ios a.link.color-black .icon-prev {
4286   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");
4287 }
4288 .ios .icon.color-red {
4289   color: #ff3b30;
4290 }
4291 .ios .icon.color-green {
4292   color: #4cd964;
4293 }
4294 .ios .icon.color-blue {
4295   color: #007aff;
4296 }
4297 .ios .icon.color-pink {
4298   color: #ff2d55;
4299 }
4300 .ios .icon.color-yellow {
4301   color: #ffcc00;
4302 }
4303 .ios .icon.color-orange {
4304   color: #ff9500;
4305 }
4306 .ios .icon.color-gray {
4307   color: #8e8e93;
4308 }
4309 .ios .icon.color-white {
4310   color: #ffffff;
4311 }
4312 .ios .icon.color-black {
4313   color: #000000;
4314 }
4315 .custom-modal-backdrop {
4316   position: absolute;
4317   left: 0;
4318   top: 0;
4319   width: 100%;
4320   height: 100%;
4321   background: rgba(0, 0, 0, 0.4);
4322   z-index: 13000;
4323   visibility: hidden;
4324   opacity: 0;
4325   -webkit-transition-duration: 400ms;
4326   transition-duration: 400ms;
4327   z-index: 10500;
4328 }
4329 .custom-modal-backdrop.not-animated {
4330   -webkit-transition-duration: 0ms;
4331   transition-duration: 0ms;
4332 }
4333 .custom-modal-backdrop.backdrop-in {
4334   visibility: visible;
4335   opacity: 1;
4336 }
4337 /* === Dialog === */
4338 .dialog-backdrop {
4339   position: absolute;
4340   left: 0;
4341   top: 0;
4342   width: 100%;
4343   height: 100%;
4344   background: rgba(0, 0, 0, 0.4);
4345   z-index: 13000;
4346   visibility: hidden;
4347   opacity: 0;
4348   -webkit-transition-duration: 400ms;
4349   transition-duration: 400ms;
4350 }
4351 .dialog-backdrop.not-animated {
4352   -webkit-transition-duration: 0ms;
4353   transition-duration: 0ms;
4354 }
4355 .dialog-backdrop.backdrop-in {
4356   visibility: visible;
4357   opacity: 1;
4358 }
4359 .dialog {
4360   position: absolute;
4361   z-index: 13500;
4362   left: 50%;
4363   margin-top: 0;
4364   top: 50%;
4365   overflow: hidden;
4366   opacity: 0;
4367   -webkit-transform: translate3d(0, 0, 0) scale(1.185);
4368   transform: translate3d(0, 0, 0) scale(1.185);
4369   -webkit-transition-property: opacity, -webkit-transform;
4370   transition-property: opacity, -webkit-transform;
4371   transition-property: transform, opacity;
4372   transition-property: transform, opacity, -webkit-transform;
4373   display: none;
4374   -webkit-transition-duration: 400ms;
4375   transition-duration: 400ms;
4376 }
4377 .dialog.modal-in {
4378   opacity: 1;
4379   -webkit-transform: translate3d(0, 0, 0) scale(1);
4380   transform: translate3d(0, 0, 0) scale(1);
4381 }
4382 .dialog.modal-out {
4383   opacity: 0;
4384   z-index: 13499;
4385 }
4386 .dialog.not-animated {
4387   -webkit-transition-duration: 0ms;
4388   transition-duration: 0ms;
4389 }
4390 .dialog-inner {
4391   position: relative;
4392 }
4393 .dialog-title {
4394   font-weight: 500;
4395 }
4396 .dialog-buttons {
4397   position: relative;
4398   display: -webkit-box;
4399   display: -webkit-flex;
4400   display: -ms-flexbox;
4401   display: flex;
4402   -webkit-box-orient: horizontal;
4403   -webkit-box-direction: reverse;
4404   -webkit-flex-direction: row-reverse;
4405   -ms-flex-direction: row-reverse;
4406   flex-direction: row-reverse;
4407 }
4408 .dialog-buttons-vertical .dialog-buttons {
4409   display: block;
4410   height: auto !important;
4411 }
4412 .dialog-no-buttons .dialog-buttons {
4413   display: none;
4414 }
4415 .dialog-input-field {
4416   position: relative;
4417 }
4418 .dialog-input-field .item-input-wrap {
4419   margin: 0;
4420   padding: 0;
4421 }
4422 .dialog-input {
4423   -webkit-box-sizing: border-box;
4424   box-sizing: border-box;
4425   margin: 0;
4426   margin-top: 15px;
4427   border-radius: 0;
4428   -webkit-appearance: none;
4429   -moz-appearance: none;
4430   appearance: none;
4431   width: 100%;
4432   display: block;
4433   font-family: inherit;
4434   -webkit-box-shadow: none;
4435   box-shadow: none;
4436 }
4437 html.with-modal-dialog .page-content {
4438   overflow: hidden;
4439   -webkit-overflow-scrolling: auto;
4440 }
4441 .ios .dialog {
4442   width: 270px;
4443   margin-left: -135px;
4444   text-align: center;
4445   border-radius: 13px;
4446   color: #000;
4447 }
4448 .ios .dialog.modal-out {
4449   -webkit-transform: translate3d(0, 0, 0) scale(1);
4450   transform: translate3d(0, 0, 0) scale(1);
4451 }
4452 .ios .dialog-inner {
4453   padding: 15px;
4454   border-radius: 13px 13px 0 0;
4455   background: rgba(255, 255, 255, 0.95);
4456 }
4457 .ios .dialog-inner:after {
4458   content: '';
4459   position: absolute;
4460   background-color: rgba(0, 0, 0, 0.2);
4461   display: block;
4462   z-index: 15;
4463   top: auto;
4464   right: auto;
4465   bottom: 0;
4466   left: 0;
4467   height: 1px;
4468   width: 100%;
4469   -webkit-transform-origin: 50% 100%;
4470   transform-origin: 50% 100%;
4471 }
4472 .ios.device-pixel-ratio-2 .dialog-inner:after {
4473   -webkit-transform: scaleY(0.5);
4474   transform: scaleY(0.5);
4475 }
4476 .ios.device-pixel-ratio-3 .dialog-inner:after {
4477   -webkit-transform: scaleY(0.33);
4478   transform: scaleY(0.33);
4479 }
4480 .ios .dialog-title {
4481   font-size: 18px;
4482   text-align: center;
4483   font-weight: 600;
4484 }
4485 .ios .dialog-title + .dialog-text {
4486   margin-top: 5px;
4487 }
4488 .ios .dialog-buttons {
4489   height: 44px;
4490   -webkit-box-pack: center;
4491   -webkit-justify-content: center;
4492   -ms-flex-pack: center;
4493   justify-content: center;
4494 }
4495 .ios .dialog-button {
4496   width: 100%;
4497   padding: 0 5px;
4498   height: 44px;
4499   font-size: 17px;
4500   line-height: 44px;
4501   text-align: center;
4502   color: #007aff;
4503   display: block;
4504   position: relative;
4505   white-space: nowrap;
4506   text-overflow: ellipsis;
4507   overflow: hidden;
4508   cursor: pointer;
4509   -webkit-box-sizing: border-box;
4510   box-sizing: border-box;
4511   -webkit-box-flex: 1;
4512   -ms-flex: 1;
4513   background: rgba(255, 255, 255, 0.95);
4514 }
4515 .ios .dialog-button:first-child {
4516   border-radius: 0 0 0 13px;
4517 }
4518 .ios .dialog-button:last-child {
4519   border-radius: 0 0 13px 0;
4520 }
4521 .ios .dialog-button:last-child:after {
4522   display: none !important;
4523 }
4524 .ios .dialog-button:first-child:last-child {
4525   border-radius: 0 0 13px 13px;
4526 }
4527 .ios .dialog-button.dialog-button-bold {
4528   font-weight: 500;
4529 }
4530 .ios .dialog-button.active-state {
4531   background: rgba(230, 230, 230, 0.95);
4532 }
4533 .ios .dialog-buttons-vertical .dialog-buttons {
4534   height: auto;
4535 }
4536 .ios .dialog-buttons-vertical .dialog-button {
4537   border-radius: 0;
4538 }
4539 .ios .dialog-buttons-vertical .dialog-button:last-child {
4540   border-radius: 0 0 13px 13px;
4541 }
4542 .ios .dialog-buttons-vertical .dialog-button:last-child:after {
4543   display: none !important;
4544 }
4545 .ios .dialog-button:after {
4546   content: '';
4547   position: absolute;
4548   background-color: rgba(0, 0, 0, 0.2);
4549   display: block;
4550   z-index: 15;
4551   top: 0;
4552   right: 0;
4553   bottom: auto;
4554   left: auto;
4555   width: 1px;
4556   height: 100%;
4557   -webkit-transform-origin: 100% 50%;
4558   transform-origin: 100% 50%;
4559 }
4560 .ios.device-pixel-ratio-2 .dialog-button:after {
4561   -webkit-transform: scaleX(0.5);
4562   transform: scaleX(0.5);
4563 }
4564 .ios.device-pixel-ratio-3 .dialog-button:after {
4565   -webkit-transform: scaleX(0.33);
4566   transform: scaleX(0.33);
4567 }
4568 .ios .dialog-buttons-vertical .dialog-button:after {
4569   content: '';
4570   position: absolute;
4571   background-color: rgba(0, 0, 0, 0.2);
4572   display: block;
4573   z-index: 15;
4574   top: auto;
4575   right: auto;
4576   bottom: 0;
4577   left: 0;
4578   height: 1px;
4579   width: 100%;
4580   -webkit-transform-origin: 50% 100%;
4581   transform-origin: 50% 100%;
4582 }
4583 .ios.device-pixel-ratio-2 .dialog-buttons-vertical .dialog-button:after {
4584   -webkit-transform: scaleY(0.5);
4585   transform: scaleY(0.5);
4586 }
4587 .ios.device-pixel-ratio-3 .dialog-buttons-vertical .dialog-button:after {
4588   -webkit-transform: scaleY(0.33);
4589   transform: scaleY(0.33);
4590 }
4591 .ios .dialog-no-buttons .dialog-inner {
4592   border-radius: 13px;
4593 }
4594 .ios .dialog-no-buttons .dialog-inner:after {
4595   display: none !important;
4596 }
4597 .ios .dialog-input-field {
4598   margin-top: 15px;
4599 }
4600 .ios .dialog-input-field .item-input-wrap {
4601   margin: 0;
4602 }
4603 .ios .dialog-input {
4604   height: 26px;
4605   background: #fff;
4606   padding: 0 5px;
4607   border: 1px solid rgba(0, 0, 0, 0.3);
4608   font-size: 14px;
4609 }
4610 .ios .dialog-input + .dialog-input {
4611   margin-top: 5px;
4612 }
4613 .ios .dialog-input-double + .dialog-input-double {
4614   margin-top: 0;
4615 }
4616 .ios .dialog-input-double + .dialog-input-double .dialog-input {
4617   border-top: 0;
4618   margin-top: 0;
4619 }
4620 .ios .dialog-preloader .dialog-title ~ .preloader,
4621 .ios .dialog-preloader .dialog-text ~ .preloader {
4622   margin-top: 5px;
4623 }
4624 .ios .dialog-preloader .preloader {
4625   width: 34px;
4626   height: 34px;
4627 }
4628 .ios .dialog-progress .dialog-title ~ .progressbar,
4629 .ios .dialog-progress .dialog-text ~ .progressbar,
4630 .ios .dialog-progress .dialog-title ~ .progressbar-infinite,
4631 .ios .dialog-progress .dialog-text ~ .progressbar-infinite {
4632   margin-top: 15px;
4633 }
4634 .ios .dialog-button.color-red {
4635   color: #ff3b30;
4636 }
4637 .ios .dialog-button.color-green {
4638   color: #4cd964;
4639 }
4640 .ios .dialog-button.color-blue {
4641   color: #007aff;
4642 }
4643 .ios .dialog-button.color-pink {
4644   color: #ff2d55;
4645 }
4646 .ios .dialog-button.color-yellow {
4647   color: #ffcc00;
4648 }
4649 .ios .dialog-button.color-orange {
4650   color: #ff9500;
4651 }
4652 .ios .dialog-button.color-gray {
4653   color: #8e8e93;
4654 }
4655 .ios .dialog-button.color-white {
4656   color: #ffffff;
4657 }
4658 .ios .dialog-button.color-black {
4659   color: #000000;
4660 }
4661 /* === Popup === */
4662 .popup-backdrop {
4663   position: absolute;
4664   left: 0;
4665   top: 0;
4666   width: 100%;
4667   height: 100%;
4668   background: rgba(0, 0, 0, 0.4);
4669   z-index: 13000;
4670   visibility: hidden;
4671   opacity: 0;
4672   -webkit-transition-duration: 400ms;
4673   transition-duration: 400ms;
4674   z-index: 10500;
4675 }
4676 .popup-backdrop.not-animated {
4677   -webkit-transition-duration: 0ms;
4678   transition-duration: 0ms;
4679 }
4680 .popup-backdrop.backdrop-in {
4681   visibility: visible;
4682   opacity: 1;
4683 }
4684 .popup {
4685   position: absolute;
4686   left: 0;
4687   top: 0;
4688   width: 100%;
4689   height: 100%;
4690   display: none;
4691   -webkit-box-sizing: border-box;
4692   box-sizing: border-box;
4693   -webkit-transition-property: -webkit-transform;
4694   transition-property: -webkit-transform;
4695   transition-property: transform;
4696   transition-property: transform, -webkit-transform;
4697   -webkit-transform: translate3d(0, 100%, 0);
4698   transform: translate3d(0, 100%, 0);
4699   background: #fff;
4700   z-index: 11000;
4701 }
4702 .popup.modal-in,
4703 .popup.modal-out {
4704   -webkit-transition-duration: 400ms;
4705   transition-duration: 400ms;
4706 }
4707 .popup.not-animated {
4708   -webkit-transition-duration: 0ms;
4709   transition-duration: 0ms;
4710 }
4711 .popup.modal-in {
4712   display: block;
4713   -webkit-transform: translate3d(0, 0, 0);
4714   transform: translate3d(0, 0, 0);
4715 }
4716 .popup.modal-out {
4717   -webkit-transform: translate3d(0, 100%, 0);
4718   transform: translate3d(0, 100%, 0);
4719 }
4720 @media (min-width: 630px) and (min-height: 630px) {
4721   .popup:not(.popup-tablet-fullscreen) {
4722     width: 630px;
4723     height: 630px;
4724     left: 50%;
4725     top: 50%;
4726     margin-left: -315px;
4727     margin-top: -315px;
4728     -webkit-transform: translate3d(0, 100vh, 0);
4729     transform: translate3d(0, 100vh, 0);
4730   }
4731   .popup:not(.popup-tablet-fullscreen).modal-in {
4732     -webkit-transform: translate3d(0, 0, 0);
4733     transform: translate3d(0, 0, 0);
4734   }
4735   .popup:not(.popup-tablet-fullscreen).modal-out {
4736     -webkit-transform: translate3d(0, 100vh, 0);
4737     transform: translate3d(0, 100vh, 0);
4738   }
4739 }
4740 @media (max-width: 629px), (max-height: 629px) {
4741   html.with-statusbar .popup-backdrop {
4742     z-index: 9500;
4743   }
4744   html.with-statusbar.device-ios .popup,
4745   html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup {
4746     height: calc(100% - 20px);
4747     top: 20px;
4748   }
4749   html.with-statusbar.device-iphone-x .popup {
4750     height: calc(100% - constant(safe-area-inset-top));
4751     height: calc(100% - env(safe-area-inset-top));
4752     top: constant(safe-area-inset-top);
4753     top: env(safe-area-inset-top);
4754   }
4755   html.with-statusbar.device-android .popup,
4756   html.with-statusbar.md:not(.device-ios):not(.device-android) .popup {
4757     height: calc(100% - 24px);
4758     top: 24px;
4759   }
4760 }
4761 @media (min-width: 630px), (min-height: 630px) {
4762   html.with-statusbar.device-ios .popup-tablet-fullscreen,
4763   html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen {
4764     height: calc(100% - 20px);
4765     top: 20px;
4766   }
4767   html.with-statusbar.device-iphone-x .popup-tablet-fullscreen {
4768     height: calc(100% - constant(safe-area-inset-top));
4769     height: calc(100% - env(safe-area-inset-top));
4770     top: constant(safe-area-inset-top);
4771     top: env(safe-area-inset-top);
4772   }
4773   html.with-statusbar.device-android .popup-tablet-fullscreen,
4774   html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen {
4775     height: calc(100% - 24px);
4776     top: 24px;
4777   }
4778 }
4779 html.with-modal-popup .framework7-root > .views .page-content,
4780 html.with-modal-popup .framework7-root > .view .page-content,
4781 html.with-modal-popup .framework7-root > .panel .page-content {
4782   overflow: hidden;
4783   -webkit-overflow-scrolling: auto;
4784 }
4785 /* === Login Screen === */
4786 .login-screen {
4787   position: absolute;
4788   left: 0;
4789   top: 0;
4790   width: 100%;
4791   height: 100%;
4792   display: none;
4793   -webkit-box-sizing: border-box;
4794   box-sizing: border-box;
4795   -webkit-transition-property: -webkit-transform;
4796   transition-property: -webkit-transform;
4797   transition-property: transform;
4798   transition-property: transform, -webkit-transform;
4799   -webkit-transform: translate3d(0, 100%, 0);
4800   transform: translate3d(0, 100%, 0);
4801   background: #fff;
4802   z-index: 11000;
4803 }
4804 .login-screen.modal-in,
4805 .login-screen.modal-out {
4806   -webkit-transition-duration: 400ms;
4807   transition-duration: 400ms;
4808 }
4809 .login-screen.not-animated {
4810   -webkit-transition-duration: 0ms;
4811   transition-duration: 0ms;
4812 }
4813 .login-screen.modal-in {
4814   display: block;
4815   -webkit-transform: translate3d(0, 0, 0);
4816   transform: translate3d(0, 0, 0);
4817 }
4818 .login-screen.modal-out {
4819   -webkit-transform: translate3d(0, 100%, 0);
4820   transform: translate3d(0, 100%, 0);
4821 }
4822 html.with-statusbar.device-ios .login-screen,
4823 html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen {
4824   height: calc(100% - 20px);
4825   top: 20px;
4826 }
4827 html.with-statusbar.device-iphone-x .login-screen {
4828   height: calc(100% - constant(safe-area-inset-top));
4829   height: calc(100% - env(safe-area-inset-top));
4830   top: constant(safe-area-inset-top);
4831   top: env(safe-area-inset-top);
4832 }
4833 html.with-statusbar.device-android .login-screen,
4834 html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen {
4835   height: calc(100% - 24px);
4836   top: 24px;
4837 }
4838 .login-screen-content {
4839   background: #fff;
4840 }
4841 .login-screen-content .login-screen-title,
4842 .login-screen-content .list,
4843 .login-screen-content .block,
4844 .login-screen-content .block-footer,
4845 .login-screen-content .block-header {
4846   max-width: 480px;
4847 }
4848 .login-screen-content .list ul {
4849   background: none;
4850 }
4851 .login-screen-content .list ul:before {
4852   display: none !important;
4853 }
4854 .login-screen-content .list ul:after {
4855   display: none !important;
4856 }
4857 .login-screen-content .block-footer,
4858 .login-screen-content .block-header {
4859   text-align: center;
4860   margin-left: auto;
4861   margin-right: auto;
4862 }
4863 .login-screen-title {
4864   text-align: center;
4865 }
4866 .ios .login-screen-content .login-screen-title,
4867 .ios .login-screen-content .list,
4868 .ios .login-screen-content .block {
4869   margin: 25px auto;
4870 }
4871 .ios .login-screen-title {
4872   font-size: 30px;
4873 }
4874 .ios .theme-dark .login-screen-content,
4875 .ios .theme-dark .login-screen-content .list ul {
4876   background-color: transparent;
4877 }
4878 /* === Popover === */
4879 .popover-backdrop {
4880   position: absolute;
4881   left: 0;
4882   top: 0;
4883   width: 100%;
4884   height: 100%;
4885   background: rgba(0, 0, 0, 0.4);
4886   z-index: 13000;
4887   visibility: hidden;
4888   opacity: 0;
4889   -webkit-transition-duration: 400ms;
4890   transition-duration: 400ms;
4891 }
4892 .popover-backdrop.not-animated {
4893   -webkit-transition-duration: 0ms;
4894   transition-duration: 0ms;
4895 }
4896 .popover-backdrop.backdrop-in {
4897   visibility: visible;
4898   opacity: 1;
4899 }
4900 .popover {
4901   width: 260px;
4902   z-index: 13500;
4903   margin: 0;
4904   top: 0;
4905   opacity: 0;
4906   left: 0;
4907   position: absolute;
4908   display: none;
4909   -webkit-transition-duration: 300ms;
4910   transition-duration: 300ms;
4911 }
4912 .popover .list {
4913   margin: 0;
4914 }
4915 .popover .list ul {
4916   background: none;
4917 }
4918 .popover .list:first-child ul:before {
4919   display: none !important;
4920 }
4921 .popover .list:last-child ul:after {
4922   display: none !important;
4923 }
4924 .popover.modal-in {
4925   opacity: 1;
4926 }
4927 .popover.not-animated {
4928   -webkit-transition-duration: 0ms;
4929   transition-duration: 0ms;
4930 }
4931 .popover-inner {
4932   overflow: auto;
4933   -webkit-overflow-scrolling: touch;
4934 }
4935 .popover-from-actions-bold {
4936   font-weight: 600;
4937 }
4938 .popover-from-actions-label {
4939   line-height: 1.3;
4940   position: relative;
4941 }
4942 .popover-from-actions-label:last-child:after {
4943   display: none !important;
4944 }
4945 .ios .popover {
4946   background: rgba(255, 255, 255, 0.95);
4947   border-radius: 13px;
4948   -webkit-transform: none;
4949   transform: none;
4950   -webkit-transition-property: opacity;
4951   transition-property: opacity;
4952 }
4953 .ios .popover .list:first-child ul {
4954   border-radius: 13px 13px 0 0;
4955 }
4956 .ios .popover .list:first-child li:first-child,
4957 .ios .popover .list:first-child li:first-child a,
4958 .ios .popover .list:first-child li:first-child > label {
4959   border-radius: 13px 13px 0 0;
4960 }
4961 .ios .popover .list:last-child ul {
4962   border-radius: 0 0 13px 13px;
4963 }
4964 .ios .popover .list:last-child li:last-child,
4965 .ios .popover .list:last-child li:last-child a,
4966 .ios .popover .list:last-child li:last-child > label {
4967   border-radius: 0 0 13px 13px;
4968 }
4969 .ios .popover .list:first-child:last-child li:first-child:last-child,
4970 .ios .popover .list:first-child:last-child li:first-child:last-child a,
4971 .ios .popover .list:first-child:last-child li:first-child:last-child > label,
4972 .ios .popover .list:first-child:last-child ul {
4973   border-radius: 13px;
4974 }
4975 .ios .popover .list + .list {
4976   margin-top: 35px;
4977 }
4978 .ios .popover-angle {
4979   width: 26px;
4980   height: 26px;
4981   position: absolute;
4982   left: -26px;
4983   top: 0;
4984   z-index: 100;
4985   overflow: hidden;
4986 }
4987 .ios .popover-angle:after {
4988   content: '';
4989   background: rgba(255, 255, 255, 0.95);
4990   width: 26px;
4991   height: 26px;
4992   position: absolute;
4993   left: 0;
4994   top: 0;
4995   border-radius: 3px;
4996   -webkit-transform: rotate(45deg);
4997   transform: rotate(45deg);
4998 }
4999 .ios .popover-angle.on-left {
5000   left: -26px;
5001 }
5002 .ios .popover-angle.on-left:after {
5003   left: 19px;
5004   top: 0;
5005 }
5006 .ios .popover-angle.on-right {
5007   left: 100%;
5008 }
5009 .ios .popover-angle.on-right:after {
5010   left: -19px;
5011   top: 0;
5012 }
5013 .ios .popover-angle.on-top {
5014   left: 0;
5015   top: -26px;
5016 }
5017 .ios .popover-angle.on-top:after {
5018   left: 0;
5019   top: 19px;
5020 }
5021 .ios .popover-angle.on-bottom {
5022   left: 0;
5023   top: 100%;
5024 }
5025 .ios .popover-angle.on-bottom:after {
5026   left: 0;
5027   top: -19px;
5028 }
5029 .ios .popover-from-actions .list + .list {
5030   margin-top: 20px;
5031 }
5032 .ios .popover-from-actions .list ul {
5033   background: #fff;
5034 }
5035 .ios .popover-from-actions .item-link i.icon {
5036   width: 29px;
5037   height: 29px;
5038   font-size: 29px;
5039 }
5040 .ios .popover-from-actions-label {
5041   padding: 8px 10px;
5042   color: #8a8a8a;
5043   font-size: 13px;
5044   text-align: center;
5045 }
5046 .ios .popover-from-actions-label:after {
5047   content: '';
5048   position: absolute;
5049   background-color: rgba(0, 0, 0, 0.2);
5050   display: block;
5051   z-index: 15;
5052   top: auto;
5053   right: auto;
5054   bottom: 0;
5055   left: 0;
5056   height: 1px;
5057   width: 100%;
5058   -webkit-transform-origin: 50% 100%;
5059   transform-origin: 50% 100%;
5060 }
5061 .ios.device-pixel-ratio-2 .popover-from-actions-label:after {
5062   -webkit-transform: scaleY(0.5);
5063   transform: scaleY(0.5);
5064 }
5065 .ios.device-pixel-ratio-3 .popover-from-actions-label:after {
5066   -webkit-transform: scaleY(0.33);
5067   transform: scaleY(0.33);
5068 }
5069 .ios .theme-dark .popover,
5070 .popover.ios .theme-dark {
5071   background: rgba(30, 30, 30, 0.95);
5072 }
5073 .ios .theme-dark .popover .popover-angle:after,
5074 .popover.ios .theme-dark .popover-angle:after {
5075   background: rgba(30, 30, 30, 0.95);
5076 }
5077 .ios .theme-dark .popover .list ul,
5078 .popover.ios .theme-dark .list ul {
5079   background-color: transparent;
5080 }
5081 /* === Actions === */
5082 .actions-backdrop {
5083   position: absolute;
5084   left: 0;
5085   top: 0;
5086   width: 100%;
5087   height: 100%;
5088   background: rgba(0, 0, 0, 0.4);
5089   z-index: 13000;
5090   visibility: hidden;
5091   opacity: 0;
5092   -webkit-transition-duration: 400ms;
5093   transition-duration: 400ms;
5094 }
5095 .actions-backdrop.not-animated {
5096   -webkit-transition-duration: 0ms;
5097   transition-duration: 0ms;
5098 }
5099 .actions-backdrop.backdrop-in {
5100   visibility: visible;
5101   opacity: 1;
5102 }
5103 .actions-modal {
5104   position: absolute;
5105   left: 0;
5106   bottom: 0;
5107   z-index: 13500;
5108   width: 100%;
5109   -webkit-transform: translate3d(0, 100%, 0);
5110   transform: translate3d(0, 100%, 0);
5111   display: none;
5112   max-height: 100%;
5113   overflow: auto;
5114   -webkit-overflow-scrolling: touch;
5115   -webkit-transition-property: -webkit-transform;
5116   transition-property: -webkit-transform;
5117   transition-property: transform;
5118   transition-property: transform, -webkit-transform;
5119 }
5120 .actions-modal.modal-in,
5121 .actions-modal.modal-out {
5122   -webkit-transition-duration: 300ms;
5123   transition-duration: 300ms;
5124 }
5125 .actions-modal.not-animated {
5126   -webkit-transition-duration: 0ms;
5127   transition-duration: 0ms;
5128 }
5129 .actions-modal.modal-in {
5130   -webkit-transform: translate3d(0, 0, 0);
5131   transform: translate3d(0, 0, 0);
5132 }
5133 .actions-modal.modal-out {
5134   z-index: 13499;
5135   -webkit-transform: translate3d(0, 100%, 0);
5136   transform: translate3d(0, 100%, 0);
5137 }
5138 @media (min-width: 496px) {
5139   .actions-modal {
5140     width: 480px;
5141     left: 50%;
5142     margin-left: -240px;
5143   }
5144 }
5145 .actions-group {
5146   position: relative;
5147 }
5148 .actions-button,
5149 .actions-label {
5150   width: 100%;
5151   font-weight: normal;
5152   margin: 0;
5153   -webkit-box-sizing: border-box;
5154   box-sizing: border-box;
5155   display: block;
5156   position: relative;
5157 }
5158 .actions-button a,
5159 .actions-label a {
5160   text-decoration: none;
5161   color: inherit;
5162   display: block;
5163 }
5164 .actions-button b,
5165 .actions-label b,
5166 .actions-button.actions-button-bold,
5167 .actions-label.actions-button-bold {
5168   font-weight: 500;
5169 }
5170 .actions-button {
5171   cursor: pointer;
5172   display: -webkit-box;
5173   display: -webkit-flex;
5174   display: -ms-flexbox;
5175   display: flex;
5176 }
5177 .actions-button-media {
5178   -webkit-flex-shrink: 0;
5179   -ms-flex-negative: 0;
5180   flex-shrink: 0;
5181   display: -webkit-box;
5182   display: -webkit-flex;
5183   display: -ms-flexbox;
5184   display: flex;
5185   -webkit-box-align: center;
5186   -webkit-align-items: center;
5187   -ms-flex-align: center;
5188   align-items: center;
5189 }
5190 .actions-button-text {
5191   width: 100%;
5192   -webkit-flex-shrink: 1;
5193   -ms-flex-negative: 1;
5194   flex-shrink: 1;
5195 }
5196 .actions-label {
5197   line-height: 1.3;
5198   display: -webkit-box;
5199   display: -webkit-flex;
5200   display: -ms-flexbox;
5201   display: flex;
5202   -webkit-box-align: center;
5203   -webkit-align-items: center;
5204   -ms-flex-align: center;
5205   align-items: center;
5206 }
5207 .actions-grid .actions-group {
5208   display: -webkit-box;
5209   display: -webkit-flex;
5210   display: -ms-flexbox;
5211   display: flex;
5212   -webkit-flex-wrap: wrap;
5213   -ms-flex-wrap: wrap;
5214   flex-wrap: wrap;
5215   -webkit-box-pack: start;
5216   -webkit-justify-content: flex-start;
5217   -ms-flex-pack: start;
5218   justify-content: flex-start;
5219 }
5220 .actions-grid .actions-button {
5221   width: 33.33333333%;
5222   display: block;
5223 }
5224 .actions-grid .actions-button-media {
5225   margin-left: auto;
5226   margin-right: auto;
5227 }
5228 .actions-grid .actions-button-text {
5229   margin-left: 0 !important;
5230   text-align: center;
5231 }
5232 .ios .actions-group {
5233   margin: 8px;
5234   border-radius: 13px;
5235   overflow: hidden;
5236   -webkit-transform: translate3d(0, 0, 0);
5237   transform: translate3d(0, 0, 0);
5238 }
5239 .ios .actions-button,
5240 .ios .actions-label {
5241   text-align: center;
5242   overflow: hidden;
5243   background: rgba(255, 255, 255, 0.95);
5244 }
5245 .ios .actions-button b,
5246 .ios .actions-label b,
5247 .ios .actions-button.actions-button-bold,
5248 .ios .actions-label.actions-button-bold {
5249   font-weight: 600;
5250 }
5251 .ios .actions-button:first-child,
5252 .ios .actions-label:first-child {
5253   border-radius: 13px 13px 0 0;
5254 }
5255 .ios .actions-button:last-child,
5256 .ios .actions-label:last-child {
5257   border-radius: 0 0 13px 13px;
5258 }
5259 .ios .actions-button:last-child:after,
5260 .ios .actions-label:last-child:after {
5261   display: none !important;
5262 }
5263 .ios .actions-button:first-child:last-child,
5264 .ios .actions-label:first-child:last-child {
5265   border-radius: 13px;
5266 }
5267 .ios .actions-button {
5268   height: 57px;
5269   line-height: 57px;
5270   font-size: 20px;
5271   color: #007aff;
5272   white-space: normal;
5273   text-overflow: ellipsis;
5274   -webkit-box-pack: center;
5275   -webkit-justify-content: center;
5276   -ms-flex-pack: center;
5277   justify-content: center;
5278 }
5279 .ios .actions-button.active-state {
5280   background: rgba(230, 230, 230, 0.9);
5281 }
5282 .ios .actions-button-media {
5283   margin-left: 15px;
5284 }
5285 .ios .actions-button-media i.icon {
5286   width: 29px;
5287   height: 29px;
5288   font-size: 29px;
5289 }
5290 .ios .actions-button-media + .actions-button-text {
5291   text-align: left;
5292   margin-left: 15px;
5293 }
5294 .ios .actions-label {
5295   font-size: 13px;
5296   min-height: 57px;
5297   padding: 8px 10px;
5298   color: #8a8a8a;
5299   -webkit-box-pack: center;
5300   -webkit-justify-content: center;
5301   -ms-flex-pack: center;
5302   justify-content: center;
5303 }
5304 @media (orientation: lanscape) {
5305   .ios .actions-label {
5306     min-height: 44px;
5307   }
5308   .ios .actions-button {
5309     height: 44px;
5310     line-height: 44px;
5311   }
5312 }
5313 .ios .actions-grid .actions-group {
5314   margin-top: 0;
5315   border-radius: 0;
5316   background: rgba(255, 255, 255, 0.95);
5317 }
5318 .ios .actions-grid .actions-group:first-child {
5319   border-radius: 13px 13px 0 0;
5320 }
5321 .ios .actions-grid .actions-group:last-child {
5322   border-radius: 0 0 13px 13px;
5323 }
5324 .ios .actions-grid .actions-group:first-child:last-child {
5325   border-radius: 13px;
5326 }
5327 .ios .actions-grid .actions-group:not(:last-child) {
5328   margin-bottom: 0;
5329 }
5330 .ios .actions-grid .actions-button,
5331 .ios .actions-grid .actions-label {
5332   border-radius: 0 !important;
5333   background: none;
5334 }
5335 .ios .actions-grid .actions-button-media {
5336   width: 48px;
5337   height: 48px;
5338   margin-left: auto;
5339   margin-right: auto;
5340 }
5341 .ios .actions-grid .actions-button-media i.icon {
5342   width: 48px;
5343   height: 48px;
5344   font-size: 48px;
5345 }
5346 .ios .actions-grid .actions-button-media + .actions-button-text {
5347   text-align: center;
5348 }
5349 .ios .actions-grid .actions-button {
5350   padding: 16px;
5351   line-height: 1;
5352   height: auto;
5353 }
5354 .ios .actions-grid .actions-button:after {
5355   display: none !important;
5356 }
5357 .ios .actions-grid .actions-button.active-state {
5358   background: rgba(230, 230, 230, 0.9);
5359 }
5360 .ios .actions-grid .actions-button-text {
5361   margin-top: 8px;
5362   line-height: 16px;
5363   height: 16px;
5364   font-size: 12px;
5365   color: #757575;
5366 }
5367 .ios .actions-button:after {
5368   content: '';
5369   position: absolute;
5370   background-color: rgba(0, 0, 0, 0.2);
5371   display: block;
5372   z-index: 15;
5373   top: auto;
5374   right: auto;
5375   bottom: 0;
5376   left: 0;
5377   height: 1px;
5378   width: 100%;
5379   -webkit-transform-origin: 50% 100%;
5380   transform-origin: 50% 100%;
5381 }
5382 .ios.device-pixel-ratio-2 .actions-button:after {
5383   -webkit-transform: scaleY(0.5);
5384   transform: scaleY(0.5);
5385 }
5386 .ios.device-pixel-ratio-3 .actions-button:after {
5387   -webkit-transform: scaleY(0.33);
5388   transform: scaleY(0.33);
5389 }
5390 .ios .actions-label:after {
5391   content: '';
5392   position: absolute;
5393   background-color: rgba(0, 0, 0, 0.2);
5394   display: block;
5395   z-index: 15;
5396   top: auto;
5397   right: auto;
5398   bottom: 0;
5399   left: 0;
5400   height: 1px;
5401   width: 100%;
5402   -webkit-transform-origin: 50% 100%;
5403   transform-origin: 50% 100%;
5404 }
5405 .ios.device-pixel-ratio-2 .actions-label:after {
5406   -webkit-transform: scaleY(0.5);
5407   transform: scaleY(0.5);
5408 }
5409 .ios.device-pixel-ratio-3 .actions-label:after {
5410   -webkit-transform: scaleY(0.33);
5411   transform: scaleY(0.33);
5412 }
5413 .ios .actions-button.color-red,
5414 .ios .actions-label.color-red {
5415   color: #ff3b30;
5416 }
5417 .ios .actions-button.color-green,
5418 .ios .actions-label.color-green {
5419   color: #4cd964;
5420 }
5421 .ios .actions-button.color-blue,
5422 .ios .actions-label.color-blue {
5423   color: #007aff;
5424 }
5425 .ios .actions-button.color-pink,
5426 .ios .actions-label.color-pink {
5427   color: #ff2d55;
5428 }
5429 .ios .actions-button.color-yellow,
5430 .ios .actions-label.color-yellow {
5431   color: #ffcc00;
5432 }
5433 .ios .actions-button.color-orange,
5434 .ios .actions-label.color-orange {
5435   color: #ff9500;
5436 }
5437 .ios .actions-button.color-gray,
5438 .ios .actions-label.color-gray {
5439   color: #8e8e93;
5440 }
5441 .ios .actions-button.color-white,
5442 .ios .actions-label.color-white {
5443   color: #ffffff;
5444 }
5445 .ios .actions-button.color-black,
5446 .ios .actions-label.color-black {
5447   color: #000000;
5448 }
5449 .ios.device-iphone-x .actions-modal.modal-in {
5450   -webkit-transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0);
5451   transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0);
5452   -webkit-transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0);
5453   transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0);
5454 }
5455 /* === Sheet Modal === */
5456 .sheet-backdrop {
5457   position: absolute;
5458   left: 0;
5459   top: 0;
5460   width: 100%;
5461   height: 100%;
5462   background: rgba(0, 0, 0, 0.4);
5463   z-index: 13000;
5464   visibility: hidden;
5465   opacity: 0;
5466   -webkit-transition-duration: 400ms;
5467   transition-duration: 400ms;
5468   z-index: 11000;
5469 }
5470 .sheet-backdrop.not-animated {
5471   -webkit-transition-duration: 0ms;
5472   transition-duration: 0ms;
5473 }
5474 .sheet-backdrop.backdrop-in {
5475   visibility: visible;
5476   opacity: 1;
5477 }
5478 .sheet-modal {
5479   position: absolute;
5480   left: 0;
5481   bottom: 0;
5482   width: 100%;
5483   height: 260px;
5484   display: none;
5485   -webkit-box-sizing: border-box;
5486   box-sizing: border-box;
5487   -webkit-transition-property: -webkit-transform;
5488   transition-property: -webkit-transform;
5489   transition-property: transform;
5490   transition-property: transform, -webkit-transform;
5491   -webkit-transform: translate3d(0, 100%, 0);
5492   transform: translate3d(0, 100%, 0);
5493   background: #fff;
5494   z-index: 12500;
5495 }
5496 .sheet-modal.modal-in,
5497 .sheet-modal.modal-out {
5498   -webkit-transition-duration: 300ms;
5499   transition-duration: 300ms;
5500 }
5501 .sheet-modal.not-animated {
5502   -webkit-transition-duration: 0ms;
5503   transition-duration: 0ms;
5504 }
5505 .sheet-modal.modal-in {
5506   display: block;
5507   -webkit-transform: translate3d(0, 0, 0);
5508   transform: translate3d(0, 0, 0);
5509 }
5510 .sheet-modal.modal-out {
5511   -webkit-transform: translate3d(0, 100%, 0);
5512   transform: translate3d(0, 100%, 0);
5513 }
5514 .sheet-modal .sheet-modal-inner {
5515   height: 100%;
5516   position: relative;
5517   overflow: hidden;
5518 }
5519 .sheet-modal .toolbar {
5520   position: relative;
5521   width: 100%;
5522 }
5523 .ios .sheet-modal {
5524   background: #cfd5da;
5525 }
5526 .ios .sheet-modal .toolbar {
5527   background: #f7f7f8;
5528 }
5529 .ios .sheet-modal .toolbar + .sheet-modal-inner {
5530   height: calc(100% - 44px);
5531 }
5532 .ios .sheet-modal .toolbar ~ .sheet-modal-inner .page-content {
5533   padding-bottom: 0;
5534 }
5535 .ios .sheet-modal .toolbar:before {
5536   content: '';
5537   position: absolute;
5538   background-color: #929499;
5539   display: block;
5540   z-index: 15;
5541   top: 0;
5542   right: auto;
5543   bottom: auto;
5544   left: 0;
5545   height: 1px;
5546   width: 100%;
5547   -webkit-transform-origin: 50% 0%;
5548   transform-origin: 50% 0%;
5549 }
5550 .ios.device-pixel-ratio-2 .sheet-modal .toolbar:before {
5551   -webkit-transform: scaleY(0.5);
5552   transform: scaleY(0.5);
5553 }
5554 .ios.device-pixel-ratio-3 .sheet-modal .toolbar:before {
5555   -webkit-transform: scaleY(0.33);
5556   transform: scaleY(0.33);
5557 }
5558 .ios.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content,
5559 .ios.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content {
5560   padding-bottom: constant(safe-area-inset-bottom);
5561   padding-bottom: env(safe-area-inset-bottom);
5562 }
5563 .ios .theme-dark .sheet-modal,
5564 .sheet-modal.ios .theme-dark {
5565   background-color: #171717;
5566 }
5567 .ios .theme-dark .sheet-modal .toolbar,
5568 .sheet-modal.ios .theme-dark .toolbar {
5569   background-color: #1b1b1b;
5570 }
5571 .ios .theme-dark .sheet-modal .toolbar:before,
5572 .sheet-modal.ios .theme-dark .toolbar:before {
5573   background-color: #282829;
5574 }
5575 /* === Toast === */
5576 .toast {
5577   -webkit-transition-property: opacity, -webkit-transform;
5578   transition-property: opacity, -webkit-transform;
5579   transition-property: transform, opacity;
5580   transition-property: transform, opacity, -webkit-transform;
5581   position: absolute;
5582   max-width: 568px;
5583   z-index: 20000;
5584   color: #fff;
5585   font-size: 14px;
5586   -webkit-box-sizing: border-box;
5587   box-sizing: border-box;
5588 }
5589 .toast.modal-in {
5590   opacity: 1;
5591 }
5592 .toast .toast-content {
5593   display: -webkit-box;
5594   display: -webkit-flex;
5595   display: -ms-flexbox;
5596   display: flex;
5597   -webkit-box-pack: justify;
5598   -webkit-justify-content: space-between;
5599   -ms-flex-pack: justify;
5600   justify-content: space-between;
5601   -webkit-box-align: center;
5602   -webkit-align-items: center;
5603   -ms-flex-align: center;
5604   align-items: center;
5605   -webkit-box-sizing: border-box;
5606   box-sizing: border-box;
5607 }
5608 .toast .toast-text {
5609   line-height: 20px;
5610   -webkit-flex-shrink: 1;
5611   -ms-flex-negative: 1;
5612   flex-shrink: 1;
5613   min-width: 0;
5614 }
5615 .toast .toast-button {
5616   -webkit-flex-shrink: 0;
5617   -ms-flex-negative: 0;
5618   flex-shrink: 0;
5619 }
5620 .toast.toast-with-icon .toast-content {
5621   display: block;
5622   text-align: center;
5623 }
5624 .toast.toast-with-icon .toast-text {
5625   text-align: center;
5626 }
5627 .toast.toast-with-icon .toast-icon .f7-icons {
5628   font-size: 50px;
5629   width: 50px;
5630   height: 50px;
5631 }
5632 .toast.toast-with-icon .toast-icon .material-icons {
5633   font-size: 48px;
5634   width: 48px;
5635   height: 48px;
5636 }
5637 .toast.toast-center {
5638   top: 50%;
5639   opacity: 0;
5640 }
5641 @media (min-width: 1024px) {
5642   .toast {
5643     opacity: 0;
5644   }
5645 }
5646 html.with-statusbar.device-ios .toast-top,
5647 html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top {
5648   margin-top: 20px;
5649 }
5650 html.with-statusbar.device-iphone-x .toast-top {
5651   margin-top: constant(safe-area-inset-top);
5652   margin-top: env(safe-area-inset-top);
5653 }
5654 html.with-statusbar.device-android .toast-top,
5655 html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top {
5656   margin-top: 24px;
5657 }
5658 .ios .toast {
5659   -webkit-transition-duration: 450ms;
5660   transition-duration: 450ms;
5661   background: rgba(0, 0, 0, 0.75);
5662   opacity: 0;
5663   width: 100%;
5664   left: 0;
5665 }
5666 @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
5667   .ios .toast {
5668     background: rgba(0, 0, 0, 0.65);
5669     -webkit-backdrop-filter: blur(10px);
5670     backdrop-filter: blur(10px);
5671   }
5672 }
5673 .ios .toast.toast-center {
5674   width: auto;
5675   left: 50%;
5676   border-radius: 8px;
5677   -webkit-transform: translate3d(-50%, -50%, 0);
5678   transform: translate3d(-50%, -50%, 0);
5679 }
5680 .ios .toast.toast-center.modal-in {
5681   -webkit-transform: translate3d(-50%, -50%, 0);
5682   transform: translate3d(-50%, -50%, 0);
5683   opacity: 1;
5684 }
5685 .ios .toast.toast-top {
5686   top: 0;
5687   -webkit-transform: translate3d(0, -100%, 0);
5688   transform: translate3d(0, -100%, 0);
5689 }
5690 .ios .toast.toast-top.modal-in {
5691   -webkit-transform: translate3d(0, 0%, 0);
5692   transform: translate3d(0, 0%, 0);
5693   opacity: 1;
5694 }
5695 .ios .toast.toast-bottom {
5696   bottom: 0;
5697   -webkit-transform: translate3d(0, 100%, 0);
5698   transform: translate3d(0, 100%, 0);
5699 }
5700 .ios .toast.toast-bottom.modal-in {
5701   -webkit-transform: translate3d(0, 0%, 0);
5702   transform: translate3d(0, 0%, 0);
5703   opacity: 1;
5704 }
5705 @media (min-width: 569px) {
5706   .ios .toast {
5707     left: 50%;
5708     margin-left: -284px;
5709   }
5710   .ios .toast.toast-center {
5711     margin-left: 0;
5712   }
5713 }
5714 @media (min-width: 569px) {
5715   .ios .toast {
5716     border-radius: 8px;
5717   }
5718   .ios .toast.toast-bottom {
5719     bottom: 15px;
5720   }
5721   .ios .toast.toast-top {
5722     top: 15px;
5723   }
5724 }
5725 @media (min-width: 1024px) {
5726   .ios .toast {
5727     margin-left: 0;
5728     width: auto;
5729   }
5730   .ios .toast.toast-bottom,
5731   .ios .toast.toast-top {
5732     left: 15px;
5733   }
5734 }
5735 .ios .toast-content {
5736   padding: 12px 15px;
5737 }
5738 .ios .toast-button {
5739   color: #fff;
5740   margin-right: 15px;
5741 }
5742 @media (max-width: 568px) {
5743   .ios.device-iphone-x .toast-bottom .toast-content {
5744     padding-bottom: calc(12px + constant(safe-area-inset-bottom));
5745     padding-bottom: calc(12px + env(safe-area-inset-bottom));
5746   }
5747 }
5748 @media (min-width: 569px) {
5749   .ios.device-iphone-x .toast-bottom {
5750     bottom: calc(15px + constant(safe-area-inset-bottom));
5751     bottom: calc(15px + env(safe-area-inset-bottom));
5752   }
5753 }
5754 /* === Preloader === */
5755 .preloader {
5756   display: inline-block;
5757   vertical-align: middle;
5758 }
5759 /* === Preloader Modal === */
5760 .preloader-backdrop {
5761   position: absolute;
5762   left: 0;
5763   top: 0;
5764   width: 100%;
5765   height: 100%;
5766   background: rgba(0, 0, 0, 0.4);
5767   z-index: 13000;
5768   visibility: hidden;
5769   -webkit-transition-duration: 400ms;
5770   transition-duration: 400ms;
5771   visibility: visible;
5772   opacity: 0;
5773   background: none;
5774   z-index: 14000;
5775 }
5776 .preloader-backdrop.not-animated {
5777   -webkit-transition-duration: 0ms;
5778   transition-duration: 0ms;
5779 }
5780 .preloader-backdrop.backdrop-in {
5781   visibility: visible;
5782   opacity: 1;
5783 }
5784 .preloader-modal {
5785   position: absolute;
5786   left: 50%;
5787   top: 50%;
5788   padding: 8px;
5789   background: rgba(0, 0, 0, 0.8);
5790   z-index: 14500;
5791   -webkit-transform: translateX(-50%) translateY(-50%);
5792   transform: translateX(-50%) translateY(-50%);
5793 }
5794 .preloader-modal .preloader {
5795   display: block !important;
5796 }
5797 html.with-modal-preloader .page-content {
5798   overflow: hidden;
5799   -webkit-overflow-scrolling: auto;
5800 }
5801 .ios .preloader {
5802   width: 20px;
5803   height: 20px;
5804   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5805   background-position: 50%;
5806   background-size: 100%;
5807   background-repeat: no-repeat;
5808   -webkit-animation: ios-preloader-spin 1s steps(12, end) infinite;
5809   animation: ios-preloader-spin 1s steps(12, end) infinite;
5810 }
5811 .ios .preloader-modal {
5812   border-radius: 5px;
5813 }
5814 .ios .preloader-modal .preloader {
5815   width: 34px;
5816   height: 34px;
5817 }
5818 .ios .preloader.color-red,
5819 .ios .preloader.preloader-red {
5820   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5821 }
5822 .ios .preloader.color-green,
5823 .ios .preloader.preloader-green {
5824   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5825 }
5826 .ios .preloader.color-blue,
5827 .ios .preloader.preloader-blue {
5828   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5829 }
5830 .ios .preloader.color-pink,
5831 .ios .preloader.preloader-pink {
5832   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5833 }
5834 .ios .preloader.color-yellow,
5835 .ios .preloader.preloader-yellow {
5836   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5837 }
5838 .ios .preloader.color-orange,
5839 .ios .preloader.preloader-orange {
5840   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5841 }
5842 .ios .preloader.color-gray,
5843 .ios .preloader.preloader-gray {
5844   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5845 }
5846 .ios .preloader.color-white,
5847 .ios .preloader.preloader-white {
5848   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5849 }
5850 .ios .preloader.color-black,
5851 .ios .preloader.preloader-black {
5852   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5853 }
5854 @-webkit-keyframes ios-preloader-spin {
5855   100% {
5856     -webkit-transform: rotate(360deg);
5857     transform: rotate(360deg);
5858   }
5859 }
5860 @keyframes ios-preloader-spin {
5861   100% {
5862     -webkit-transform: rotate(360deg);
5863     transform: rotate(360deg);
5864   }
5865 }
5866 /* === Progressbar === */
5867 .progressbar,
5868 .progressbar-infinite {
5869   width: 100%;
5870   overflow: hidden;
5871   position: relative;
5872   display: block;
5873   -webkit-transform-style: preserve-3d;
5874   transform-style: preserve-3d;
5875 }
5876 body > .progressbar,
5877 .view > .progressbar,
5878 .views > .progressbar,
5879 .page > .progressbar,
5880 .panel > .progressbar,
5881 .popup > .progressbar,
5882 .framework7-root > .progressbar,
5883 body > .progressbar-infinite,
5884 .view > .progressbar-infinite,
5885 .views > .progressbar-infinite,
5886 .page > .progressbar-infinite,
5887 .panel > .progressbar-infinite,
5888 .popup > .progressbar-infinite,
5889 .framework7-root > .progressbar-infinite {
5890   position: absolute;
5891   left: 0;
5892   top: 0;
5893   z-index: 15000;
5894   border-radius: 0 !important;
5895   -webkit-transform-origin: center top !important;
5896   transform-origin: center top !important;
5897 }
5898 .with-statusbar.device-ios body > .progressbar,
5899 .with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar,
5900 .with-statusbar.device-ios .framework7-root > .progressbar,
5901 .with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar,
5902 .with-statusbar.device-ios body > .progressbar-infinite,
5903 .with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite,
5904 .with-statusbar.device-ios .framework7-root > .progressbar-infinite,
5905 .with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite {
5906   top: 20px;
5907 }
5908 .with-statusbar.device-android body > .progressbar,
5909 .with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar,
5910 .with-statusbar.device-android .framework7-root > .progressbar,
5911 .with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar,
5912 .with-statusbar.device-android body > .progressbar-infinite,
5913 .with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite,
5914 .with-statusbar.device-android .framework7-root > .progressbar-infinite,
5915 .with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite {
5916   top: 24px;
5917 }
5918 .with-statusbar.device-iphone-x body > .progressbar,
5919 .with-statusbar.device-iphone-x .framework7-root > .progressbar,
5920 .with-statusbar.device-iphone-x body > .progressbar-infinite,
5921 .with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite {
5922   top: constant(safe-area-inset-top);
5923   top: env(safe-area-inset-top);
5924 }
5925 .progressbar {
5926   vertical-align: middle;
5927 }
5928 .progressbar span {
5929   width: 100%;
5930   height: 100%;
5931   position: absolute;
5932   left: 0;
5933   top: 0;
5934   -webkit-transform: translate3d(-100%, 0, 0);
5935   transform: translate3d(-100%, 0, 0);
5936   -webkit-transition-duration: 150ms;
5937   transition-duration: 150ms;
5938 }
5939 .progressbar-infinite:before,
5940 .progressbar-infinite:after {
5941   position: absolute;
5942   left: 0;
5943   top: 0;
5944   width: 100%;
5945   height: 100%;
5946   -webkit-transform-origin: left center;
5947   transform-origin: left center;
5948   -webkit-transform: translate3d(0, 0, 0);
5949   transform: translate3d(0, 0, 0);
5950   display: block;
5951 }
5952 .progressbar-infinite.color-multi {
5953   background: none !important;
5954 }
5955 .progressbar-in {
5956   -webkit-animation: progressbar-in 150ms forwards;
5957   animation: progressbar-in 150ms forwards;
5958 }
5959 .progressbar-out {
5960   -webkit-animation: progressbar-out 150ms forwards;
5961   animation: progressbar-out 150ms forwards;
5962 }
5963 @-webkit-keyframes progressbar-in {
5964   from {
5965     opacity: 0;
5966     -webkit-transform: scaleY(0);
5967     transform: scaleY(0);
5968   }
5969   to {
5970     opacity: 1;
5971     -webkit-transform: scaleY(1);
5972     transform: scaleY(1);
5973   }
5974 }
5975 @keyframes progressbar-in {
5976   from {
5977     opacity: 0;
5978     -webkit-transform: scaleY(0);
5979     transform: scaleY(0);
5980   }
5981   to {
5982     opacity: 1;
5983     -webkit-transform: scaleY(1);
5984     transform: scaleY(1);
5985   }
5986 }
5987 @-webkit-keyframes progressbar-out {
5988   from {
5989     opacity: 1;
5990     -webkit-transform: scaleY(1);
5991     transform: scaleY(1);
5992   }
5993   to {
5994     opacity: 0;
5995     -webkit-transform: scaleY(0);
5996     transform: scaleY(0);
5997   }
5998 }
5999 @keyframes progressbar-out {
6000   from {
6001     opacity: 1;
6002     -webkit-transform: scaleY(1);
6003     transform: scaleY(1);
6004   }
6005   to {
6006     opacity: 0;
6007     -webkit-transform: scaleY(0);
6008     transform: scaleY(0);
6009   }
6010 }
6011 .ios .progressbar,
6012 .ios .progressbar-infinite {
6013   height: 2px;
6014   background: #b6b6b6;
6015   -webkit-transform-origin: center top;
6016   transform-origin: center top;
6017   border-radius: 2px;
6018 }
6019 .ios .progressbar span {
6020   background: #007aff;
6021 }
6022 .ios .progressbar-infinite:before {
6023   content: '';
6024   background: #007aff;
6025   -webkit-animation: ios-progressbar-infinite 1s linear infinite;
6026   animation: ios-progressbar-infinite 1s linear infinite;
6027 }
6028 .ios .progressbar-infinite.color-multi:before {
6029   width: 400%;
6030   background-image: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), color-stop(#ff2d55), color-stop(#5856d6), color-stop(#34aadc), color-stop(#007aff), color-stop(#5ac8fa), to(#4cd964));
6031   background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
6032   background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
6033   background-size: 25% 100%;
6034   background-repeat: repeat-x;
6035   -webkit-animation: ios-progressbar-infinite-multicolor 3s linear infinite;
6036   animation: ios-progressbar-infinite-multicolor 3s linear infinite;
6037 }
6038 .ios .color-theme-red .progressbar span {
6039   background: #ff3b30;
6040 }
6041 .ios .color-theme-red .progressbar-infinite:before {
6042   background: #ff3b30;
6043 }
6044 .ios .color-theme-green .progressbar span {
6045   background: #4cd964;
6046 }
6047 .ios .color-theme-green .progressbar-infinite:before {
6048   background: #4cd964;
6049 }
6050 .ios .color-theme-blue .progressbar span {
6051   background: #007aff;
6052 }
6053 .ios .color-theme-blue .progressbar-infinite:before {
6054   background: #007aff;
6055 }
6056 .ios .color-theme-pink .progressbar span {
6057   background: #ff2d55;
6058 }
6059 .ios .color-theme-pink .progressbar-infinite:before {
6060   background: #ff2d55;
6061 }
6062 .ios .color-theme-yellow .progressbar span {
6063   background: #ffcc00;
6064 }
6065 .ios .color-theme-yellow .progressbar-infinite:before {
6066   background: #ffcc00;
6067 }
6068 .ios .color-theme-orange .progressbar span {
6069   background: #ff9500;
6070 }
6071 .ios .color-theme-orange .progressbar-infinite:before {
6072   background: #ff9500;
6073 }
6074 .ios .color-theme-gray .progressbar span {
6075   background: #8e8e93;
6076 }
6077 .ios .color-theme-gray .progressbar-infinite:before {
6078   background: #8e8e93;
6079 }
6080 .ios .color-theme-white .progressbar span {
6081   background: #ffffff;
6082 }
6083 .ios .color-theme-white .progressbar-infinite:before {
6084   background: #ffffff;
6085 }
6086 .ios .color-theme-black .progressbar span {
6087   background: #000000;
6088 }
6089 .ios .color-theme-black .progressbar-infinite:before {
6090   background: #000000;
6091 }
6092 .ios .progressbar.color-red span {
6093   background: #ff3b30;
6094 }
6095 .ios .progressbar-infinite.color-red:before {
6096   background: #ff3b30;
6097 }
6098 .ios .progressbar.color-green span {
6099   background: #4cd964;
6100 }
6101 .ios .progressbar-infinite.color-green:before {
6102   background: #4cd964;
6103 }
6104 .ios .progressbar.color-blue span {
6105   background: #007aff;
6106 }
6107 .ios .progressbar-infinite.color-blue:before {
6108   background: #007aff;
6109 }
6110 .ios .progressbar.color-pink span {
6111   background: #ff2d55;
6112 }
6113 .ios .progressbar-infinite.color-pink:before {
6114   background: #ff2d55;
6115 }
6116 .ios .progressbar.color-yellow span {
6117   background: #ffcc00;
6118 }
6119 .ios .progressbar-infinite.color-yellow:before {
6120   background: #ffcc00;
6121 }
6122 .ios .progressbar.color-orange span {
6123   background: #ff9500;
6124 }
6125 .ios .progressbar-infinite.color-orange:before {
6126   background: #ff9500;
6127 }
6128 .ios .progressbar.color-gray span {
6129   background: #8e8e93;
6130 }
6131 .ios .progressbar-infinite.color-gray:before {
6132   background: #8e8e93;
6133 }
6134 .ios .progressbar.color-white span {
6135   background: #ffffff;
6136 }
6137 .ios .progressbar-infinite.color-white:before {
6138   background: #ffffff;
6139 }
6140 .ios .progressbar.color-black span {
6141   background: #000000;
6142 }
6143 .ios .progressbar-infinite.color-black:before {
6144   background: #000000;
6145 }
6146 @-webkit-keyframes ios-progressbar-infinite {
6147   0% {
6148     -webkit-transform: translate3d(-100%, 0, 0);
6149     transform: translate3d(-100%, 0, 0);
6150   }
6151   100% {
6152     -webkit-transform: translate3d(100%, 0, 0);
6153     transform: translate3d(100%, 0, 0);
6154   }
6155 }
6156 @keyframes ios-progressbar-infinite {
6157   0% {
6158     -webkit-transform: translate3d(-100%, 0, 0);
6159     transform: translate3d(-100%, 0, 0);
6160   }
6161   100% {
6162     -webkit-transform: translate3d(100%, 0, 0);
6163     transform: translate3d(100%, 0, 0);
6164   }
6165 }
6166 @-webkit-keyframes ios-progressbar-infinite-multicolor {
6167   0% {
6168     -webkit-transform: translate3d(0%, 0, 0);
6169     transform: translate3d(0%, 0, 0);
6170   }
6171   100% {
6172     -webkit-transform: translate3d(-50%, 0, 0);
6173     transform: translate3d(-50%, 0, 0);
6174   }
6175 }
6176 @keyframes ios-progressbar-infinite-multicolor {
6177   0% {
6178     -webkit-transform: translate3d(0%, 0, 0);
6179     transform: translate3d(0%, 0, 0);
6180   }
6181   100% {
6182     -webkit-transform: translate3d(-50%, 0, 0);
6183     transform: translate3d(-50%, 0, 0);
6184   }
6185 }
6186 /* === Sortable === */
6187 .sortable .sortable-handler {
6188   position: absolute;
6189   top: 0;
6190   bottom: 1px;
6191   z-index: 10;
6192   background-repeat: no-repeat;
6193   background-size: 18px 12px;
6194   opacity: 0;
6195   pointer-events: none;
6196   cursor: move;
6197   -webkit-transition-duration: 300ms;
6198   transition-duration: 300ms;
6199   left: 0;
6200   background-position: 0% 50%;
6201 }
6202 .sortable .item-inner {
6203   -webkit-transition-duration: 300ms;
6204   transition-duration: 300ms;
6205 }
6206 .sortable li.sorting {
6207   z-index: 50;
6208   background: rgba(255, 255, 255, 0.8);
6209   -webkit-transition-duration: 0ms;
6210   transition-duration: 0ms;
6211 }
6212 .sortable li.sorting .item-inner:after {
6213   display: none !important;
6214 }
6215 .sortable-sorting li {
6216   -webkit-transition-duration: 300ms;
6217   transition-duration: 300ms;
6218 }
6219 .sortable-enabled .sortable-handler {
6220   pointer-events: auto;
6221   opacity: 1;
6222   background-position: 50% 50%;
6223 }
6224 .sortable-enabled .item-link .item-inner,
6225 .sortable-enabled .item-link .item-title-row {
6226   background-image: none !important;
6227 }
6228 .theme-dark .sortable li.sorting,
6229 .sortable.theme-dark li.sorting {
6230   background-color: rgba(50, 50, 50, 0.8);
6231 }
6232 .ios .sortable-handler {
6233   width: 35px;
6234   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
6235 }
6236 .ios .sortable li.sorting {
6237   -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
6238   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
6239 }
6240 .ios .sortable-enabled .item-inner,
6241 .ios .sortable-enabled .item-link .item-inner {
6242   padding-left: 35px;
6243 }
6244 .ios .list.sortable-enabled .item-link.no-chevron .item-inner,
6245 .ios .list.sortable-enabled.no-chevron .item-link .item-inner,
6246 .ios .list.sortable-enabled .no-chevron .item-link .item-inner,
6247 .ios .no-chevron .list.sortable-enabled .item-link .item-inner {
6248   padding-left: 35px;
6249 }
6250 @media (orientation: landscape) {
6251   .ios.device-iphone-x .ios-left-edge .sortable-handler,
6252   .ios.device-iphone-x .ios-edges .sortable-handler,
6253   .ios.device-iphone-x .popup .sortable-handler,
6254   .ios.device-iphone-x .sheet-modal .sortable-handler,
6255   .ios.device-iphone-x .panel-left .sortable-handler {
6256     left: constant(safe-area-inset-left);
6257     left: env(safe-area-inset-left);
6258   }
6259   .ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6260   .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6261   .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6262   .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6263   .ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
6264   .ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6265   .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6266   .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6267   .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
6268   .ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
6269     padding-left: calc(35px + constant(safe-area-inset-right));
6270     padding-left: calc(35px + env(safe-area-inset-right));
6271   }
6272 }
6273 /* === Swipeout === */
6274 .swipeout {
6275   overflow: hidden;
6276   -webkit-transform-style: preserve-3d;
6277   transform-style: preserve-3d;
6278 }
6279 .swipeout-deleting {
6280   -webkit-transition-duration: 300ms;
6281   transition-duration: 300ms;
6282 }
6283 .swipeout-deleting .swipeout-content {
6284   -webkit-transform: translateX(-100%);
6285   transform: translateX(-100%);
6286 }
6287 .swipeout-transitioning .swipeout-content,
6288 .swipeout-transitioning .swipeout-actions-right a,
6289 .swipeout-transitioning .swipeout-actions-left a,
6290 .swipeout-transitioning .swipeout-overswipe {
6291   -webkit-transition-duration: 300ms;
6292   transition-duration: 300ms;
6293   -webkit-transition-property: left, -webkit-transform;
6294   transition-property: left, -webkit-transform;
6295   transition-property: transform, left;
6296   transition-property: transform, left, -webkit-transform;
6297 }
6298 .swipeout-content {
6299   position: relative;
6300   z-index: 10;
6301 }
6302 .swipeout-overswipe {
6303   -webkit-transition-duration: 200ms;
6304   transition-duration: 200ms;
6305   -webkit-transition-property: left;
6306   transition-property: left;
6307 }
6308 .swipeout-actions-left,
6309 .swipeout-actions-right {
6310   position: absolute;
6311   top: 0;
6312   height: 100%;
6313   display: -webkit-box;
6314   display: -webkit-flex;
6315   display: -ms-flexbox;
6316   display: flex;
6317   direction: ltr;
6318 }
6319 .swipeout-actions-left > a,
6320 .swipeout-actions-right > a,
6321 .swipeout-actions-left > button,
6322 .swipeout-actions-right > button,
6323 .swipeout-actions-left > span,
6324 .swipeout-actions-right > span,
6325 .swipeout-actions-left > div,
6326 .swipeout-actions-right > div {
6327   color: #fff;
6328   background: #c7c7cc;
6329   display: -webkit-box;
6330   display: -webkit-flex;
6331   display: -ms-flexbox;
6332   display: flex;
6333   -webkit-box-align: center;
6334   -webkit-align-items: center;
6335   -ms-flex-align: center;
6336   align-items: center;
6337   position: relative;
6338   left: 0;
6339 }
6340 .swipeout-actions-left > a:after,
6341 .swipeout-actions-right > a:after,
6342 .swipeout-actions-left > button:after,
6343 .swipeout-actions-right > button:after,
6344 .swipeout-actions-left > span:after,
6345 .swipeout-actions-right > span:after,
6346 .swipeout-actions-left > div:after,
6347 .swipeout-actions-right > div:after {
6348   content: '';
6349   position: absolute;
6350   top: 0;
6351   width: 600%;
6352   height: 100%;
6353   background: inherit;
6354   z-index: -1;
6355   -webkit-transform: translate3d(0, 0, 0);
6356   transform: translate3d(0, 0, 0);
6357   pointer-events: none;
6358 }
6359 .swipeout-actions-right {
6360   right: 0%;
6361   -webkit-transform: translateX(100%);
6362   transform: translateX(100%);
6363 }
6364 .swipeout-actions-right > a:after,
6365 .swipeout-actions-right > button:after,
6366 .swipeout-actions-right > span:after,
6367 .swipeout-actions-right > div:after {
6368   left: 100%;
6369   margin-left: -1px;
6370 }
6371 .swipeout-actions-left {
6372   left: 0%;
6373   -webkit-transform: translateX(-100%);
6374   transform: translateX(-100%);
6375 }
6376 .swipeout-actions-left > a:after,
6377 .swipeout-actions-left > button:after,
6378 .swipeout-actions-left > span:after,
6379 .swipeout-actions-left > div:after {
6380   right: 100%;
6381   margin-right: -1px;
6382 }
6383 .ios .swipeout-actions-left > a,
6384 .ios .swipeout-actions-right > a,
6385 .ios .swipeout-actions-left > button,
6386 .ios .swipeout-actions-right > button,
6387 .ios .swipeout-actions-left > span,
6388 .ios .swipeout-actions-right > span,
6389 .ios .swipeout-actions-left > div,
6390 .ios .swipeout-actions-right > div {
6391   padding: 0 30px;
6392   color: #fff;
6393 }
6394 .ios .swipeout-actions-left .swipeout-delete,
6395 .ios .swipeout-actions-right .swipeout-delete {
6396   background: #ff3b30;
6397 }
6398 .ios .swipeout-actions-left > a.color-red,
6399 .ios .swipeout-actions-right > a.color-red,
6400 .ios .swipeout-actions-left > button.color-red,
6401 .ios .swipeout-actions-right > button.color-red,
6402 .ios .swipeout-actions-left > span.color-red,
6403 .ios .swipeout-actions-right > span.color-red,
6404 .ios .swipeout-actions-left > div.color-red,
6405 .ios .swipeout-actions-right > div.color-red {
6406   background-color: #ff3b30;
6407 }
6408 .ios .swipeout-actions-left > a.color-green,
6409 .ios .swipeout-actions-right > a.color-green,
6410 .ios .swipeout-actions-left > button.color-green,
6411 .ios .swipeout-actions-right > button.color-green,
6412 .ios .swipeout-actions-left > span.color-green,
6413 .ios .swipeout-actions-right > span.color-green,
6414 .ios .swipeout-actions-left > div.color-green,
6415 .ios .swipeout-actions-right > div.color-green {
6416   background-color: #4cd964;
6417 }
6418 .ios .swipeout-actions-left > a.color-blue,
6419 .ios .swipeout-actions-right > a.color-blue,
6420 .ios .swipeout-actions-left > button.color-blue,
6421 .ios .swipeout-actions-right > button.color-blue,
6422 .ios .swipeout-actions-left > span.color-blue,
6423 .ios .swipeout-actions-right > span.color-blue,
6424 .ios .swipeout-actions-left > div.color-blue,
6425 .ios .swipeout-actions-right > div.color-blue {
6426   background-color: #007aff;
6427 }
6428 .ios .swipeout-actions-left > a.color-pink,
6429 .ios .swipeout-actions-right > a.color-pink,
6430 .ios .swipeout-actions-left > button.color-pink,
6431 .ios .swipeout-actions-right > button.color-pink,
6432 .ios .swipeout-actions-left > span.color-pink,
6433 .ios .swipeout-actions-right > span.color-pink,
6434 .ios .swipeout-actions-left > div.color-pink,
6435 .ios .swipeout-actions-right > div.color-pink {
6436   background-color: #ff2d55;
6437 }
6438 .ios .swipeout-actions-left > a.color-yellow,
6439 .ios .swipeout-actions-right > a.color-yellow,
6440 .ios .swipeout-actions-left > button.color-yellow,
6441 .ios .swipeout-actions-right > button.color-yellow,
6442 .ios .swipeout-actions-left > span.color-yellow,
6443 .ios .swipeout-actions-right > span.color-yellow,
6444 .ios .swipeout-actions-left > div.color-yellow,
6445 .ios .swipeout-actions-right > div.color-yellow {
6446   background-color: #ffcc00;
6447 }
6448 .ios .swipeout-actions-left > a.color-orange,
6449 .ios .swipeout-actions-right > a.color-orange,
6450 .ios .swipeout-actions-left > button.color-orange,
6451 .ios .swipeout-actions-right > button.color-orange,
6452 .ios .swipeout-actions-left > span.color-orange,
6453 .ios .swipeout-actions-right > span.color-orange,
6454 .ios .swipeout-actions-left > div.color-orange,
6455 .ios .swipeout-actions-right > div.color-orange {
6456   background-color: #ff9500;
6457 }
6458 .ios .swipeout-actions-left > a.color-gray,
6459 .ios .swipeout-actions-right > a.color-gray,
6460 .ios .swipeout-actions-left > button.color-gray,
6461 .ios .swipeout-actions-right > button.color-gray,
6462 .ios .swipeout-actions-left > span.color-gray,
6463 .ios .swipeout-actions-right > span.color-gray,
6464 .ios .swipeout-actions-left > div.color-gray,
6465 .ios .swipeout-actions-right > div.color-gray {
6466   background-color: #8e8e93;
6467 }
6468 .ios .swipeout-actions-left > a.color-white,
6469 .ios .swipeout-actions-right > a.color-white,
6470 .ios .swipeout-actions-left > button.color-white,
6471 .ios .swipeout-actions-right > button.color-white,
6472 .ios .swipeout-actions-left > span.color-white,
6473 .ios .swipeout-actions-right > span.color-white,
6474 .ios .swipeout-actions-left > div.color-white,
6475 .ios .swipeout-actions-right > div.color-white {
6476   background-color: #ffffff;
6477 }
6478 .ios .swipeout-actions-left > a.color-black,
6479 .ios .swipeout-actions-right > a.color-black,
6480 .ios .swipeout-actions-left > button.color-black,
6481 .ios .swipeout-actions-right > button.color-black,
6482 .ios .swipeout-actions-left > span.color-black,
6483 .ios .swipeout-actions-right > span.color-black,
6484 .ios .swipeout-actions-left > div.color-black,
6485 .ios .swipeout-actions-right > div.color-black {
6486   background-color: #000000;
6487 }
6488 /* === Accordion === */
6489 .accordion-item-toggle {
6490   cursor: pointer;
6491   -webkit-transition-duration: 300ms;
6492   transition-duration: 300ms;
6493 }
6494 .accordion-item-toggle.active-state {
6495   -webkit-transition-duration: 300ms;
6496   transition-duration: 300ms;
6497 }
6498 .accordion-item-toggle.active-state > .item-inner:after {
6499   background-color: transparent;
6500 }
6501 .accordion-item-toggle .item-inner {
6502   -webkit-transition-duration: 300ms;
6503   transition-duration: 300ms;
6504   -webkit-transition-property: background-color;
6505   transition-property: background-color;
6506 }
6507 .accordion-item-toggle .item-inner:after {
6508   -webkit-transition-duration: 300ms;
6509   transition-duration: 300ms;
6510 }
6511 .accordion-item .item-link .item-inner:after {
6512   -webkit-transition-duration: 300ms;
6513   transition-duration: 300ms;
6514 }
6515 .accordion-item .list,
6516 .accordion-item .block {
6517   margin-top: 0;
6518   margin-bottom: 0;
6519 }
6520 .accordion-item .block > h1:first-child,
6521 .accordion-item .block > h2:first-child,
6522 .accordion-item .block > h3:first-child,
6523 .accordion-item .block > h4:first-child,
6524 .accordion-item .block > p:first-child {
6525   margin-top: 10px;
6526 }
6527 .accordion-item .block > h1:last-child,
6528 .accordion-item .block > h2:last-child,
6529 .accordion-item .block > h3:last-child,
6530 .accordion-item .block > h4:last-child,
6531 .accordion-item .block > p:last-child {
6532   margin-bottom: 10px;
6533 }
6534 .accordion-item-opened .accordion-item-toggle .item-inner:after,
6535 .accordion-item-opened > .item-link .item-inner:after {
6536   background-color: transparent;
6537 }
6538 .list li.accordion-item ul {
6539   padding-right: 0;
6540 }
6541 .accordion-item-content {
6542   position: relative;
6543   overflow: hidden;
6544   height: 0;
6545   font-size: 14px;
6546   -webkit-transition-duration: 300ms;
6547   transition-duration: 300ms;
6548 }
6549 .accordion-item-opened > .accordion-item-content {
6550   height: auto;
6551 }
6552 html.device-android-4 .accordion-item-content {
6553   -webkit-transform: none;
6554   transform: none;
6555 }
6556 .ios .list .accordion-item-toggle .item-inner {
6557   background-size: 8px 13px;
6558   padding-left: 35px;
6559   background-repeat: no-repeat;
6560   background-position: 15px center;
6561   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");
6562 }
6563 .ios .list .accordion-item-toggle.active-state {
6564   background-color: #d9d9d9;
6565 }
6566 .ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
6567 .ios .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
6568 .ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
6569 .ios .media-list .accordion-item-opened > .item-link .item-title-row,
6570 .ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
6571 .ios .accordion-item-opened.media-item > .item-link .item-title-row,
6572 .ios .links-list .accordion-item-opened > a {
6573   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
6574   background-size: 13px 13px;
6575 }
6576 .ios .theme-dark .list .accordion-item-toggle .item-inner {
6577   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");
6578 }
6579 .ios .theme-dark .list .accordion-item-toggle.active-state {
6580   background-color: #363636;
6581 }
6582 .ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
6583 .ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
6584 .ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
6585 .ios .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row,
6586 .ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
6587 .ios .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row,
6588 .ios .theme-dark .links-list .accordion-item-opened > a {
6589   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
6590 }
6591 /* === Contacts === */
6592 .contacts-list .list-group:first-child ul:before {
6593   display: none !important;
6594 }
6595 .contacts-list .list-group:last-child ul:after {
6596   display: none !important;
6597 }
6598 .ios .contacts-list {
6599   margin: 0;
6600 }
6601 .ios .contacts-list .list-group-title {
6602   padding: 0 15px;
6603   background: #f7f7f7;
6604   color: #000;
6605   font-weight: 600;
6606   line-height: 22px;
6607   height: 22px;
6608 }
6609 .ios .theme-dark .contacts-list .list-group-title,
6610 .contacts-list.ios .theme-dark .list-group-title {
6611   background-color: #111;
6612   color: #fff;
6613 }
6614 /* === Virtual List === */
6615 /* === Indexed List === */
6616 .list-index {
6617   position: absolute;
6618   top: 0;
6619   bottom: 0;
6620   right: 0;
6621   text-align: center;
6622   z-index: 10;
6623   width: 16px;
6624   cursor: pointer;
6625   -webkit-user-select: none;
6626   -moz-user-select: none;
6627   -ms-user-select: none;
6628   user-select: none;
6629 }
6630 .list-index:before {
6631   content: '';
6632   position: absolute;
6633   width: 20px;
6634   top: 0;
6635   right: 100%;
6636   height: 100%;
6637 }
6638 .list-index ul {
6639   font-size: 11px;
6640   font-weight: 600;
6641   list-style: none;
6642   margin: 0;
6643   padding: 0;
6644   display: -webkit-box;
6645   display: -webkit-flex;
6646   display: -ms-flexbox;
6647   display: flex;
6648   -webkit-box-orient: vertical;
6649   -webkit-box-direction: normal;
6650   -webkit-flex-direction: column;
6651   -ms-flex-direction: column;
6652   flex-direction: column;
6653   -webkit-box-pack: center;
6654   -webkit-justify-content: center;
6655   -ms-flex-pack: center;
6656   justify-content: center;
6657   -webkit-box-align: center;
6658   -webkit-align-items: center;
6659   -ms-flex-align: center;
6660   align-items: center;
6661   -webkit-flex-shrink: 0;
6662   -ms-flex-negative: 0;
6663   flex-shrink: 0;
6664   height: 100%;
6665   width: 100%;
6666   position: relative;
6667 }
6668 .list-index li {
6669   margin: 0;
6670   padding: 0;
6671   list-style: none;
6672   position: relative;
6673   height: 14px;
6674   line-height: 14px;
6675   -webkit-flex-shrink: 0;
6676   -ms-flex-negative: 0;
6677   flex-shrink: 0;
6678   display: block;
6679   width: 100%;
6680 }
6681 .list-index .list-index-skip-placeholder:after {
6682   content: '';
6683   position: absolute;
6684   left: 50%;
6685   top: 50%;
6686   border-radius: 50%;
6687 }
6688 .list-index .list-index-label {
6689   position: absolute;
6690   bottom: 0;
6691   right: 100%;
6692   text-align: center;
6693   border-radius: 50%;
6694   color: #fff;
6695   font-weight: 500;
6696 }
6697 .ios .list-index ul {
6698   color: #007aff;
6699 }
6700 .ios .list-index .list-index-skip-placeholder:after {
6701   content: '';
6702   width: 6px;
6703   height: 6px;
6704   margin-left: -3px;
6705   margin-top: -3px;
6706   background: #007aff;
6707 }
6708 .ios .list-index .list-index-label {
6709   margin-bottom: -22px;
6710   margin-right: 15px;
6711   width: 44px;
6712   height: 44px;
6713   line-height: 44px;
6714   border-radius: 50%;
6715   background: #007aff;
6716   font-size: 17px;
6717 }
6718 .ios .list-index .list-index-label:before {
6719   position: absolute;
6720   width: 100%;
6721   height: 100%;
6722   border-radius: 50% 0% 50% 50%;
6723   content: '';
6724   background-color: inherit;
6725   left: 0;
6726   top: 0;
6727   -webkit-transform: rotate(45deg);
6728   transform: rotate(45deg);
6729   z-index: -1;
6730 }
6731 .ios .navbar ~ .page > .list-index,
6732 .ios .navbar ~ .list-index {
6733   top: 44px;
6734 }
6735 .ios .toolbar ~ .page > .list-index,
6736 .ios .toolbar ~ * .page > .list-index,
6737 .ios .toolbar ~ .list-index {
6738   bottom: 44px;
6739 }
6740 .ios .tabbar-labels ~ .page > .list-index,
6741 .ios .tabbar-labels ~ * .page > .list-index,
6742 .ios .tabbar-labels ~ .list-index {
6743   bottom: 50px;
6744 }
6745 @media (min-width: 768px) {
6746   .ios .tabbar-labels ~ .page > .list-index,
6747   .ios .tabbar-labels ~ * .page > .list-index,
6748   .ios .tabbar-labels ~ .list-index {
6749     bottom: 56px;
6750   }
6751 }
6752 .ios.device-iphone-x .toolbar ~ .page > .list-index,
6753 .ios.device-iphone-x .toolbar ~ * .page > .list-index,
6754 .ios.device-iphone-x .toolbar ~ .list-index {
6755   bottom: calc(44px + constant(safe-area-inset-bottom));
6756   bottom: calc(44px + env(safe-area-inset-bottom));
6757 }
6758 .ios.device-iphone-x .tabbar-labels ~ .page > .list-index,
6759 .ios.device-iphone-x .tabbar-labels ~ * .page > .list-index,
6760 .ios.device-iphone-x .tabbar-labels ~ .list-index {
6761   bottom: calc(50px + constant(safe-area-inset-bottom));
6762   bottom: calc(50px + env(safe-area-inset-bottom));
6763 }
6764 @media (min-width: 768px) {
6765   .ios.device-iphone-x .tabbar-labels ~ .page > .list-index,
6766   .ios.device-iphone-x .tabbar-labels ~ * .page > .list-index,
6767   .ios.device-iphone-x .tabbar-labels ~ .list-index {
6768     bottom: calc(56px + constant(safe-area-inset-bottom));
6769     bottom: calc(56px + env(safe-area-inset-bottom));
6770   }
6771 }
6772 .ios .color-theme-red .list-index ul,
6773 .ios .list-index.color-theme-red ul {
6774   color: #ff3b30;
6775 }
6776 .ios .color-theme-red .list-index .list-index-skip-placeholder:after,
6777 .ios .list-index.color-theme-red .list-index-skip-placeholder:after,
6778 .ios .color-theme-red .list-index .list-index-label,
6779 .ios .list-index.color-theme-red .list-index-label {
6780   background-color: #ff3b30;
6781 }
6782 .ios .color-theme-green .list-index ul,
6783 .ios .list-index.color-theme-green ul {
6784   color: #4cd964;
6785 }
6786 .ios .color-theme-green .list-index .list-index-skip-placeholder:after,
6787 .ios .list-index.color-theme-green .list-index-skip-placeholder:after,
6788 .ios .color-theme-green .list-index .list-index-label,
6789 .ios .list-index.color-theme-green .list-index-label {
6790   background-color: #4cd964;
6791 }
6792 .ios .color-theme-blue .list-index ul,
6793 .ios .list-index.color-theme-blue ul {
6794   color: #007aff;
6795 }
6796 .ios .color-theme-blue .list-index .list-index-skip-placeholder:after,
6797 .ios .list-index.color-theme-blue .list-index-skip-placeholder:after,
6798 .ios .color-theme-blue .list-index .list-index-label,
6799 .ios .list-index.color-theme-blue .list-index-label {
6800   background-color: #007aff;
6801 }
6802 .ios .color-theme-pink .list-index ul,
6803 .ios .list-index.color-theme-pink ul {
6804   color: #ff2d55;
6805 }
6806 .ios .color-theme-pink .list-index .list-index-skip-placeholder:after,
6807 .ios .list-index.color-theme-pink .list-index-skip-placeholder:after,
6808 .ios .color-theme-pink .list-index .list-index-label,
6809 .ios .list-index.color-theme-pink .list-index-label {
6810   background-color: #ff2d55;
6811 }
6812 .ios .color-theme-yellow .list-index ul,
6813 .ios .list-index.color-theme-yellow ul {
6814   color: #ffcc00;
6815 }
6816 .ios .color-theme-yellow .list-index .list-index-skip-placeholder:after,
6817 .ios .list-index.color-theme-yellow .list-index-skip-placeholder:after,
6818 .ios .color-theme-yellow .list-index .list-index-label,
6819 .ios .list-index.color-theme-yellow .list-index-label {
6820   background-color: #ffcc00;
6821 }
6822 .ios .color-theme-orange .list-index ul,
6823 .ios .list-index.color-theme-orange ul {
6824   color: #ff9500;
6825 }
6826 .ios .color-theme-orange .list-index .list-index-skip-placeholder:after,
6827 .ios .list-index.color-theme-orange .list-index-skip-placeholder:after,
6828 .ios .color-theme-orange .list-index .list-index-label,
6829 .ios .list-index.color-theme-orange .list-index-label {
6830   background-color: #ff9500;
6831 }
6832 .ios .color-theme-gray .list-index ul,
6833 .ios .list-index.color-theme-gray ul {
6834   color: #8e8e93;
6835 }
6836 .ios .color-theme-gray .list-index .list-index-skip-placeholder:after,
6837 .ios .list-index.color-theme-gray .list-index-skip-placeholder:after,
6838 .ios .color-theme-gray .list-index .list-index-label,
6839 .ios .list-index.color-theme-gray .list-index-label {
6840   background-color: #8e8e93;
6841 }
6842 .ios .color-theme-white .list-index ul,
6843 .ios .list-index.color-theme-white ul {
6844   color: #ffffff;
6845 }
6846 .ios .color-theme-white .list-index .list-index-skip-placeholder:after,
6847 .ios .list-index.color-theme-white .list-index-skip-placeholder:after,
6848 .ios .color-theme-white .list-index .list-index-label,
6849 .ios .list-index.color-theme-white .list-index-label {
6850   background-color: #ffffff;
6851 }
6852 .ios .color-theme-black .list-index ul,
6853 .ios .list-index.color-theme-black ul {
6854   color: #000000;
6855 }
6856 .ios .color-theme-black .list-index .list-index-skip-placeholder:after,
6857 .ios .list-index.color-theme-black .list-index-skip-placeholder:after,
6858 .ios .color-theme-black .list-index .list-index-label,
6859 .ios .list-index.color-theme-black .list-index-label {
6860   background-color: #000000;
6861 }
6862 .ios .list-index.color-red ul {
6863   color: #ff3b30;
6864 }
6865 .ios .list-index.color-red .list-index-skip-placeholder:after,
6866 .ios .list-index.color-red .list-index-label {
6867   background-color: #ff3b30;
6868 }
6869 .ios .list-index.color-green ul {
6870   color: #4cd964;
6871 }
6872 .ios .list-index.color-green .list-index-skip-placeholder:after,
6873 .ios .list-index.color-green .list-index-label {
6874   background-color: #4cd964;
6875 }
6876 .ios .list-index.color-blue ul {
6877   color: #007aff;
6878 }
6879 .ios .list-index.color-blue .list-index-skip-placeholder:after,
6880 .ios .list-index.color-blue .list-index-label {
6881   background-color: #007aff;
6882 }
6883 .ios .list-index.color-pink ul {
6884   color: #ff2d55;
6885 }
6886 .ios .list-index.color-pink .list-index-skip-placeholder:after,
6887 .ios .list-index.color-pink .list-index-label {
6888   background-color: #ff2d55;
6889 }
6890 .ios .list-index.color-yellow ul {
6891   color: #ffcc00;
6892 }
6893 .ios .list-index.color-yellow .list-index-skip-placeholder:after,
6894 .ios .list-index.color-yellow .list-index-label {
6895   background-color: #ffcc00;
6896 }
6897 .ios .list-index.color-orange ul {
6898   color: #ff9500;
6899 }
6900 .ios .list-index.color-orange .list-index-skip-placeholder:after,
6901 .ios .list-index.color-orange .list-index-label {
6902   background-color: #ff9500;
6903 }
6904 .ios .list-index.color-gray ul {
6905   color: #8e8e93;
6906 }
6907 .ios .list-index.color-gray .list-index-skip-placeholder:after,
6908 .ios .list-index.color-gray .list-index-label {
6909   background-color: #8e8e93;
6910 }
6911 .ios .list-index.color-white ul {
6912   color: #ffffff;
6913 }
6914 .ios .list-index.color-white .list-index-skip-placeholder:after,
6915 .ios .list-index.color-white .list-index-label {
6916   background-color: #ffffff;
6917 }
6918 .ios .list-index.color-black ul {
6919   color: #000000;
6920 }
6921 .ios .list-index.color-black .list-index-skip-placeholder:after,
6922 .ios .list-index.color-black .list-index-label {
6923   background-color: #000000;
6924 }
6925 /* === Timeline === */
6926 .timeline {
6927   -webkit-box-sizing: border-box;
6928   box-sizing: border-box;
6929 }
6930 .block-strong .timeline {
6931   padding: 0;
6932   margin: 0;
6933 }
6934 .timeline-item {
6935   display: -webkit-box;
6936   display: -webkit-flex;
6937   display: -ms-flexbox;
6938   display: flex;
6939   -webkit-box-pack: start;
6940   -webkit-justify-content: flex-start;
6941   -ms-flex-pack: start;
6942   justify-content: flex-start;
6943   overflow: hidden;
6944   -webkit-box-sizing: border-box;
6945   box-sizing: border-box;
6946   position: relative;
6947 }
6948 .timeline-item-date {
6949   -webkit-flex-shrink: 0;
6950   -ms-flex-negative: 0;
6951   flex-shrink: 0;
6952   width: 50px;
6953   text-align: right;
6954   -webkit-box-sizing: border-box;
6955   box-sizing: border-box;
6956 }
6957 .timeline-item-date small {
6958   font-size: 10px;
6959 }
6960 .timeline-item-content {
6961   margin: 2px;
6962   min-width: 0;
6963   position: relative;
6964   -webkit-flex-shrink: 10;
6965   -ms-flex-negative: 10;
6966   flex-shrink: 10;
6967 }
6968 .timeline-item-content p:first-child,
6969 .timeline-item-content ul:first-child,
6970 .timeline-item-content ol:first-child,
6971 .timeline-item-content h1:first-child,
6972 .timeline-item-content h2:first-child,
6973 .timeline-item-content h3:first-child,
6974 .timeline-item-content h4:first-child {
6975   margin-top: 0;
6976 }
6977 .timeline-item-content p:last-child,
6978 .timeline-item-content ul:last-child,
6979 .timeline-item-content ol:last-child,
6980 .timeline-item-content h1:last-child,
6981 .timeline-item-content h2:last-child,
6982 .timeline-item-content h3:last-child,
6983 .timeline-item-content h4:last-child {
6984   margin-bottom: 0;
6985 }
6986 .timeline-item-inner {
6987   background: #fff;
6988   -webkit-box-sizing: border-box;
6989   box-sizing: border-box;
6990 }
6991 .timeline-item-inner .block {
6992   padding: 0;
6993   color: inherit;
6994 }
6995 .timeline-item-inner .block-strong {
6996   padding-left: 0;
6997   padding-right: 0;
6998   margin: 0;
6999 }
7000 .timeline-item-inner .block-strong:before {
7001   display: none !important;
7002 }
7003 .timeline-item-inner .block-strong:after {
7004   display: none !important;
7005 }
7006 .timeline-item-inner .list ul:before {
7007   display: none !important;
7008 }
7009 .timeline-item-inner .list ul:after {
7010   display: none !important;
7011 }
7012 .timeline-item-divider {
7013   width: 1px;
7014   position: relative;
7015   width: 10px;
7016   height: 10px;
7017   background: #bbb;
7018   border-radius: 50%;
7019   margin-top: 3px;
7020   -webkit-flex-shrink: 0;
7021   -ms-flex-negative: 0;
7022   flex-shrink: 0;
7023 }
7024 .timeline-item-divider:after,
7025 .timeline-item-divider:before {
7026   content: ' ';
7027   width: 1px;
7028   height: 100vh;
7029   position: absolute;
7030   left: 50%;
7031   background: inherit;
7032   -webkit-transform: translate3d(-50%, 0, 0);
7033   transform: translate3d(-50%, 0, 0);
7034 }
7035 .timeline-item-divider:after {
7036   top: 100%;
7037 }
7038 .timeline-item-divider:before {
7039   bottom: 100%;
7040 }
7041 .timeline-item:last-child .timeline-item-divider:after {
7042   display: none;
7043 }
7044 .timeline-item:first-child .timeline-item-divider:before {
7045   display: none;
7046 }
7047 .timeline-item-time {
7048   font-size: 13px;
7049 }
7050 .timeline-item-time:first-child,
7051 .timeline-item-time:last-child {
7052   margin-top: 0;
7053 }
7054 .timeline-item-title + .timeline-item-time {
7055   margin-top: 0;
7056 }
7057 .timeline-horizontal {
7058   height: 100%;
7059   display: -webkit-box;
7060   display: -webkit-flex;
7061   display: -ms-flexbox;
7062   display: flex;
7063 }
7064 .timeline-horizontal .timeline-item {
7065   display: block;
7066   width: 33.33333333vw;
7067   margin: 0;
7068   padding: 0;
7069   -webkit-flex-shrink: 0;
7070   -ms-flex-negative: 0;
7071   flex-shrink: 0;
7072   position: relative;
7073   height: 100%;
7074 }
7075 .timeline-horizontal .timeline-item-date {
7076   width: auto;
7077   text-align: left;
7078   line-height: 34px;
7079   position: absolute;
7080   left: 0;
7081   top: 0;
7082   width: 100%;
7083   height: 34px;
7084   text-align: right;
7085 }
7086 .timeline-horizontal .timeline-item-content {
7087   overflow: auto;
7088   -webkit-overflow-scrolling: touch;
7089   margin: 0;
7090 }
7091 .timeline-horizontal .timeline-item-divider {
7092   display: none;
7093 }
7094 .timeline-horizontal.col-100 .timeline-item {
7095   width: 100vw;
7096 }
7097 .timeline-horizontal.col-95 .timeline-item {
7098   width: 95vw;
7099 }
7100 .timeline-horizontal.col-90 .timeline-item {
7101   width: 90vw;
7102 }
7103 .timeline-horizontal.col-85 .timeline-item {
7104   width: 85vw;
7105 }
7106 .timeline-horizontal.col-80 .timeline-item {
7107   width: 80vw;
7108 }
7109 .timeline-horizontal.col-75 .timeline-item {
7110   width: 75vw;
7111 }
7112 .timeline-horizontal.col-70 .timeline-item {
7113   width: 70vw;
7114 }
7115 .timeline-horizontal.col-66 .timeline-item {
7116   width: 66.66666666666666vw;
7117 }
7118 .timeline-horizontal.col-65 .timeline-item {
7119   width: 65vw;
7120 }
7121 .timeline-horizontal.col-60 .timeline-item {
7122   width: 60vw;
7123 }
7124 .timeline-horizontal.col-55 .timeline-item {
7125   width: 55vw;
7126 }
7127 .timeline-horizontal.col-50 .timeline-item {
7128   width: 50vw;
7129 }
7130 .timeline-horizontal.col-45 .timeline-item {
7131   width: 45vw;
7132 }
7133 .timeline-horizontal.col-40 .timeline-item {
7134   width: 40vw;
7135 }
7136 .timeline-horizontal.col-35 .timeline-item {
7137   width: 35vw;
7138 }
7139 .timeline-horizontal.col-33 .timeline-item {
7140   width: 33.333333333333336vw;
7141 }
7142 .timeline-horizontal.col-30 .timeline-item {
7143   width: 30vw;
7144 }
7145 .timeline-horizontal.col-25 .timeline-item {
7146   width: 25vw;
7147 }
7148 .timeline-horizontal.col-20 .timeline-item {
7149   width: 20vw;
7150 }
7151 .timeline-horizontal.col-15 .timeline-item {
7152   width: 15vw;
7153 }
7154 .timeline-horizontal.col-10 .timeline-item {
7155   width: 10vw;
7156 }
7157 .timeline-horizontal.col-5 .timeline-item {
7158   width: 5vw;
7159 }
7160 @media (min-width: 768px) {
7161   .timeline-horizontal.tablet-100 .timeline-item {
7162     width: 100vw;
7163   }
7164   .timeline-horizontal.tablet-95 .timeline-item {
7165     width: 95vw;
7166   }
7167   .timeline-horizontal.tablet-90 .timeline-item {
7168     width: 90vw;
7169   }
7170   .timeline-horizontal.tablet-85 .timeline-item {
7171     width: 85vw;
7172   }
7173   .timeline-horizontal.tablet-80 .timeline-item {
7174     width: 80vw;
7175   }
7176   .timeline-horizontal.tablet-75 .timeline-item {
7177     width: 75vw;
7178   }
7179   .timeline-horizontal.tablet-70 .timeline-item {
7180     width: 70vw;
7181   }
7182   .timeline-horizontal.tablet-66 .timeline-item {
7183     width: 66.66666666666666vw;
7184   }
7185   .timeline-horizontal.tablet-65 .timeline-item {
7186     width: 65vw;
7187   }
7188   .timeline-horizontal.tablet-60 .timeline-item {
7189     width: 60vw;
7190   }
7191   .timeline-horizontal.tablet-55 .timeline-item {
7192     width: 55vw;
7193   }
7194   .timeline-horizontal.tablet-50 .timeline-item {
7195     width: 50vw;
7196   }
7197   .timeline-horizontal.tablet-45 .timeline-item {
7198     width: 45vw;
7199   }
7200   .timeline-horizontal.tablet-40 .timeline-item {
7201     width: 40vw;
7202   }
7203   .timeline-horizontal.tablet-35 .timeline-item {
7204     width: 35vw;
7205   }
7206   .timeline-horizontal.tablet-33 .timeline-item {
7207     width: 33.333333333333336vw;
7208   }
7209   .timeline-horizontal.tablet-30 .timeline-item {
7210     width: 30vw;
7211   }
7212   .timeline-horizontal.tablet-25 .timeline-item {
7213     width: 25vw;
7214   }
7215   .timeline-horizontal.tablet-20 .timeline-item {
7216     width: 20vw;
7217   }
7218   .timeline-horizontal.tablet-15 .timeline-item {
7219     width: 15vw;
7220   }
7221   .timeline-horizontal.tablet-10 .timeline-item {
7222     width: 10vw;
7223   }
7224   .timeline-horizontal.tablet-5 .timeline-item {
7225     width: 5vw;
7226   }
7227 }
7228 .timeline-horizontal .timeline-year,
7229 .timeline-horizontal .timeline-month {
7230   display: -webkit-box;
7231   display: -webkit-flex;
7232   display: -ms-flexbox;
7233   display: flex;
7234   -webkit-flex-shrink: 0;
7235   -ms-flex-negative: 0;
7236   flex-shrink: 0;
7237   padding-top: 24px;
7238   position: relative;
7239   -webkit-box-sizing: border-box;
7240   box-sizing: border-box;
7241   height: 100%;
7242 }
7243 .timeline-horizontal .timeline-year-title,
7244 .timeline-horizontal .timeline-month-title {
7245   position: absolute;
7246   left: 0;
7247   top: 0;
7248   width: 100%;
7249   line-height: 24px;
7250   height: 24px;
7251   -webkit-box-sizing: border-box;
7252   box-sizing: border-box;
7253 }
7254 .timeline-horizontal .timeline-year-title span,
7255 .timeline-horizontal .timeline-month-title span {
7256   display: inline-block;
7257   position: -webkit-sticky;
7258   position: sticky;
7259 }
7260 .timeline-horizontal .timeline-year-title {
7261   font-size: 16px;
7262 }
7263 .timeline-horizontal .timeline-month-title span {
7264   margin-top: -2px;
7265 }
7266 /* === Timeline iOS === */
7267 .ios .timeline {
7268   margin: 35px 0;
7269   padding: 0 15px;
7270 }
7271 .ios .block-strong .timeline {
7272   padding: 0;
7273   margin: 0;
7274 }
7275 .ios .timeline-item {
7276   padding: 2px 0px 15px;
7277 }
7278 .ios .timeline-item:last-child {
7279   padding-bottom: 2px;
7280 }
7281 .ios .timeline-item-content .card,
7282 .ios .timeline-item-content.card,
7283 .ios .timeline-item-content .list,
7284 .ios .timeline-item-content.list,
7285 .ios .timeline-item-content .block,
7286 .ios .timeline-item-content.block {
7287   margin: 0;
7288   width: 100%;
7289 }
7290 .ios .timeline-item-content .card + .card,
7291 .ios .timeline-item-content .list + .card,
7292 .ios .timeline-item-content .block + .card,
7293 .ios .timeline-item-content .card + .list,
7294 .ios .timeline-item-content .list + .list,
7295 .ios .timeline-item-content .block + .list,
7296 .ios .timeline-item-content .card + .block,
7297 .ios .timeline-item-content .list + .block,
7298 .ios .timeline-item-content .block + .block {
7299   margin: 15px 0 0;
7300 }
7301 .ios .timeline-item-inner {
7302   border-radius: 7px;
7303   padding: 8px 15px;
7304 }
7305 .ios .timeline-item-inner + .timeline-item-inner {
7306   margin-top: 15px;
7307 }
7308 .ios .block-strong .timeline-item-inner {
7309   border-radius: 3px;
7310   border: 1px solid rgba(0, 0, 0, 0.1);
7311 }
7312 .ios .timeline-item-divider {
7313   margin-left: 15px;
7314   margin-right: 15px;
7315 }
7316 .ios .timeline-item-time {
7317   margin-top: 15px;
7318   color: #6d6d72;
7319 }
7320 .ios .timeline-item-time:first-child,
7321 .ios .timeline-item-time:last-child {
7322   margin-top: 0;
7323 }
7324 .ios .timeline-item-title {
7325   font-size: 17px;
7326   font-weight: 600;
7327 }
7328 .ios .timeline-item-subtitle {
7329   font-size: 15px;
7330 }
7331 .ios .timeline-sides .timeline-item {
7332   margin-right: calc(50% - (30px + 10px) / 2 - 50px);
7333   margin-left: 0;
7334 }
7335 .ios .timeline-sides .timeline-item .timeline-item-date {
7336   text-align: left;
7337 }
7338 .ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
7339   -webkit-box-orient: horizontal;
7340   -webkit-box-direction: reverse;
7341   -webkit-flex-direction: row-reverse;
7342   -ms-flex-direction: row-reverse;
7343   flex-direction: row-reverse;
7344   margin-left: calc(50% - (30px + 10px) / 2 - 50px);
7345   margin-right: 0;
7346 }
7347 .ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
7348   text-align: right;
7349 }
7350 .ios .timeline-sides .timeline-item-left {
7351   -webkit-box-orient: horizontal;
7352   -webkit-box-direction: reverse;
7353   -webkit-flex-direction: row-reverse;
7354   -ms-flex-direction: row-reverse;
7355   flex-direction: row-reverse;
7356   margin-left: calc(50% - (30px + 10px) / 2 - 50px);
7357   margin-right: 0;
7358 }
7359 .ios .timeline-sides .timeline-item-left .timeline-item-date {
7360   text-align: right;
7361 }
7362 .ios .timeline-sides .timeline-item-right {
7363   margin-right: calc(50% - (30px + 10px) / 2 - 50px);
7364   margin-left: 0;
7365 }
7366 .ios .timeline-sides .timeline-item-right .timeline-item-date {
7367   text-align: left;
7368 }
7369 @media (min-width: 768px) {
7370   .ios .tablet-sides .timeline-item {
7371     margin-right: calc(50% - (30px + 10px) / 2 - 50px);
7372     margin-left: 0;
7373   }
7374   .ios .tablet-sides .timeline-item .timeline-item-date {
7375     text-align: left;
7376   }
7377   .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
7378     -webkit-box-orient: horizontal;
7379     -webkit-box-direction: reverse;
7380     -webkit-flex-direction: row-reverse;
7381     -ms-flex-direction: row-reverse;
7382     flex-direction: row-reverse;
7383     margin-left: calc(50% - (30px + 10px) / 2 - 50px);
7384     margin-right: 0;
7385   }
7386   .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
7387     text-align: right;
7388   }
7389   .ios .tablet-sides .timeline-item-left {
7390     -webkit-box-orient: horizontal;
7391     -webkit-box-direction: reverse;
7392     -webkit-flex-direction: row-reverse;
7393     -ms-flex-direction: row-reverse;
7394     flex-direction: row-reverse;
7395     margin-left: calc(50% - (30px + 10px) / 2 - 50px);
7396     margin-right: 0;
7397   }
7398   .ios .tablet-sides .timeline-item-left .timeline-item-date {
7399     text-align: right;
7400   }
7401   .ios .tablet-sides .timeline-item-right {
7402     margin-right: calc(50% - (30px + 10px) / 2 - 50px);
7403     margin-left: 0;
7404   }
7405   .ios .tablet-sides .timeline-item-right .timeline-item-date {
7406     text-align: left;
7407   }
7408 }
7409 .ios .timeline-horizontal {
7410   padding: 0;
7411   margin: 0;
7412 }
7413 .ios .timeline-horizontal .timeline-item {
7414   padding-top: 34px !important;
7415   padding-bottom: 10px;
7416 }
7417 .ios .timeline-horizontal > .timeline-item:last-child:after,
7418 .ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
7419   display: none !important;
7420 }
7421 .ios .timeline-horizontal .timeline-item-date {
7422   background: #f7f7f8;
7423   padding: 0px 10px;
7424 }
7425 .ios .timeline-horizontal .timeline-item-content {
7426   padding: 10px;
7427   height: calc(100% - 10px);
7428 }
7429 .ios .timeline-horizontal .timeline-item-date:after {
7430   content: '';
7431   position: absolute;
7432   background-color: #c4c4c4;
7433   display: block;
7434   z-index: 15;
7435   top: auto;
7436   right: auto;
7437   bottom: 0;
7438   left: 0;
7439   height: 1px;
7440   width: 100%;
7441   -webkit-transform-origin: 50% 100%;
7442   transform-origin: 50% 100%;
7443 }
7444 .ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after {
7445   -webkit-transform: scaleY(0.5);
7446   transform: scaleY(0.5);
7447 }
7448 .ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after {
7449   -webkit-transform: scaleY(0.33);
7450   transform: scaleY(0.33);
7451 }
7452 .ios .timeline-horizontal .timeline-month .timeline-item:before {
7453   content: '';
7454   position: absolute;
7455   background-color: #c4c4c4;
7456   display: block;
7457   z-index: 15;
7458   top: 0;
7459   right: auto;
7460   bottom: auto;
7461   left: 0;
7462   height: 1px;
7463   width: 100%;
7464   -webkit-transform-origin: 50% 0%;
7465   transform-origin: 50% 0%;
7466 }
7467 .ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before {
7468   -webkit-transform: scaleY(0.5);
7469   transform: scaleY(0.5);
7470 }
7471 .ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before {
7472   -webkit-transform: scaleY(0.33);
7473   transform: scaleY(0.33);
7474 }
7475 .ios .timeline-horizontal .timeline-item:after {
7476   content: '';
7477   position: absolute;
7478   background-color: #c4c4c4;
7479   display: block;
7480   z-index: 15;
7481   top: 0;
7482   right: 0;
7483   bottom: auto;
7484   left: auto;
7485   width: 1px;
7486   height: 100%;
7487   -webkit-transform-origin: 100% 50%;
7488   transform-origin: 100% 50%;
7489 }
7490 .ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after {
7491   -webkit-transform: scaleX(0.5);
7492   transform: scaleX(0.5);
7493 }
7494 .ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after {
7495   -webkit-transform: scaleX(0.33);
7496   transform: scaleX(0.33);
7497 }
7498 .ios .timeline-horizontal .timeline-year:after {
7499   content: '';
7500   position: absolute;
7501   background-color: #c4c4c4;
7502   display: block;
7503   z-index: 15;
7504   top: 0;
7505   right: 0;
7506   bottom: auto;
7507   left: auto;
7508   width: 1px;
7509   height: 100%;
7510   -webkit-transform-origin: 100% 50%;
7511   transform-origin: 100% 50%;
7512 }
7513 .ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after {
7514   -webkit-transform: scaleX(0.5);
7515   transform: scaleX(0.5);
7516 }
7517 .ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after {
7518   -webkit-transform: scaleX(0.33);
7519   transform: scaleX(0.33);
7520 }
7521 .ios .timeline-year:last-child:after {
7522   display: none !important;
7523 }
7524 .ios .timeline-year-title,
7525 .ios .timeline-month-title {
7526   padding: 0 10px;
7527   background: #f7f7f8;
7528 }
7529 .ios .timeline-year-title span,
7530 .ios .timeline-month-title span {
7531   right: 10px;
7532 }
7533 .ios .timeline-year-title span {
7534   margin-top: 3px;
7535 }
7536 @media (orientation: landscape) {
7537   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7538   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7539   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7540   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
7541   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) {
7542     padding-left: constant(safe-area-inset-left);
7543     padding-left: env(safe-area-inset-left);
7544   }
7545   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7546   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7547   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7548   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7549   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
7550   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7551   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7552   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7553   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
7554   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span {
7555     left: calc(10px + constant(safe-area-inset-left));
7556     left: calc(10px + env(safe-area-inset-left));
7557   }
7558   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7559   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7560   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7561   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7562   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
7563   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7564   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7565   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7566   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7567   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
7568   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7569   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7570   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7571   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
7572   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title {
7573     left: -44px;
7574     right: 0;
7575     width: auto;
7576   }
7577   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7578   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7579   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7580   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7581   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
7582   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7583   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7584   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7585   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7586   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
7587   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7588   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7589   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7590   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7591   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
7592   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7593   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7594   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7595   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
7596   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item {
7597     overflow: visible;
7598   }
7599   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7600   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7601   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7602   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7603   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
7604   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7605   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7606   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7607   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7608   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
7609   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7610   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7611   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7612   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7613   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
7614   .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7615   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7616   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7617   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
7618   .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date {
7619     width: auto;
7620     padding-left: calc(10px + constant(safe-area-inset-left));
7621     padding-left: calc(10px + env(safe-area-inset-left));
7622     left: calc(0px - constant(safe-area-inset-left));
7623     left: calc(0px - env(safe-area-inset-left));
7624     right: 0;
7625   }
7626   .ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7627   .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7628   .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7629   .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
7630   .ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) {
7631     padding-left: calc(15px + constant(safe-area-inset-left));
7632     padding-left: calc(15px + env(safe-area-inset-left));
7633   }
7634   .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7635   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7636   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7637   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7638   .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
7639   .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7640   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7641   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7642   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
7643   .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title {
7644     width: auto;
7645     right: calc(0px - constant(safe-area-inset-right));
7646     right: calc(0px - env(safe-area-inset-right));
7647   }
7648   .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7649   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7650   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7651   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7652   .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
7653   .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7654   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7655   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7656   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
7657   .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child {
7658     overflow: visible;
7659   }
7660   .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7661   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7662   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7663   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7664   .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
7665   .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7666   .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7667   .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7668   .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
7669   .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date {
7670     width: auto;
7671     right: calc(0px - constant(safe-area-inset-right));
7672     right: calc(0px - env(safe-area-inset-right));
7673     left: 0;
7674   }
7675   .ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7676   .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7677   .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7678   .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
7679   .ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) {
7680     padding-right: calc(15px + constant(safe-area-inset-right));
7681     padding-right: calc(15px + env(safe-area-inset-right));
7682   }
7683 }
7684 .ios .theme-dark .timeline-year-title,
7685 .ios .theme-dark .timeline-month-title {
7686   background: #1b1b1b;
7687 }
7688 .ios .theme-dark .timeline-item-inner {
7689   background-color: #1c1c1d;
7690 }
7691 .ios .theme-dark .timeline-item-time {
7692   color: #8E8E93;
7693 }
7694 .ios .theme-dark .timeline-horizontal .timeline-item-date,
7695 .timeline-horizontal.ios .theme-dark .timeline-item-date {
7696   background: #1b1b1b;
7697 }
7698 .ios .theme-dark .timeline-horizontal .timeline-item-date:after,
7699 .timeline-horizontal.ios .theme-dark .timeline-item-date:after {
7700   background-color: #282829;
7701 }
7702 .ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before,
7703 .timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before {
7704   background-color: #282829;
7705 }
7706 .ios .theme-dark .timeline-horizontal .timeline-item:after,
7707 .timeline-horizontal.ios .theme-dark .timeline-item:after {
7708   background-color: #282829;
7709 }
7710 .ios .theme-dark .timeline-horizontal .timeline-year:after,
7711 .timeline-horizontal.ios .theme-dark .timeline-year:after {
7712   background-color: #282829;
7713 }
7714 /* === Tabs === */
7715 .tabs .tab {
7716   display: none;
7717 }
7718 .tabs .tab-active {
7719   display: block;
7720 }
7721 .tabs-animated-wrap {
7722   position: relative;
7723   width: 100%;
7724   overflow: hidden;
7725   height: 100%;
7726 }
7727 .tabs-animated-wrap > .tabs {
7728   display: -webkit-box;
7729   display: -webkit-flex;
7730   display: -ms-flexbox;
7731   display: flex;
7732   height: 100%;
7733   -webkit-transition-duration: 300ms;
7734   transition-duration: 300ms;
7735 }
7736 .tabs-animated-wrap > .tabs > .tab {
7737   width: 100%;
7738   display: block;
7739   -webkit-flex-shrink: 0;
7740   -ms-flex-negative: 0;
7741   flex-shrink: 0;
7742 }
7743 .tabs-animated-wrap.not-animated > .tabs {
7744   -webkit-transition-duration: 300ms;
7745   transition-duration: 300ms;
7746 }
7747 .tabs-swipeable-wrap {
7748   height: 100%;
7749 }
7750 .tabs-swipeable-wrap > .tabs {
7751   height: 100%;
7752 }
7753 .tabs-swipeable-wrap > .tabs > .tab {
7754   display: block;
7755 }
7756 .page > .tabs {
7757   height: 100%;
7758 }
7759 /* === Panels === */
7760 .panel-backdrop {
7761   position: absolute;
7762   left: 0;
7763   top: 0;
7764   width: 100%;
7765   height: 100%;
7766   opacity: 0;
7767   z-index: 5999;
7768   display: none;
7769   -webkit-transform: translate3d(0, 0, 0);
7770   transform: translate3d(0, 0, 0);
7771 }
7772 .panel-backdrop.not-animated {
7773   -webkit-transition-duration: 0ms !important;
7774   transition-duration: 0ms !important;
7775 }
7776 .panel {
7777   z-index: 1000;
7778   display: none;
7779   -webkit-box-sizing: border-box;
7780   box-sizing: border-box;
7781   position: absolute;
7782   overflow: auto;
7783   -webkit-overflow-scrolling: touch;
7784   top: 0;
7785   height: 100%;
7786   -webkit-transform: translate3d(0, 0, 0);
7787   transform: translate3d(0, 0, 0);
7788   width: 260px;
7789   background-color: #fff;
7790 }
7791 .panel.not-animated {
7792   -webkit-transition-duration: 0ms !important;
7793   transition-duration: 0ms !important;
7794 }
7795 .panel.panel-reveal.not-animated ~ .views,
7796 .panel.panel-reveal.not-animated ~ .view {
7797   -webkit-transition-duration: 0ms !important;
7798   transition-duration: 0ms !important;
7799 }
7800 .panel-cover {
7801   z-index: 6000;
7802 }
7803 .panel-left {
7804   left: 0;
7805 }
7806 .panel-left.panel-cover {
7807   -webkit-transform: translate3d(-100%, 0, 0);
7808   transform: translate3d(-100%, 0, 0);
7809 }
7810 .panel-right {
7811   right: 0;
7812 }
7813 .panel-right.panel-cover {
7814   -webkit-transform: translate3d(100%, 0, 0);
7815   transform: translate3d(100%, 0, 0);
7816 }
7817 .panel-visible-by-breakpoint {
7818   display: block;
7819   -webkit-transform: translate3d(0, 0, 0) !important;
7820   transform: translate3d(0, 0, 0) !important;
7821 }
7822 .panel-visible-by-breakpoint.panel-cover {
7823   z-index: 5900;
7824 }
7825 html.with-panel .framework7-root > .views .page-content,
7826 html.with-panel .framework7-root > .view .page-content {
7827   overflow: hidden;
7828   -webkit-overflow-scrolling: auto;
7829 }
7830 html.with-panel-left-cover .panel-backdrop,
7831 html.with-panel-right-cover .panel-backdrop {
7832   display: block;
7833   opacity: 1;
7834 }
7835 html.with-panel-left-reveal .panel-backdrop,
7836 html.with-panel-right-reveal .panel-backdrop,
7837 html.with-panel-transitioning .panel-backdrop {
7838   background: rgba(0, 0, 0, 0);
7839   display: block;
7840   opacity: 0;
7841 }
7842 html.with-panel-left-reveal .views,
7843 html.with-panel-left-reveal .framework7-root > .view,
7844 html.with-panel-left-reveal .panel-backdrop {
7845   -webkit-transform: translate3d(260px, 0, 0);
7846   transform: translate3d(260px, 0, 0);
7847 }
7848 html.with-panel-right-reveal .views,
7849 html.with-panel-right-reveal .framework7-root > .view,
7850 html.with-panel-right-reveal .panel-backdrop {
7851   -webkit-transform: translate3d(-260px, 0, 0);
7852   transform: translate3d(-260px, 0, 0);
7853 }
7854 html.with-panel-left-cover .panel-left {
7855   -webkit-transform: translate3d(0px, 0, 0);
7856   transform: translate3d(0px, 0, 0);
7857 }
7858 html.with-panel-right-cover .panel-right {
7859   -webkit-transform: translate3d(0px, 0, 0);
7860   transform: translate3d(0px, 0, 0);
7861 }
7862 html.with-statusbar.device-ios .panel,
7863 html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel {
7864   top: 20px;
7865   height: calc(100% - 20px);
7866 }
7867 html.with-statusbar.device-android .panel,
7868 html.with-statusbar.md:not(.device-ios):not(.device-android) .panel {
7869   top: 24px;
7870   height: calc(100% - 24px);
7871 }
7872 html.with-statusbar.device-iphone-x .panel {
7873   top: constant(safe-area-inset-top);
7874   top: env(safe-area-inset-top);
7875   height: calc(100% - constant(safe-area-inset-top));
7876   height: calc(100% - env(safe-area-inset-top));
7877 }
7878 .ios .panel-backdrop {
7879   -webkit-transition-duration: 400ms;
7880   transition-duration: 400ms;
7881   background: rgba(0, 0, 0, 0);
7882 }
7883 .ios .panel {
7884   -webkit-transition-duration: 400ms;
7885   transition-duration: 400ms;
7886 }
7887 .ios.with-panel-left-reveal .views,
7888 .ios.with-panel-right-reveal .views,
7889 .ios.with-panel-transitioning .views,
7890 .ios.with-panel-left-reveal .framework7-root > .view,
7891 .ios.with-panel-right-reveal .framework7-root > .view,
7892 .ios.with-panel-transitioning .framework7-root > .view {
7893   -webkit-transition-duration: 400ms;
7894   transition-duration: 400ms;
7895   -webkit-transition-property: -webkit-transform;
7896   transition-property: -webkit-transform;
7897   transition-property: transform;
7898   transition-property: transform, -webkit-transform;
7899 }
7900 /* === Card === */
7901 .cards-list > ul:before,
7902 .card .list > ul:before {
7903   display: none !important;
7904 }
7905 .cards-list > ul:after,
7906 .card .list > ul:after {
7907   display: none !important;
7908 }
7909 .card {
7910   background: #fff;
7911   position: relative;
7912   border-radius: 4px;
7913   font-size: 14px;
7914 }
7915 .card .list,
7916 .card .block {
7917   margin: 0;
7918 }
7919 .row:not(.no-gap) .col > .card {
7920   margin-left: 0;
7921   margin-right: 0;
7922 }
7923 .card-content {
7924   position: relative;
7925 }
7926 .card-content-padding {
7927   position: relative;
7928 }
7929 .card-content-padding > p:first-child {
7930   margin-top: 0;
7931 }
7932 .card-content-padding > p:last-child {
7933   margin-bottom: 0;
7934 }
7935 .card-header,
7936 .card-footer {
7937   min-height: 44px;
7938   position: relative;
7939   -webkit-box-sizing: border-box;
7940   box-sizing: border-box;
7941   display: -webkit-box;
7942   display: -webkit-flex;
7943   display: -ms-flexbox;
7944   display: flex;
7945   -webkit-box-pack: justify;
7946   -webkit-justify-content: space-between;
7947   -ms-flex-pack: justify;
7948   justify-content: space-between;
7949   -webkit-box-align: center;
7950   -webkit-align-items: center;
7951   -ms-flex-align: center;
7952   align-items: center;
7953 }
7954 .card-header[valign="top"],
7955 .card-footer[valign="top"] {
7956   -webkit-box-align: start;
7957   -webkit-align-items: flex-start;
7958   -ms-flex-align: start;
7959   align-items: flex-start;
7960 }
7961 .card-header[valign="bottom"],
7962 .card-footer[valign="bottom"] {
7963   -webkit-box-align: end;
7964   -webkit-align-items: flex-end;
7965   -ms-flex-align: end;
7966   align-items: flex-end;
7967 }
7968 .card-header a.link,
7969 .card-footer a.link {
7970   position: relative;
7971 }
7972 .card-header a.link i.icon,
7973 .card-footer a.link i.icon {
7974   display: block;
7975 }
7976 .card-header a.icon-only,
7977 .card-footer a.icon-only {
7978   display: -webkit-box;
7979   display: -webkit-flex;
7980   display: -ms-flexbox;
7981   display: flex;
7982   -webkit-box-pack: center;
7983   -webkit-justify-content: center;
7984   -ms-flex-pack: center;
7985   justify-content: center;
7986   -webkit-box-align: center;
7987   -webkit-align-items: center;
7988   -ms-flex-align: center;
7989   align-items: center;
7990   margin: 0;
7991 }
7992 .card-header {
7993   border-radius: 4px 4px 0 0;
7994 }
7995 .card-header:after {
7996   content: '';
7997   position: absolute;
7998   background-color: #e1e1e1;
7999   display: block;
8000   z-index: 15;
8001   top: auto;
8002   right: auto;
8003   bottom: 0;
8004   left: 0;
8005   height: 1px;
8006   width: 100%;
8007   -webkit-transform-origin: 50% 100%;
8008   transform-origin: 50% 100%;
8009 }
8010 html.device-pixel-ratio-2 .card-header:after {
8011   -webkit-transform: scaleY(0.5);
8012   transform: scaleY(0.5);
8013 }
8014 html.device-pixel-ratio-3 .card-header:after {
8015   -webkit-transform: scaleY(0.33);
8016   transform: scaleY(0.33);
8017 }
8018 .card-header.no-hairline:after {
8019   display: none !important;
8020 }
8021 .card-footer {
8022   border-radius: 0 0 4px 4px;
8023 }
8024 .card-footer:before {
8025   content: '';
8026   position: absolute;
8027   background-color: #e1e1e1;
8028   display: block;
8029   z-index: 15;
8030   top: 0;
8031   right: auto;
8032   bottom: auto;
8033   left: 0;
8034   height: 1px;
8035   width: 100%;
8036   -webkit-transform-origin: 50% 0%;
8037   transform-origin: 50% 0%;
8038 }
8039 html.device-pixel-ratio-2 .card-footer:before {
8040   -webkit-transform: scaleY(0.5);
8041   transform: scaleY(0.5);
8042 }
8043 html.device-pixel-ratio-3 .card-footer:before {
8044   -webkit-transform: scaleY(0.33);
8045   transform: scaleY(0.33);
8046 }
8047 .card-footer.no-hairline:before {
8048   display: none !important;
8049 }
8050 .ios .cards-list ul,
8051 .ios .card .list ul {
8052   background: none;
8053 }
8054 .ios .card {
8055   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
8056   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
8057   margin: 10px;
8058 }
8059 .ios .card-outline {
8060   -webkit-box-shadow: none;
8061   box-shadow: none;
8062   border: 1px solid rgba(0, 0, 0, 0.12);
8063 }
8064 .ios .card-header a.link,
8065 .ios .card-footer a.link {
8066   line-height: 44px;
8067   height: 44px;
8068   margin-top: -10px;
8069   margin-bottom: -10px;
8070   display: -webkit-box;
8071   display: -webkit-flex;
8072   display: -ms-flexbox;
8073   display: flex;
8074   -webkit-box-pack: start;
8075   -webkit-justify-content: flex-start;
8076   -ms-flex-pack: start;
8077   justify-content: flex-start;
8078 }
8079 .ios .card-header a.icon-only,
8080 .ios .card-footer a.icon-only {
8081   min-width: 44px;
8082 }
8083 .ios .card-content-padding {
8084   padding: 15px;
8085 }
8086 .ios .card-content-padding > .list,
8087 .ios .card-content-padding > .block {
8088   margin: -15px;
8089 }
8090 .ios .card-header,
8091 .ios .card-footer {
8092   min-height: 44px;
8093   padding: 10px 15px;
8094 }
8095 .ios .card-header {
8096   font-size: 17px;
8097 }
8098 .ios .card-footer {
8099   color: #6d6d72;
8100 }
8101 @media (orientation: landscape) {
8102   .ios.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),
8103   .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),
8104   .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),
8105   .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge),
8106   .ios.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) {
8107     margin-left: calc(10px + constant(safe-area-inset-left));
8108     margin-left: calc(10px + env(safe-area-inset-left));
8109   }
8110   .ios.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),
8111   .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),
8112   .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),
8113   .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge),
8114   .ios.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) {
8115     margin-right: calc(10px + constant(safe-area-inset-right));
8116     margin-right: calc(10px + env(safe-area-inset-right));
8117   }
8118 }
8119 .ios .theme-dark .card {
8120   background-color: #1c1c1d;
8121 }
8122 .ios .theme-dark .card-outline {
8123   border-color: #282829;
8124 }
8125 .ios .theme-dark .card-header:after {
8126   background-color: #282829;
8127 }
8128 .ios .theme-dark .card-footer {
8129   color: #8E8E93;
8130 }
8131 .ios .theme-dark .card-footer:before {
8132   background-color: #282829;
8133 }
8134 /* === Chips === */
8135 .chip {
8136   font-weight: normal;
8137   display: -webkit-inline-box;
8138   display: -webkit-inline-flex;
8139   display: -ms-inline-flexbox;
8140   display: inline-flex;
8141   -webkit-box-sizing: border-box;
8142   box-sizing: border-box;
8143   vertical-align: middle;
8144   -webkit-box-align: center;
8145   -webkit-align-items: center;
8146   -ms-flex-align: center;
8147   align-items: center;
8148   margin: 2px 0;
8149 }
8150 .chip-media {
8151   border-radius: 50%;
8152   text-align: center;
8153   color: #fff;
8154   -webkit-flex-shrink: 0;
8155   -ms-flex-negative: 0;
8156   flex-shrink: 0;
8157   display: -webkit-box;
8158   display: -webkit-flex;
8159   display: -ms-flexbox;
8160   display: flex;
8161   -webkit-box-align: center;
8162   -webkit-align-items: center;
8163   -ms-flex-align: center;
8164   align-items: center;
8165   -webkit-box-pack: center;
8166   -webkit-justify-content: center;
8167   -ms-flex-pack: center;
8168   justify-content: center;
8169 }
8170 .chip-media img {
8171   max-width: 100%;
8172   max-height: 100%;
8173   width: auto;
8174   height: auto;
8175   border-radius: 50%;
8176   display: block;
8177 }
8178 .chip-label {
8179   white-space: nowrap;
8180   overflow: hidden;
8181   text-overflow: ellipsis;
8182   position: relative;
8183   -webkit-flex-shrink: 1;
8184   -ms-flex-negative: 1;
8185   flex-shrink: 1;
8186   min-width: 0;
8187 }
8188 .chip-delete {
8189   text-align: center;
8190   cursor: pointer;
8191   -webkit-flex-shrink: 0;
8192   -ms-flex-negative: 0;
8193   flex-shrink: 0;
8194   background-repeat: no-repeat;
8195 }
8196 .chip .chip-delete.active-state {
8197   opacity: 1;
8198 }
8199 .ios .chip {
8200   font-size: 13px;
8201   color: #000;
8202   background: rgba(0, 0, 0, 0.12);
8203   height: 24px;
8204   border-radius: 12px;
8205   padding: 0 10px;
8206 }
8207 .ios .chip-outline {
8208   background: none;
8209   border: 1px solid rgba(0, 0, 0, 0.12);
8210 }
8211 .ios .chip-media {
8212   width: 24px;
8213   height: 24px;
8214   vertical-align: middle;
8215   border-radius: 50%;
8216   text-align: center;
8217   line-height: 16px;
8218   color: #fff;
8219   font-size: 12px;
8220   -webkit-box-sizing: border-box;
8221   box-sizing: border-box;
8222   margin-right: -10px;
8223 }
8224 .ios .chip-media + .chip-label {
8225   margin-right: 4px;
8226 }
8227 .ios .chip-media i.icon {
8228   font-size: 16px;
8229   height: 16px;
8230 }
8231 .ios .chip-delete {
8232   width: 24px;
8233   height: 24px;
8234   line-height: 24px;
8235   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23000'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
8236   background-position: center;
8237   background-size: 14px 14px;
8238   opacity: 0.54;
8239   margin-left: -10px;
8240 }
8241 .ios .theme-dark .chip {
8242   background-color: #333;
8243   color: #fff;
8244 }
8245 .ios .theme-dark .chip-outline {
8246   background: none;
8247   border-color: #333;
8248 }
8249 .ios .theme-dark .chip-delete {
8250   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
8251 }
8252 .ios .chip.color-red {
8253   background: #ff3b30;
8254   color: #fff;
8255 }
8256 .ios .chip.color-red.chip-outline {
8257   background: none;
8258   border-color: #ff3b30;
8259   color: #ff3b30;
8260 }
8261 .ios .chip.color-green {
8262   background: #4cd964;
8263   color: #fff;
8264 }
8265 .ios .chip.color-green.chip-outline {
8266   background: none;
8267   border-color: #4cd964;
8268   color: #4cd964;
8269 }
8270 .ios .chip.color-blue {
8271   background: #007aff;
8272   color: #fff;
8273 }
8274 .ios .chip.color-blue.chip-outline {
8275   background: none;
8276   border-color: #007aff;
8277   color: #007aff;
8278 }
8279 .ios .chip.color-pink {
8280   background: #ff2d55;
8281   color: #fff;
8282 }
8283 .ios .chip.color-pink.chip-outline {
8284   background: none;
8285   border-color: #ff2d55;
8286   color: #ff2d55;
8287 }
8288 .ios .chip.color-yellow {
8289   background: #ffcc00;
8290   color: #fff;
8291 }
8292 .ios .chip.color-yellow.chip-outline {
8293   background: none;
8294   border-color: #ffcc00;
8295   color: #ffcc00;
8296 }
8297 .ios .chip.color-orange {
8298   background: #ff9500;
8299   color: #fff;
8300 }
8301 .ios .chip.color-orange.chip-outline {
8302   background: none;
8303   border-color: #ff9500;
8304   color: #ff9500;
8305 }
8306 .ios .chip.color-gray {
8307   background: #8e8e93;
8308   color: #fff;
8309 }
8310 .ios .chip.color-gray.chip-outline {
8311   background: none;
8312   border-color: #8e8e93;
8313   color: #8e8e93;
8314 }
8315 .ios .chip.color-white {
8316   background: #ffffff;
8317   color: #fff;
8318 }
8319 .ios .chip.color-white.chip-outline {
8320   background: none;
8321   border-color: #ffffff;
8322   color: #ffffff;
8323 }
8324 .ios .chip.color-black {
8325   background: #000000;
8326   color: #fff;
8327 }
8328 .ios .chip.color-black.chip-outline {
8329   background: none;
8330   border-color: #000000;
8331   color: #000000;
8332 }
8333 /* === Input === */
8334 input[type="text"],
8335 input[type="password"],
8336 input[type="search"],
8337 input[type="email"],
8338 input[type="tel"],
8339 input[type="url"],
8340 input[type="date"],
8341 input[type="datetime-local"],
8342 input[type="time"],
8343 input[type="number"],
8344 select,
8345 textarea {
8346   -webkit-box-sizing: border-box;
8347   box-sizing: border-box;
8348   -webkit-appearance: none;
8349   -moz-appearance: none;
8350   appearance: none;
8351   border: none;
8352   -webkit-box-shadow: none;
8353   box-shadow: none;
8354   border-radius: 0;
8355   outline: 0;
8356   display: block;
8357   padding: 0;
8358   margin: 0;
8359   font-family: inherit;
8360   background: none;
8361   resize: none;
8362   font-size: inherit;
8363   color: inherit;
8364 }
8365 .textarea-resizable-shadow {
8366   opacity: 0;
8367   position: absolute;
8368   z-index: -1000;
8369   pointer-events: none;
8370   left: -1000px;
8371   top: -1000px;
8372   visibility: hidden;
8373 }
8374 .list input[type="text"],
8375 .list input[type="password"],
8376 .list input[type="search"],
8377 .list input[type="email"],
8378 .list input[type="tel"],
8379 .list input[type="url"],
8380 .list input[type="date"],
8381 .list input[type="datetime-local"],
8382 .list input[type="time"],
8383 .list input[type="number"],
8384 .list select,
8385 .list textarea {
8386   width: 100%;
8387 }
8388 .list input[type="datetime-local"] {
8389   max-width: 50vw;
8390 }
8391 .list input[type="date"],
8392 .list input[type="datetime-local"] {
8393   line-height: 44px;
8394 }
8395 .list input[type="date"],
8396 .list input[type="datetime-local"] {
8397   text-align: right;
8398   -webkit-box-orient: horizontal;
8399   -webkit-box-direction: reverse;
8400   -webkit-flex-direction: row-reverse;
8401   -ms-flex-direction: row-reverse;
8402   flex-direction: row-reverse;
8403   width: auto;
8404 }
8405 .list textarea {
8406   resize: none;
8407   line-height: 1.4;
8408   height: 100px;
8409 }
8410 .list .item-label,
8411 .list .item-floating-label {
8412   vertical-align: top;
8413   -webkit-flex-shrink: 0;
8414   -ms-flex-negative: 0;
8415   flex-shrink: 0;
8416 }
8417 .list .item-input-wrap {
8418   width: 100%;
8419   -webkit-flex-shrink: 1;
8420   -ms-flex-negative: 1;
8421   flex-shrink: 1;
8422   position: relative;
8423 }
8424 .input {
8425   position: relative;
8426 }
8427 .input input,
8428 .input select,
8429 .input textarea {
8430   width: 100%;
8431 }
8432 .input-clear-button {
8433   opacity: 0;
8434   pointer-events: none;
8435   visibility: hidden;
8436   -webkit-transition-duration: 100ms;
8437   transition-duration: 100ms;
8438   position: absolute;
8439   top: 50%;
8440   border-radius: 50%;
8441   border: none;
8442   padding: 0;
8443   margin: 0;
8444   outline: 0;
8445   z-index: 1;
8446   cursor: pointer;
8447   background: none;
8448   left: 0;
8449 }
8450 .input-clear-button:after {
8451   content: '';
8452   position: absolute;
8453   width: 100%;
8454   height: 100%;
8455   left: 0;
8456   top: 0;
8457   background-repeat: no-repeat;
8458   background-position: center center;
8459 }
8460 .input-clear-button:before {
8461   position: absolute;
8462   content: '';
8463   left: 50%;
8464   top: 50%;
8465 }
8466 .input-with-value ~ .input-clear-button,
8467 .item-input-with-value .input-clear-button,
8468 .input-with-value .input-clear-button {
8469   opacity: 1;
8470   pointer-events: auto;
8471   visibility: visible;
8472 }
8473 .input-dropdown-wrap,
8474 .input-dropdown {
8475   position: relative;
8476 }
8477 .input-dropdown-wrap:before,
8478 .input-dropdown:before {
8479   content: '';
8480   pointer-events: none;
8481   position: absolute;
8482   top: 50%;
8483   margin-top: -2px;
8484   width: 0;
8485   height: 0;
8486   border-left: 5px solid transparent;
8487   border-right: 5px solid transparent;
8488   border-top: 5px solid #727272;
8489   left: 2px;
8490 }
8491 .input-dropdown-wrap select,
8492 .input-dropdown select,
8493 .input-dropdown-wrap input,
8494 .input-dropdown input,
8495 .input-dropdown-wrap textarea,
8496 .input-dropdown textarea {
8497   padding-right: 14px;
8498 }
8499 .ios .list input[type="text"],
8500 .ios .list input[type="password"],
8501 .ios .list input[type="search"],
8502 .ios .list input[type="email"],
8503 .ios .list input[type="tel"],
8504 .ios .list input[type="url"],
8505 .ios .list input[type="date"],
8506 .ios .list input[type="datetime-local"],
8507 .ios .list input[type="time"],
8508 .ios .list input[type="number"],
8509 .ios .list select {
8510   height: 44px;
8511   color: #000;
8512   font-size: 17px;
8513 }
8514 .ios .list textarea {
8515   color: #000;
8516   font-size: 17px;
8517   padding-top: 11px;
8518   padding-bottom: 11px;
8519 }
8520 .ios .list textarea.resizable {
8521   height: 44px;
8522 }
8523 .ios .item-label,
8524 .ios .item-floating-label {
8525   font-size: 12px;
8526   width: 100%;
8527   line-height: 1;
8528   overflow: visible;
8529 }
8530 .ios .item-label + .item-input-wrap,
8531 .ios .item-floating-label + .item-input-wrap {
8532   margin-top: 0;
8533 }
8534 .ios .item-input .item-inner {
8535   display: block;
8536 }
8537 .ios .item-input .item-media {
8538   -webkit-align-self: flex-start;
8539   -ms-flex-item-align: start;
8540   align-self: flex-start;
8541 }
8542 .ios .item-input-wrap {
8543   margin-top: -8px;
8544   margin-bottom: -8px;
8545 }
8546 .ios .inline-labels .item-inner,
8547 .ios .inline-label .item-inner {
8548   display: -webkit-box;
8549   display: -webkit-flex;
8550   display: -ms-flexbox;
8551   display: flex;
8552 }
8553 .ios .inline-labels .item-label,
8554 .ios .inline-label .item-label,
8555 .ios .inline-labels .item-floating-label,
8556 .ios .inline-label .item-floating-label {
8557   font-size: 17px;
8558   width: 35%;
8559   line-height: 1.4;
8560   -webkit-align-self: flex-start;
8561   -ms-flex-item-align: start;
8562   align-self: flex-start;
8563   padding-top: 3px;
8564 }
8565 .ios .inline-labels .item-label + .item-input-wrap,
8566 .ios .inline-label .item-label + .item-input-wrap,
8567 .ios .inline-labels .item-floating-label + .item-input-wrap,
8568 .ios .inline-label .item-floating-label + .item-input-wrap {
8569   margin-top: -8px;
8570   margin-right: 5px;
8571 }
8572 .ios .inline-labels .item-input-wrap,
8573 .ios .inline-label .item-input-wrap {
8574   margin-top: -8px;
8575 }
8576 .ios .item-input-with-error-message .item-input-wrap input,
8577 .ios div.input-with-error-message input,
8578 .ios span.input-with-error-message input,
8579 .ios .item-input-with-error-message .item-input-wrap select,
8580 .ios div.input-with-error-message select,
8581 .ios span.input-with-error-message select,
8582 .ios .item-input-with-error-message .item-input-wrap textarea,
8583 .ios div.input-with-error-message textarea,
8584 .ios span.input-with-error-message textarea {
8585   color: #ff3b30;
8586 }
8587 .ios .item-input-error-message,
8588 .ios .item-input-info,
8589 .ios .input-error-message,
8590 .ios .input-info {
8591   font-size: 12px;
8592   line-height: 1.4;
8593   position: relative;
8594   margin-bottom: 6px;
8595   margin-top: -8px;
8596 }
8597 .ios .item-input-info,
8598 .ios .input-info {
8599   color: #8e8e93;
8600 }
8601 .ios .item-input-error-message,
8602 .ios .input-error-message {
8603   color: #ff3b30;
8604   display: none;
8605 }
8606 .ios .item-input-invalid .item-input-error-message {
8607   display: block;
8608 }
8609 .ios .item-input-invalid .item-input-info {
8610   display: none;
8611 }
8612 .ios .input-invalid .input-error-message {
8613   display: block;
8614 }
8615 .ios .input-invalid .input-info {
8616   display: none;
8617 }
8618 .ios .input-clear-button {
8619   width: 14px;
8620   height: 14px;
8621   margin-top: -7px;
8622 }
8623 .ios .input-clear-button:after {
8624   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
8625   background-size: 14px 14px;
8626 }
8627 .ios .input-clear-button:before {
8628   width: 44px;
8629   height: 44px;
8630   margin-left: -22px;
8631   margin-top: -22px;
8632 }
8633 .ios .item-input-wrap .input-clear-button {
8634   top: 22px;
8635 }
8636 .ios .theme-dark .list input[type="text"],
8637 .list.ios .theme-dark input[type="text"],
8638 .ios .theme-dark .list input[type="password"],
8639 .list.ios .theme-dark input[type="password"],
8640 .ios .theme-dark .list input[type="search"],
8641 .list.ios .theme-dark input[type="search"],
8642 .ios .theme-dark .list input[type="email"],
8643 .list.ios .theme-dark input[type="email"],
8644 .ios .theme-dark .list input[type="tel"],
8645 .list.ios .theme-dark input[type="tel"],
8646 .ios .theme-dark .list input[type="url"],
8647 .list.ios .theme-dark input[type="url"],
8648 .ios .theme-dark .list input[type="date"],
8649 .list.ios .theme-dark input[type="date"],
8650 .ios .theme-dark .list input[type="datetime-local"],
8651 .list.ios .theme-dark input[type="datetime-local"],
8652 .ios .theme-dark .list input[type="time"],
8653 .list.ios .theme-dark input[type="time"],
8654 .ios .theme-dark .list input[type="number"],
8655 .list.ios .theme-dark input[type="number"],
8656 .ios .theme-dark .list select,
8657 .list.ios .theme-dark select {
8658   color: #fff;
8659 }
8660 .ios .theme-dark .list textarea,
8661 .list.ios .theme-dark textarea {
8662   color: #fff;
8663 }
8664 /* === Checkbox === */
8665 .icon-checkbox,
8666 .checkbox i {
8667   -webkit-flex-shrink: 0;
8668   -ms-flex-negative: 0;
8669   flex-shrink: 0;
8670 }
8671 .checkbox {
8672   position: relative;
8673   display: inline-block;
8674   vertical-align: middle;
8675   z-index: 1;
8676 }
8677 label.item-checkbox,
8678 .checkbox {
8679   cursor: pointer;
8680 }
8681 label.item-checkbox input[type="checkbox"],
8682 .checkbox input[type="checkbox"],
8683 label.item-checkbox input[type="radio"],
8684 .checkbox input[type="radio"] {
8685   display: none;
8686 }
8687 label.item-checkbox .icon-checkbox,
8688 .checkbox .icon-checkbox {
8689   -webkit-box-sizing: border-box;
8690   box-sizing: border-box;
8691   position: relative;
8692   display: block;
8693 }
8694 label.item-checkbox .icon-checkbox:after,
8695 .checkbox .icon-checkbox:after {
8696   content: '';
8697   position: absolute;
8698 }
8699 label.item-checkbox {
8700   -webkit-transition-duration: 300ms;
8701   transition-duration: 300ms;
8702 }
8703 label.item-checkbox.active-state:after {
8704   background-color: transparent;
8705 }
8706 label.item-checkbox.disabled,
8707 .disabled label.item-checkbox {
8708   opacity: 0.55;
8709   pointer-events: none;
8710   opacity: 0.55 !important;
8711   pointer-events: none !important;
8712 }
8713 .ios .icon-checkbox,
8714 .ios .checkbox i {
8715   width: 22px;
8716   height: 22px;
8717   border-radius: 50%;
8718   border: 1px solid #c7c7cc;
8719 }
8720 .ios .icon-checkbox:after,
8721 .ios .checkbox i:after {
8722   left: 50%;
8723   top: 50%;
8724   margin-left: -6px;
8725   margin-top: -4px;
8726   width: 12px;
8727   height: 9px;
8728 }
8729 .ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8730 .ios .checkbox input[type="checkbox"]:checked ~ i {
8731   border: none;
8732   background: #007aff;
8733 }
8734 .ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after,
8735 .ios .checkbox input[type="checkbox"]:checked ~ i:after {
8736   background: no-repeat center;
8737   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
8738   background-size: 12px 9px;
8739 }
8740 .ios label.item-checkbox > .icon-checkbox {
8741   margin-left: 15px;
8742 }
8743 .ios label.item-checkbox .item-content .item-media,
8744 .ios label.item-checkbox.item-content .item-media {
8745   -webkit-align-self: center;
8746   -ms-flex-item-align: center;
8747   align-self: center;
8748 }
8749 .ios label.item-checkbox.active-state {
8750   -webkit-transition-duration: 0ms;
8751   transition-duration: 0ms;
8752   background-color: #d9d9d9;
8753 }
8754 .ios .theme-dark label.item-checkbox.active-state {
8755   background-color: #363636;
8756 }
8757 .ios .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8758 .ios .color-theme-red .checkbox input[type="checkbox"]:checked ~ i {
8759   background: #ff3b30;
8760 }
8761 .ios .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8762 .ios .color-theme-green .checkbox input[type="checkbox"]:checked ~ i {
8763   background: #4cd964;
8764 }
8765 .ios .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8766 .ios .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i {
8767   background: #007aff;
8768 }
8769 .ios .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8770 .ios .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i {
8771   background: #ff2d55;
8772 }
8773 .ios .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8774 .ios .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i {
8775   background: #ffcc00;
8776 }
8777 .ios .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8778 .ios .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i {
8779   background: #ff9500;
8780 }
8781 .ios .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8782 .ios .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i {
8783   background: #8e8e93;
8784 }
8785 .ios .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8786 .ios .color-theme-white .checkbox input[type="checkbox"]:checked ~ i {
8787   background: #ffffff;
8788 }
8789 .ios .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
8790 .ios .color-theme-black .checkbox input[type="checkbox"]:checked ~ i {
8791   background: #000000;
8792 }
8793 .ios label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox,
8794 .ios .checkbox.color-red input[type="checkbox"]:checked ~ i {
8795   background: #ff3b30;
8796 }
8797 .ios label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox,
8798 .ios .checkbox.color-green input[type="checkbox"]:checked ~ i {
8799   background: #4cd964;
8800 }
8801 .ios label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox,
8802 .ios .checkbox.color-blue input[type="checkbox"]:checked ~ i {
8803   background: #007aff;
8804 }
8805 .ios label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox,
8806 .ios .checkbox.color-pink input[type="checkbox"]:checked ~ i {
8807   background: #ff2d55;
8808 }
8809 .ios label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox,
8810 .ios .checkbox.color-yellow input[type="checkbox"]:checked ~ i {
8811   background: #ffcc00;
8812 }
8813 .ios label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox,
8814 .ios .checkbox.color-orange input[type="checkbox"]:checked ~ i {
8815   background: #ff9500;
8816 }
8817 .ios label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox,
8818 .ios .checkbox.color-gray input[type="checkbox"]:checked ~ i {
8819   background: #8e8e93;
8820 }
8821 .ios label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox,
8822 .ios .checkbox.color-white input[type="checkbox"]:checked ~ i {
8823   background: #ffffff;
8824 }
8825 .ios label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox,
8826 .ios .checkbox.color-black input[type="checkbox"]:checked ~ i {
8827   background: #000000;
8828 }
8829 /* === Radio === */
8830 .icon-radio {
8831   -webkit-flex-shrink: 0;
8832   -ms-flex-negative: 0;
8833   flex-shrink: 0;
8834 }
8835 .radio {
8836   position: relative;
8837   display: inline-block;
8838   vertical-align: middle;
8839   z-index: 1;
8840 }
8841 label.item-radio,
8842 .radio {
8843   cursor: pointer;
8844 }
8845 label.item-radio input[type="checkbox"],
8846 .radio input[type="checkbox"],
8847 label.item-radio input[type="radio"],
8848 .radio input[type="radio"] {
8849   display: none;
8850 }
8851 label.item-radio .icon-radio,
8852 .radio .icon-radio {
8853   -webkit-box-sizing: border-box;
8854   box-sizing: border-box;
8855   position: relative;
8856   display: block;
8857 }
8858 label.item-radio .icon-radio:after,
8859 .radio .icon-radio:after {
8860   content: '';
8861   position: absolute;
8862 }
8863 label.item-radio {
8864   -webkit-transition-duration: 300ms;
8865   transition-duration: 300ms;
8866 }
8867 label.item-radio.active-state:after {
8868   background-color: transparent;
8869 }
8870 label.item-radio.disabled,
8871 .disabled label.item-radio {
8872   opacity: 0.55;
8873   pointer-events: none;
8874   opacity: 0.55 !important;
8875   pointer-events: none !important;
8876 }
8877 .ios .icon-radio {
8878   width: 22px;
8879   height: 22px;
8880   position: relative;
8881   -webkit-box-sizing: border-box;
8882   box-sizing: border-box;
8883   display: block;
8884 }
8885 .ios .radio .icon-radio {
8886   border-radius: 50%;
8887   border: 1px solid #c7c7cc;
8888 }
8889 .ios label.item-radio input[type="radio"] ~ .icon-radio {
8890   position: absolute;
8891   top: 50%;
8892   margin-top: -11px;
8893   left: 10px;
8894 }
8895 .ios label.item-radio .item-inner {
8896   padding-left: 35px;
8897 }
8898 .ios label.item-radio input[type="radio"]:checked ~ .icon-radio,
8899 .ios label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8900 .ios .radio input[type="radio"]:checked ~ .icon-radio {
8901   background: no-repeat center;
8902   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8903   background-size: 13px 10px;
8904 }
8905 .ios .radio input[type="radio"]:checked ~ .icon-radio {
8906   border-color: #007aff;
8907 }
8908 .ios label.item-radio .item-content .item-media,
8909 .ios label.item-radio.item-content .item-media {
8910   -webkit-align-self: center;
8911   -ms-flex-item-align: center;
8912   align-self: center;
8913 }
8914 .ios label.item-radio.active-state {
8915   -webkit-transition-duration: 0ms;
8916   transition-duration: 0ms;
8917   background-color: #d9d9d9;
8918 }
8919 @media (orientation: landscape) {
8920   .ios.device-iphone-x .ios-left-edge label.item-radio input[type="radio"] ~ .icon-radio,
8921   .ios.device-iphone-x .ios-edges label.item-radio input[type="radio"] ~ .icon-radio,
8922   .ios.device-iphone-x .popup label.item-radio input[type="radio"] ~ .icon-radio,
8923   .ios.device-iphone-x .sheet-modal label.item-radio input[type="radio"] ~ .icon-radio,
8924   .ios.device-iphone-x .panel-left label.item-radio input[type="radio"] ~ .icon-radio {
8925     left: calc(10px + constant(safe-area-inset-left));
8926     left: calc(10px + env(safe-area-inset-left));
8927   }
8928   .ios.device-iphone-x .ios-left-edge label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,
8929   .ios.device-iphone-x .ios-edges label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,
8930   .ios.device-iphone-x .popup label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,
8931   .ios.device-iphone-x .sheet-modal label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,
8932   .ios.device-iphone-x .panel-left label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner {
8933     padding-left: calc(35px + constant(safe-area-inset-left));
8934     padding-left: calc(35px + env(safe-area-inset-left));
8935   }
8936 }
8937 .ios .theme-dark label.item-radio.active-state {
8938   background-color: #363636;
8939 }
8940 .ios .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio,
8941 .ios .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8942 .ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio {
8943   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8944 }
8945 .ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio {
8946   border-color: #ff3b30;
8947 }
8948 .ios .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio,
8949 .ios .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8950 .ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio {
8951   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8952 }
8953 .ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio {
8954   border-color: #4cd964;
8955 }
8956 .ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio,
8957 .ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8958 .ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio {
8959   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8960 }
8961 .ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio {
8962   border-color: #007aff;
8963 }
8964 .ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio,
8965 .ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8966 .ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio {
8967   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8968 }
8969 .ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio {
8970   border-color: #ff2d55;
8971 }
8972 .ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio,
8973 .ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8974 .ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio {
8975   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8976 }
8977 .ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio {
8978   border-color: #ffcc00;
8979 }
8980 .ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio,
8981 .ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8982 .ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio {
8983   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8984 }
8985 .ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio {
8986   border-color: #ff9500;
8987 }
8988 .ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio,
8989 .ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8990 .ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio {
8991   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
8992 }
8993 .ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio {
8994   border-color: #8e8e93;
8995 }
8996 .ios .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio,
8997 .ios .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio,
8998 .ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio {
8999   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9000 }
9001 .ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio {
9002   border-color: #ffffff;
9003 }
9004 .ios .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio,
9005 .ios .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio,
9006 .ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio {
9007   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9008 }
9009 .ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio {
9010   border-color: #000000;
9011 }
9012 .ios label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio,
9013 .ios label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio,
9014 .ios .radio.color-red input[type="radio"]:checked ~ .icon-radio {
9015   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9016 }
9017 .ios .radio.color-red input[type="radio"]:checked ~ .icon-radio {
9018   border-color: #ff3b30;
9019 }
9020 .ios label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio,
9021 .ios label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio,
9022 .ios .radio.color-green input[type="radio"]:checked ~ .icon-radio {
9023   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9024 }
9025 .ios .radio.color-green input[type="radio"]:checked ~ .icon-radio {
9026   border-color: #4cd964;
9027 }
9028 .ios label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio,
9029 .ios label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio,
9030 .ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio {
9031   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9032 }
9033 .ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio {
9034   border-color: #007aff;
9035 }
9036 .ios label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio,
9037 .ios label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio,
9038 .ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio {
9039   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9040 }
9041 .ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio {
9042   border-color: #ff2d55;
9043 }
9044 .ios label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio,
9045 .ios label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio,
9046 .ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio {
9047   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9048 }
9049 .ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio {
9050   border-color: #ffcc00;
9051 }
9052 .ios label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio,
9053 .ios label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio,
9054 .ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio {
9055   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9056 }
9057 .ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio {
9058   border-color: #ff9500;
9059 }
9060 .ios label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio,
9061 .ios label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio,
9062 .ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio {
9063   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9064 }
9065 .ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio {
9066   border-color: #8e8e93;
9067 }
9068 .ios label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio,
9069 .ios label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio,
9070 .ios .radio.color-white input[type="radio"]:checked ~ .icon-radio {
9071   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9072 }
9073 .ios .radio.color-white input[type="radio"]:checked ~ .icon-radio {
9074   border-color: #ffffff;
9075 }
9076 .ios label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio,
9077 .ios label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio,
9078 .ios .radio.color-black input[type="radio"]:checked ~ .icon-radio {
9079   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
9080 }
9081 .ios .radio.color-black input[type="radio"]:checked ~ .icon-radio {
9082   border-color: #000000;
9083 }
9084 /* === Toggle === */
9085 .toggle {
9086   display: inline-block;
9087   vertical-align: middle;
9088   position: relative;
9089   -webkit-box-sizing: border-box;
9090   box-sizing: border-box;
9091   -webkit-align-self: center;
9092   -ms-flex-item-align: center;
9093   align-self: center;
9094   -webkit-user-select: none;
9095   -moz-user-select: none;
9096   -ms-user-select: none;
9097   user-select: none;
9098 }
9099 .toggle input[type="checkbox"] {
9100   display: none;
9101 }
9102 .toggle input[disabled] ~ .toggle-icon {
9103   pointer-events: none;
9104 }
9105 .toggle-icon {
9106   z-index: 0;
9107   margin: 0;
9108   padding: 0;
9109   -webkit-appearance: none;
9110   -moz-appearance: none;
9111   appearance: none;
9112   border: none;
9113   position: relative;
9114   -webkit-transition: 300ms;
9115   transition: 300ms;
9116   -webkit-box-sizing: border-box;
9117   box-sizing: border-box;
9118   display: block;
9119   cursor: pointer;
9120 }
9121 .toggle-icon:before,
9122 .toggle-icon:after {
9123   content: '';
9124 }
9125 .toggle-icon:after {
9126   background: #fff;
9127   position: absolute;
9128   z-index: 2;
9129   -webkit-transform: translateX(0px);
9130   transform: translateX(0px);
9131   -webkit-transition-duration: 300ms;
9132   transition-duration: 300ms;
9133 }
9134 .ios .toggle {
9135   width: 52px;
9136   border-radius: 16px;
9137   height: 32px;
9138 }
9139 .ios .toggle input[type="checkbox"]:checked + .toggle-icon {
9140   background: #4cd964;
9141 }
9142 .ios .toggle input[type="checkbox"]:checked + .toggle-icon:before {
9143   -webkit-transform: scale(0);
9144   transform: scale(0);
9145 }
9146 .ios .toggle input[type="checkbox"]:checked + .toggle-icon:after {
9147   -webkit-transform: translateX(-20px);
9148   transform: translateX(-20px);
9149 }
9150 .ios .toggle-icon {
9151   width: 52px;
9152   border-radius: 16px;
9153   height: 32px;
9154   background: #e5e5e5;
9155 }
9156 .ios .toggle-icon:before {
9157   position: absolute;
9158   right: 2px;
9159   top: 2px;
9160   width: 48px;
9161   height: 28px;
9162   border-radius: 16px;
9163   -webkit-box-sizing: border-box;
9164   box-sizing: border-box;
9165   background: #fff;
9166   z-index: 1;
9167   -webkit-transition-duration: 300ms;
9168   transition-duration: 300ms;
9169   -webkit-transform: scale(1);
9170   transform: scale(1);
9171 }
9172 .ios .toggle-icon:after {
9173   height: 28px;
9174   width: 28px;
9175   top: 2px;
9176   right: 2px;
9177   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
9178   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
9179   border-radius: 14px;
9180 }
9181 .ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before {
9182   -webkit-transform: scale(0);
9183   transform: scale(0);
9184 }
9185 .ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after {
9186   width: 35px;
9187 }
9188 .ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after {
9189   width: 35px;
9190   -webkit-transform: translateX(-13px);
9191   transform: translateX(-13px);
9192 }
9193 .ios .theme-dark .toggle-icon {
9194   background-color: #fff;
9195 }
9196 .ios .theme-dark .toggle-icon:before {
9197   background-color: #1c1c1d;
9198 }
9199 .ios .toggle.color-red input[type="checkbox"]:checked + .toggle-icon {
9200   background-color: #ff3b30;
9201 }
9202 .ios .toggle.color-green input[type="checkbox"]:checked + .toggle-icon {
9203   background-color: #4cd964;
9204 }
9205 .ios .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon {
9206   background-color: #007aff;
9207 }
9208 .ios .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon {
9209   background-color: #ff2d55;
9210 }
9211 .ios .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon {
9212   background-color: #ffcc00;
9213 }
9214 .ios .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon {
9215   background-color: #ff9500;
9216 }
9217 .ios .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon {
9218   background-color: #8e8e93;
9219 }
9220 .ios .toggle.color-white input[type="checkbox"]:checked + .toggle-icon {
9221   background-color: #ffffff;
9222 }
9223 .ios .toggle.color-black input[type="checkbox"]:checked + .toggle-icon {
9224   background-color: #000000;
9225 }
9226 /* === Range Slider === */
9227 .range-slider {
9228   display: block;
9229   width: 100%;
9230   position: relative;
9231   -webkit-align-self: center;
9232   -ms-flex-item-align: center;
9233   align-self: center;
9234   cursor: pointer;
9235   -webkit-user-select: none;
9236   -moz-user-select: none;
9237   -ms-user-select: none;
9238   user-select: none;
9239 }
9240 .range-slider input[type="range"] {
9241   display: none;
9242 }
9243 .range-bar {
9244   position: absolute;
9245   left: 0;
9246   top: 50%;
9247   width: 100%;
9248   overflow: hidden;
9249 }
9250 .range-bar-active {
9251   position: absolute;
9252   right: 0;
9253   top: 0;
9254   height: 100%;
9255 }
9256 .range-knob-wrap {
9257   z-index: 20;
9258   position: absolute;
9259   top: 50%;
9260   right: 0;
9261 }
9262 .range-knob {
9263   -webkit-box-sizing: border-box;
9264   box-sizing: border-box;
9265   border-radius: 50%;
9266   position: absolute;
9267   left: 0;
9268   top: 0;
9269   width: 100%;
9270   height: 100%;
9271   z-index: 1;
9272 }
9273 .range-knob:after {
9274   content: '';
9275   position: absolute;
9276   left: 50%;
9277   top: 50%;
9278   width: 44px;
9279   height: 44px;
9280   margin-left: -22px;
9281   margin-top: -22px;
9282 }
9283 .range-knob-label {
9284   position: absolute;
9285   left: 50%;
9286   bottom: 100%;
9287   text-align: center;
9288   -webkit-transition-duration: 120ms;
9289   transition-duration: 120ms;
9290   -webkit-transition-property: -webkit-transform;
9291   transition-property: -webkit-transform;
9292   transition-property: transform;
9293   transition-property: transform, -webkit-transform;
9294   -webkit-transform: translateY(100%) scale(0);
9295   transform: translateY(100%) scale(0);
9296 }
9297 .range-knob-active-state .range-knob-label {
9298   -webkit-transform: translateY(0%) scale(1);
9299   transform: translateY(0%) scale(1);
9300 }
9301 .ios .range-slider {
9302   height: 28px;
9303 }
9304 .ios .range-bar {
9305   background: #b7b8b7;
9306   border-radius: 2px;
9307   height: 1px;
9308 }
9309 .ios .range-bar-active {
9310   background: #007aff;
9311 }
9312 .ios .range-knob-wrap {
9313   height: 28px;
9314   width: 28px;
9315   margin-top: -14px;
9316   margin-right: -14px;
9317 }
9318 .ios .range-knob {
9319   background: #fff;
9320   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
9321   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
9322 }
9323 .ios .range-knob-label {
9324   min-width: 20px;
9325   height: 20px;
9326   line-height: 20px;
9327   background: #fff;
9328   border-radius: 5px;
9329   color: #000;
9330   font-size: 12px;
9331   margin-bottom: 6px;
9332   -webkit-transform: translateX(-50%) translateY(100%) scale(0);
9333   transform: translateX(-50%) translateY(100%) scale(0);
9334 }
9335 .ios .range-knob-active-state .range-knob-label {
9336   -webkit-transform: translateX(-50%) translateY(0%) scale(1);
9337   transform: translateX(-50%) translateY(0%) scale(1);
9338 }
9339 .ios .color-theme-red .range-slider .range-bar-active {
9340   background-color: #ff3b30;
9341 }
9342 .ios .color-theme-green .range-slider .range-bar-active {
9343   background-color: #4cd964;
9344 }
9345 .ios .color-theme-blue .range-slider .range-bar-active {
9346   background-color: #007aff;
9347 }
9348 .ios .color-theme-pink .range-slider .range-bar-active {
9349   background-color: #ff2d55;
9350 }
9351 .ios .color-theme-yellow .range-slider .range-bar-active {
9352   background-color: #ffcc00;
9353 }
9354 .ios .color-theme-orange .range-slider .range-bar-active {
9355   background-color: #ff9500;
9356 }
9357 .ios .color-theme-gray .range-slider .range-bar-active {
9358   background-color: #8e8e93;
9359 }
9360 .ios .color-theme-white .range-slider .range-bar-active {
9361   background-color: #ffffff;
9362 }
9363 .ios .color-theme-black .range-slider .range-bar-active {
9364   background-color: #000000;
9365 }
9366 .ios .range-slider.color-red .range-bar-active {
9367   background-color: #ff3b30;
9368 }
9369 .ios .range-slider.color-green .range-bar-active {
9370   background-color: #4cd964;
9371 }
9372 .ios .range-slider.color-blue .range-bar-active {
9373   background-color: #007aff;
9374 }
9375 .ios .range-slider.color-pink .range-bar-active {
9376   background-color: #ff2d55;
9377 }
9378 .ios .range-slider.color-yellow .range-bar-active {
9379   background-color: #ffcc00;
9380 }
9381 .ios .range-slider.color-orange .range-bar-active {
9382   background-color: #ff9500;
9383 }
9384 .ios .range-slider.color-gray .range-bar-active {
9385   background-color: #8e8e93;
9386 }
9387 .ios .range-slider.color-white .range-bar-active {
9388   background-color: #ffffff;
9389 }
9390 .ios .range-slider.color-black .range-bar-active {
9391   background-color: #000000;
9392 }
9393 /* === Stepper === */
9394 .stepper {
9395   display: -webkit-inline-box;
9396   display: -webkit-inline-flex;
9397   display: -ms-inline-flexbox;
9398   display: inline-flex;
9399   -webkit-box-align: stretch;
9400   -webkit-align-items: stretch;
9401   -ms-flex-align: stretch;
9402   align-items: stretch;
9403 }
9404 .stepper-button,
9405 .stepper-button-minus,
9406 .stepper-button-plus {
9407   text-align: center;
9408   display: -webkit-box;
9409   display: -webkit-flex;
9410   display: -ms-flexbox;
9411   display: flex;
9412   -webkit-box-pack: center;
9413   -webkit-justify-content: center;
9414   -ms-flex-pack: center;
9415   justify-content: center;
9416   -webkit-align-content: center;
9417   -ms-flex-line-pack: center;
9418   align-content: center;
9419   -webkit-box-align: center;
9420   -webkit-align-items: center;
9421   -ms-flex-align: center;
9422   align-items: center;
9423   -webkit-flex-shrink: 0;
9424   -ms-flex-negative: 0;
9425   flex-shrink: 0;
9426   -webkit-box-sizing: border-box;
9427   box-sizing: border-box;
9428   position: relative;
9429   cursor: pointer;
9430 }
9431 .stepper-button .icon,
9432 .stepper-button-minus .icon,
9433 .stepper-button-plus .icon {
9434   pointer-events: none;
9435 }
9436 .stepper-value {
9437   display: -webkit-box;
9438   display: -webkit-flex;
9439   display: -ms-flexbox;
9440   display: flex;
9441   -webkit-align-content: center;
9442   -ms-flex-line-pack: center;
9443   align-content: center;
9444   -webkit-box-align: center;
9445   -webkit-align-items: center;
9446   -ms-flex-align: center;
9447   align-items: center;
9448   -webkit-box-pack: center;
9449   -webkit-justify-content: center;
9450   -ms-flex-pack: center;
9451   justify-content: center;
9452 }
9453 .stepper-input-wrap,
9454 .stepper-value {
9455   -webkit-flex-shrink: 1;
9456   -ms-flex-negative: 1;
9457   flex-shrink: 1;
9458   text-align: center;
9459 }
9460 .stepper-button-plus,
9461 .stepper-button-minus {
9462   -webkit-user-select: none;
9463   -moz-user-select: none;
9464   -ms-user-select: none;
9465   user-select: none;
9466 }
9467 .stepper-button-plus:after,
9468 .stepper-button-minus:after,
9469 .stepper-button-plus:before,
9470 .stepper-button-minus:before {
9471   content: '';
9472   position: absolute;
9473   left: 50%;
9474   top: 50%;
9475   -webkit-transform: translate(-50%, -50%);
9476   transform: translate(-50%, -50%);
9477 }
9478 .stepper-button-plus:after,
9479 .stepper-button-minus:after {
9480   width: 15px;
9481   height: 2px;
9482 }
9483 .stepper-button-plus:before {
9484   height: 15px;
9485   width: 2px;
9486 }
9487 .stepper .stepper-input-wrap input,
9488 .stepper .stepper-value {
9489   width: 45px;
9490 }
9491 .ios .stepper {
9492   height: 29px;
9493 }
9494 .ios .stepper-button,
9495 .ios .stepper-button-minus,
9496 .ios .stepper-button-plus {
9497   border: 1px solid #007aff;
9498   color: #007aff;
9499   border-radius: 5px;
9500   line-height: 27px;
9501   height: 29px;
9502   width: 40px;
9503 }
9504 .ios .stepper-button .f7-icons,
9505 .ios .stepper-button-minus .f7-icons,
9506 .ios .stepper-button-plus .f7-icons {
9507   font-size: 22px;
9508 }
9509 .ios .stepper-button:first-child,
9510 .ios .stepper-button-minus:first-child,
9511 .ios .stepper-button-plus:first-child {
9512   border-radius: 0 5px 5px 0;
9513 }
9514 .ios .stepper-button:last-child,
9515 .ios .stepper-button-minus:last-child,
9516 .ios .stepper-button-plus:last-child {
9517   border-radius: 5px 0 0 5px;
9518 }
9519 .ios .stepper-button.active-state,
9520 .ios .stepper-button-minus.active-state,
9521 .ios .stepper-button-plus.active-state {
9522   background: rgba(0, 122, 255, 0.15);
9523 }
9524 .ios .stepper-button + .stepper-button,
9525 .ios .stepper-button-minus + .stepper-button,
9526 .ios .stepper-button-plus + .stepper-button,
9527 .ios .stepper-button + .stepper-button-minus,
9528 .ios .stepper-button-minus + .stepper-button-minus,
9529 .ios .stepper-button-plus + .stepper-button-minus,
9530 .ios .stepper-button + .stepper-button-plus,
9531 .ios .stepper-button-minus + .stepper-button-plus,
9532 .ios .stepper-button-plus + .stepper-button-plus {
9533   border-right: none;
9534 }
9535 .ios .stepper-button-plus:after,
9536 .ios .stepper-button-minus:after,
9537 .ios .stepper-button-plus:before,
9538 .ios .stepper-button-minus:before {
9539   background: #007aff;
9540 }
9541 .ios .stepper-input-wrap,
9542 .ios .stepper-value {
9543   border-top: 1px solid #007aff;
9544   border-bottom: 1px solid #007aff;
9545 }
9546 .ios .stepper .stepper-value {
9547   color: #007aff;
9548   font-size: 17px;
9549 }
9550 .ios .stepper .stepper-input-wrap input {
9551   height: 100%;
9552   text-align: center;
9553   color: #007aff;
9554   font-size: 17px;
9555 }
9556 .ios .stepper-fill .stepper-button,
9557 .ios .stepper-fill-ios .stepper-button,
9558 .ios .stepper-fill .stepper-button-minus,
9559 .ios .stepper-fill-ios .stepper-button-minus,
9560 .ios .stepper-fill .stepper-button-plus,
9561 .ios .stepper-fill-ios .stepper-button-plus {
9562   color: #fff;
9563   background: #007aff;
9564 }
9565 .ios .stepper-fill .stepper-button.active-state,
9566 .ios .stepper-fill-ios .stepper-button.active-state,
9567 .ios .stepper-fill .stepper-button-minus.active-state,
9568 .ios .stepper-fill-ios .stepper-button-minus.active-state,
9569 .ios .stepper-fill .stepper-button-plus.active-state,
9570 .ios .stepper-fill-ios .stepper-button-plus.active-state {
9571   opacity: 0.8;
9572 }
9573 .ios .stepper-fill .stepper-button-plus:before,
9574 .ios .stepper-fill-ios .stepper-button-plus:before,
9575 .ios .stepper-fill .stepper-button-minus:before,
9576 .ios .stepper-fill-ios .stepper-button-minus:before,
9577 .ios .stepper-fill .stepper-button-plus:after,
9578 .ios .stepper-fill-ios .stepper-button-plus:after,
9579 .ios .stepper-fill .stepper-button-minus:after,
9580 .ios .stepper-fill-ios .stepper-button-minus:after {
9581   background-color: #fff;
9582 }
9583 .ios .stepper-fill .stepper-button + .stepper-button,
9584 .ios .stepper-fill-ios .stepper-button + .stepper-button,
9585 .ios .stepper-fill .stepper-button-minus + .stepper-button-plus,
9586 .ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus {
9587   border-right: 1px solid rgba(0, 0, 0, 0.1);
9588 }
9589 .ios .stepper-round .stepper-button:first-child,
9590 .ios .stepper-round-ios .stepper-button:first-child,
9591 .ios .stepper-round .stepper-button-minus:first-child,
9592 .ios .stepper-round-ios .stepper-button-minus:first-child,
9593 .ios .stepper-round .stepper-button-plus:first-child,
9594 .ios .stepper-round-ios .stepper-button-plus:first-child {
9595   border-radius: 0 29px 29px 0;
9596 }
9597 .ios .stepper-round .stepper-button:last-child,
9598 .ios .stepper-round-ios .stepper-button:last-child,
9599 .ios .stepper-round .stepper-button-minus:last-child,
9600 .ios .stepper-round-ios .stepper-button-minus:last-child,
9601 .ios .stepper-round .stepper-button-plus:last-child,
9602 .ios .stepper-round-ios .stepper-button-plus:last-child {
9603   border-radius: 29px 0 0 29px;
9604 }
9605 .ios .stepper-small,
9606 .ios .stepper-small-ios {
9607   height: 26px;
9608 }
9609 .ios .stepper-small .stepper-input-wrap,
9610 .ios .stepper-small-ios .stepper-input-wrap,
9611 .ios .stepper-small .stepper-value,
9612 .ios .stepper-small-ios .stepper-value {
9613   border-top-width: 2px;
9614   border-bottom-width: 2px;
9615 }
9616 .ios .stepper-small .stepper-button,
9617 .ios .stepper-small-ios .stepper-button,
9618 .ios .stepper-small .stepper-button-minus,
9619 .ios .stepper-small-ios .stepper-button-minus,
9620 .ios .stepper-small .stepper-button-plus,
9621 .ios .stepper-small-ios .stepper-button-plus {
9622   height: 26px;
9623   -webkit-transition-duration: 200ms;
9624   transition-duration: 200ms;
9625   line-height: 22px;
9626   border-width: 2px;
9627 }
9628 .ios .stepper-small .stepper-button .f7-icons,
9629 .ios .stepper-small-ios .stepper-button .f7-icons,
9630 .ios .stepper-small .stepper-button-minus .f7-icons,
9631 .ios .stepper-small-ios .stepper-button-minus .f7-icons,
9632 .ios .stepper-small .stepper-button-plus .f7-icons,
9633 .ios .stepper-small-ios .stepper-button-plus .f7-icons {
9634   font-size: 18px;
9635 }
9636 .ios .stepper-small.stepper-fill .stepper-button.active-state,
9637 .ios .stepper-small-ios.stepper-fill .stepper-button.active-state,
9638 .ios .stepper-small.stepper-fill-ios .stepper-button.active-state,
9639 .ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state,
9640 .ios .stepper-small.stepper-fill .stepper-button-minus.active-state,
9641 .ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
9642 .ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state,
9643 .ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state,
9644 .ios .stepper-small.stepper-fill .stepper-button-plus.active-state,
9645 .ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,
9646 .ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state,
9647 .ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state {
9648   color: #007aff;
9649   border-color: #007aff;
9650   background-color: transparent;
9651   opacity: 1;
9652 }
9653 .ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
9654 .ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
9655 .ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before,
9656 .ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before,
9657 .ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
9658 .ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
9659 .ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before,
9660 .ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before,
9661 .ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
9662 .ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
9663 .ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after,
9664 .ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after,
9665 .ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
9666 .ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,
9667 .ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after,
9668 .ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after {
9669   background-color: #007aff;
9670 }
9671 .ios .stepper-big,
9672 .ios .stepper-big-ios {
9673   height: 44px;
9674 }
9675 .ios .stepper-big .stepper-button,
9676 .ios .stepper-big-ios .stepper-button,
9677 .ios .stepper-big .stepper-button-minus,
9678 .ios .stepper-big-ios .stepper-button-minus,
9679 .ios .stepper-big .stepper-button-plus,
9680 .ios .stepper-big-ios .stepper-button-plus {
9681   height: 44px;
9682   line-height: 42px;
9683 }
9684 .ios .color-theme-red .stepper-button,
9685 .ios .color-theme-red .stepper-button-minus,
9686 .ios .color-theme-red .stepper-button-plus {
9687   border-color: #ff3b30;
9688   color: #ff3b30;
9689 }
9690 .ios .color-theme-red .stepper-button.active-state,
9691 .ios .color-theme-red .stepper-button-minus.active-state,
9692 .ios .color-theme-red .stepper-button-plus.active-state {
9693   background-color: rgba(255, 59, 48, 0.15);
9694 }
9695 .ios .color-theme-red .stepper-button-plus:after,
9696 .ios .color-theme-red .stepper-button-minus:after,
9697 .ios .color-theme-red .stepper-button-plus:before,
9698 .ios .color-theme-red .stepper-button-minus:before {
9699   background-color: #ff3b30;
9700 }
9701 .ios .color-theme-red .stepper-value,
9702 .ios .color-theme-red .stepper-input-wrap {
9703   border-top-color: #ff3b30;
9704   border-bottom-color: #ff3b30;
9705 }
9706 .ios .color-theme-red .stepper-value,
9707 .ios .color-theme-red .stepper-input-wrap input {
9708   color: #ff3b30;
9709 }
9710 .ios .color-theme-red .stepper-fill .stepper-button,
9711 .ios .color-theme-red .stepper-fill-ios .stepper-button,
9712 .ios .color-theme-red .stepper-fill .stepper-button-minus,
9713 .ios .color-theme-red .stepper-fill-ios .stepper-button-minus,
9714 .ios .color-theme-red .stepper-fill .stepper-button-plus,
9715 .ios .color-theme-red .stepper-fill-ios .stepper-button-plus {
9716   background-color: #ff3b30;
9717 }
9718 .ios .color-theme-red .stepper-fill .stepper-button-plus:before,
9719 .ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before,
9720 .ios .color-theme-red .stepper-fill .stepper-button-minus:before,
9721 .ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before,
9722 .ios .color-theme-red .stepper-fill .stepper-button-plus:after,
9723 .ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after,
9724 .ios .color-theme-red .stepper-fill .stepper-button-minus:after,
9725 .ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after {
9726   background-color: #fff;
9727 }
9728 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state,
9729 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state,
9730 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state,
9731 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
9732 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state,
9733 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
9734   color: #ff3b30;
9735   border-color: #ff3b30;
9736   background-color: transparent;
9737 }
9738 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
9739 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
9740 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
9741 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
9742 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
9743 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
9744 .ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
9745 .ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
9746   background-color: #ff3b30;
9747 }
9748 .ios .color-theme-green .stepper-button,
9749 .ios .color-theme-green .stepper-button-minus,
9750 .ios .color-theme-green .stepper-button-plus {
9751   border-color: #4cd964;
9752   color: #4cd964;
9753 }
9754 .ios .color-theme-green .stepper-button.active-state,
9755 .ios .color-theme-green .stepper-button-minus.active-state,
9756 .ios .color-theme-green .stepper-button-plus.active-state {
9757   background-color: rgba(76, 217, 100, 0.15);
9758 }
9759 .ios .color-theme-green .stepper-button-plus:after,
9760 .ios .color-theme-green .stepper-button-minus:after,
9761 .ios .color-theme-green .stepper-button-plus:before,
9762 .ios .color-theme-green .stepper-button-minus:before {
9763   background-color: #4cd964;
9764 }
9765 .ios .color-theme-green .stepper-value,
9766 .ios .color-theme-green .stepper-input-wrap {
9767   border-top-color: #4cd964;
9768   border-bottom-color: #4cd964;
9769 }
9770 .ios .color-theme-green .stepper-value,
9771 .ios .color-theme-green .stepper-input-wrap input {
9772   color: #4cd964;
9773 }
9774 .ios .color-theme-green .stepper-fill .stepper-button,
9775 .ios .color-theme-green .stepper-fill-ios .stepper-button,
9776 .ios .color-theme-green .stepper-fill .stepper-button-minus,
9777 .ios .color-theme-green .stepper-fill-ios .stepper-button-minus,
9778 .ios .color-theme-green .stepper-fill .stepper-button-plus,
9779 .ios .color-theme-green .stepper-fill-ios .stepper-button-plus {
9780   background-color: #4cd964;
9781 }
9782 .ios .color-theme-green .stepper-fill .stepper-button-plus:before,
9783 .ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before,
9784 .ios .color-theme-green .stepper-fill .stepper-button-minus:before,
9785 .ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before,
9786 .ios .color-theme-green .stepper-fill .stepper-button-plus:after,
9787 .ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after,
9788 .ios .color-theme-green .stepper-fill .stepper-button-minus:after,
9789 .ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after {
9790   background-color: #fff;
9791 }
9792 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state,
9793 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state,
9794 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state,
9795 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
9796 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state,
9797 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
9798   color: #4cd964;
9799   border-color: #4cd964;
9800   background-color: transparent;
9801 }
9802 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
9803 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
9804 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
9805 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
9806 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
9807 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
9808 .ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
9809 .ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
9810   background-color: #4cd964;
9811 }
9812 .ios .color-theme-blue .stepper-button,
9813 .ios .color-theme-blue .stepper-button-minus,
9814 .ios .color-theme-blue .stepper-button-plus {
9815   border-color: #007aff;
9816   color: #007aff;
9817 }
9818 .ios .color-theme-blue .stepper-button.active-state,
9819 .ios .color-theme-blue .stepper-button-minus.active-state,
9820 .ios .color-theme-blue .stepper-button-plus.active-state {
9821   background-color: rgba(0, 122, 255, 0.15);
9822 }
9823 .ios .color-theme-blue .stepper-button-plus:after,
9824 .ios .color-theme-blue .stepper-button-minus:after,
9825 .ios .color-theme-blue .stepper-button-plus:before,
9826 .ios .color-theme-blue .stepper-button-minus:before {
9827   background-color: #007aff;
9828 }
9829 .ios .color-theme-blue .stepper-value,
9830 .ios .color-theme-blue .stepper-input-wrap {
9831   border-top-color: #007aff;
9832   border-bottom-color: #007aff;
9833 }
9834 .ios .color-theme-blue .stepper-value,
9835 .ios .color-theme-blue .stepper-input-wrap input {
9836   color: #007aff;
9837 }
9838 .ios .color-theme-blue .stepper-fill .stepper-button,
9839 .ios .color-theme-blue .stepper-fill-ios .stepper-button,
9840 .ios .color-theme-blue .stepper-fill .stepper-button-minus,
9841 .ios .color-theme-blue .stepper-fill-ios .stepper-button-minus,
9842 .ios .color-theme-blue .stepper-fill .stepper-button-plus,
9843 .ios .color-theme-blue .stepper-fill-ios .stepper-button-plus {
9844   background-color: #007aff;
9845 }
9846 .ios .color-theme-blue .stepper-fill .stepper-button-plus:before,
9847 .ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before,
9848 .ios .color-theme-blue .stepper-fill .stepper-button-minus:before,
9849 .ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before,
9850 .ios .color-theme-blue .stepper-fill .stepper-button-plus:after,
9851 .ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after,
9852 .ios .color-theme-blue .stepper-fill .stepper-button-minus:after,
9853 .ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after {
9854   background-color: #fff;
9855 }
9856 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state,
9857 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state,
9858 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state,
9859 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
9860 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state,
9861 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
9862   color: #007aff;
9863   border-color: #007aff;
9864   background-color: transparent;
9865 }
9866 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
9867 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
9868 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
9869 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
9870 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
9871 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
9872 .ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
9873 .ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
9874   background-color: #007aff;
9875 }
9876 .ios .color-theme-pink .stepper-button,
9877 .ios .color-theme-pink .stepper-button-minus,
9878 .ios .color-theme-pink .stepper-button-plus {
9879   border-color: #ff2d55;
9880   color: #ff2d55;
9881 }
9882 .ios .color-theme-pink .stepper-button.active-state,
9883 .ios .color-theme-pink .stepper-button-minus.active-state,
9884 .ios .color-theme-pink .stepper-button-plus.active-state {
9885   background-color: rgba(255, 45, 85, 0.15);
9886 }
9887 .ios .color-theme-pink .stepper-button-plus:after,
9888 .ios .color-theme-pink .stepper-button-minus:after,
9889 .ios .color-theme-pink .stepper-button-plus:before,
9890 .ios .color-theme-pink .stepper-button-minus:before {
9891   background-color: #ff2d55;
9892 }
9893 .ios .color-theme-pink .stepper-value,
9894 .ios .color-theme-pink .stepper-input-wrap {
9895   border-top-color: #ff2d55;
9896   border-bottom-color: #ff2d55;
9897 }
9898 .ios .color-theme-pink .stepper-value,
9899 .ios .color-theme-pink .stepper-input-wrap input {
9900   color: #ff2d55;
9901 }
9902 .ios .color-theme-pink .stepper-fill .stepper-button,
9903 .ios .color-theme-pink .stepper-fill-ios .stepper-button,
9904 .ios .color-theme-pink .stepper-fill .stepper-button-minus,
9905 .ios .color-theme-pink .stepper-fill-ios .stepper-button-minus,
9906 .ios .color-theme-pink .stepper-fill .stepper-button-plus,
9907 .ios .color-theme-pink .stepper-fill-ios .stepper-button-plus {
9908   background-color: #ff2d55;
9909 }
9910 .ios .color-theme-pink .stepper-fill .stepper-button-plus:before,
9911 .ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before,
9912 .ios .color-theme-pink .stepper-fill .stepper-button-minus:before,
9913 .ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before,
9914 .ios .color-theme-pink .stepper-fill .stepper-button-plus:after,
9915 .ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after,
9916 .ios .color-theme-pink .stepper-fill .stepper-button-minus:after,
9917 .ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after {
9918   background-color: #fff;
9919 }
9920 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state,
9921 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state,
9922 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state,
9923 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
9924 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state,
9925 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
9926   color: #ff2d55;
9927   border-color: #ff2d55;
9928   background-color: transparent;
9929 }
9930 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
9931 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
9932 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
9933 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
9934 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
9935 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
9936 .ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
9937 .ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
9938   background-color: #ff2d55;
9939 }
9940 .ios .color-theme-yellow .stepper-button,
9941 .ios .color-theme-yellow .stepper-button-minus,
9942 .ios .color-theme-yellow .stepper-button-plus {
9943   border-color: #ffcc00;
9944   color: #ffcc00;
9945 }
9946 .ios .color-theme-yellow .stepper-button.active-state,
9947 .ios .color-theme-yellow .stepper-button-minus.active-state,
9948 .ios .color-theme-yellow .stepper-button-plus.active-state {
9949   background-color: rgba(255, 204, 0, 0.15);
9950 }
9951 .ios .color-theme-yellow .stepper-button-plus:after,
9952 .ios .color-theme-yellow .stepper-button-minus:after,
9953 .ios .color-theme-yellow .stepper-button-plus:before,
9954 .ios .color-theme-yellow .stepper-button-minus:before {
9955   background-color: #ffcc00;
9956 }
9957 .ios .color-theme-yellow .stepper-value,
9958 .ios .color-theme-yellow .stepper-input-wrap {
9959   border-top-color: #ffcc00;
9960   border-bottom-color: #ffcc00;
9961 }
9962 .ios .color-theme-yellow .stepper-value,
9963 .ios .color-theme-yellow .stepper-input-wrap input {
9964   color: #ffcc00;
9965 }
9966 .ios .color-theme-yellow .stepper-fill .stepper-button,
9967 .ios .color-theme-yellow .stepper-fill-ios .stepper-button,
9968 .ios .color-theme-yellow .stepper-fill .stepper-button-minus,
9969 .ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus,
9970 .ios .color-theme-yellow .stepper-fill .stepper-button-plus,
9971 .ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus {
9972   background-color: #ffcc00;
9973 }
9974 .ios .color-theme-yellow .stepper-fill .stepper-button-plus:before,
9975 .ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before,
9976 .ios .color-theme-yellow .stepper-fill .stepper-button-minus:before,
9977 .ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before,
9978 .ios .color-theme-yellow .stepper-fill .stepper-button-plus:after,
9979 .ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after,
9980 .ios .color-theme-yellow .stepper-fill .stepper-button-minus:after,
9981 .ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after {
9982   background-color: #fff;
9983 }
9984 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state,
9985 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state,
9986 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state,
9987 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
9988 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state,
9989 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
9990   color: #ffcc00;
9991   border-color: #ffcc00;
9992   background-color: transparent;
9993 }
9994 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
9995 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
9996 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
9997 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
9998 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
9999 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
10000 .ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
10001 .ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
10002   background-color: #ffcc00;
10003 }
10004 .ios .color-theme-orange .stepper-button,
10005 .ios .color-theme-orange .stepper-button-minus,
10006 .ios .color-theme-orange .stepper-button-plus {
10007   border-color: #ff9500;
10008   color: #ff9500;
10009 }
10010 .ios .color-theme-orange .stepper-button.active-state,
10011 .ios .color-theme-orange .stepper-button-minus.active-state,
10012 .ios .color-theme-orange .stepper-button-plus.active-state {
10013   background-color: rgba(255, 149, 0, 0.15);
10014 }
10015 .ios .color-theme-orange .stepper-button-plus:after,
10016 .ios .color-theme-orange .stepper-button-minus:after,
10017 .ios .color-theme-orange .stepper-button-plus:before,
10018 .ios .color-theme-orange .stepper-button-minus:before {
10019   background-color: #ff9500;
10020 }
10021 .ios .color-theme-orange .stepper-value,
10022 .ios .color-theme-orange .stepper-input-wrap {
10023   border-top-color: #ff9500;
10024   border-bottom-color: #ff9500;
10025 }
10026 .ios .color-theme-orange .stepper-value,
10027 .ios .color-theme-orange .stepper-input-wrap input {
10028   color: #ff9500;
10029 }
10030 .ios .color-theme-orange .stepper-fill .stepper-button,
10031 .ios .color-theme-orange .stepper-fill-ios .stepper-button,
10032 .ios .color-theme-orange .stepper-fill .stepper-button-minus,
10033 .ios .color-theme-orange .stepper-fill-ios .stepper-button-minus,
10034 .ios .color-theme-orange .stepper-fill .stepper-button-plus,
10035 .ios .color-theme-orange .stepper-fill-ios .stepper-button-plus {
10036   background-color: #ff9500;
10037 }
10038 .ios .color-theme-orange .stepper-fill .stepper-button-plus:before,
10039 .ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before,
10040 .ios .color-theme-orange .stepper-fill .stepper-button-minus:before,
10041 .ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before,
10042 .ios .color-theme-orange .stepper-fill .stepper-button-plus:after,
10043 .ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after,
10044 .ios .color-theme-orange .stepper-fill .stepper-button-minus:after,
10045 .ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after {
10046   background-color: #fff;
10047 }
10048 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state,
10049 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state,
10050 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state,
10051 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
10052 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state,
10053 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
10054   color: #ff9500;
10055   border-color: #ff9500;
10056   background-color: transparent;
10057 }
10058 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
10059 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
10060 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
10061 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
10062 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
10063 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
10064 .ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
10065 .ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
10066   background-color: #ff9500;
10067 }
10068 .ios .color-theme-gray .stepper-button,
10069 .ios .color-theme-gray .stepper-button-minus,
10070 .ios .color-theme-gray .stepper-button-plus {
10071   border-color: #8e8e93;
10072   color: #8e8e93;
10073 }
10074 .ios .color-theme-gray .stepper-button.active-state,
10075 .ios .color-theme-gray .stepper-button-minus.active-state,
10076 .ios .color-theme-gray .stepper-button-plus.active-state {
10077   background-color: rgba(142, 142, 147, 0.15);
10078 }
10079 .ios .color-theme-gray .stepper-button-plus:after,
10080 .ios .color-theme-gray .stepper-button-minus:after,
10081 .ios .color-theme-gray .stepper-button-plus:before,
10082 .ios .color-theme-gray .stepper-button-minus:before {
10083   background-color: #8e8e93;
10084 }
10085 .ios .color-theme-gray .stepper-value,
10086 .ios .color-theme-gray .stepper-input-wrap {
10087   border-top-color: #8e8e93;
10088   border-bottom-color: #8e8e93;
10089 }
10090 .ios .color-theme-gray .stepper-value,
10091 .ios .color-theme-gray .stepper-input-wrap input {
10092   color: #8e8e93;
10093 }
10094 .ios .color-theme-gray .stepper-fill .stepper-button,
10095 .ios .color-theme-gray .stepper-fill-ios .stepper-button,
10096 .ios .color-theme-gray .stepper-fill .stepper-button-minus,
10097 .ios .color-theme-gray .stepper-fill-ios .stepper-button-minus,
10098 .ios .color-theme-gray .stepper-fill .stepper-button-plus,
10099 .ios .color-theme-gray .stepper-fill-ios .stepper-button-plus {
10100   background-color: #8e8e93;
10101 }
10102 .ios .color-theme-gray .stepper-fill .stepper-button-plus:before,
10103 .ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before,
10104 .ios .color-theme-gray .stepper-fill .stepper-button-minus:before,
10105 .ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before,
10106 .ios .color-theme-gray .stepper-fill .stepper-button-plus:after,
10107 .ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after,
10108 .ios .color-theme-gray .stepper-fill .stepper-button-minus:after,
10109 .ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after {
10110   background-color: #fff;
10111 }
10112 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state,
10113 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state,
10114 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state,
10115 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
10116 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state,
10117 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
10118   color: #8e8e93;
10119   border-color: #8e8e93;
10120   background-color: transparent;
10121 }
10122 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
10123 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
10124 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
10125 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
10126 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
10127 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
10128 .ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
10129 .ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
10130   background-color: #8e8e93;
10131 }
10132 .ios .color-theme-white .stepper-button,
10133 .ios .color-theme-white .stepper-button-minus,
10134 .ios .color-theme-white .stepper-button-plus {
10135   border-color: #ffffff;
10136   color: #ffffff;
10137 }
10138 .ios .color-theme-white .stepper-button.active-state,
10139 .ios .color-theme-white .stepper-button-minus.active-state,
10140 .ios .color-theme-white .stepper-button-plus.active-state {
10141   background-color: rgba(255, 255, 255, 0.15);
10142 }
10143 .ios .color-theme-white .stepper-button-plus:after,
10144 .ios .color-theme-white .stepper-button-minus:after,
10145 .ios .color-theme-white .stepper-button-plus:before,
10146 .ios .color-theme-white .stepper-button-minus:before {
10147   background-color: #ffffff;
10148 }
10149 .ios .color-theme-white .stepper-value,
10150 .ios .color-theme-white .stepper-input-wrap {
10151   border-top-color: #ffffff;
10152   border-bottom-color: #ffffff;
10153 }
10154 .ios .color-theme-white .stepper-value,
10155 .ios .color-theme-white .stepper-input-wrap input {
10156   color: #ffffff;
10157 }
10158 .ios .color-theme-white .stepper-fill .stepper-button,
10159 .ios .color-theme-white .stepper-fill-ios .stepper-button,
10160 .ios .color-theme-white .stepper-fill .stepper-button-minus,
10161 .ios .color-theme-white .stepper-fill-ios .stepper-button-minus,
10162 .ios .color-theme-white .stepper-fill .stepper-button-plus,
10163 .ios .color-theme-white .stepper-fill-ios .stepper-button-plus {
10164   background-color: #ffffff;
10165 }
10166 .ios .color-theme-white .stepper-fill .stepper-button-plus:before,
10167 .ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before,
10168 .ios .color-theme-white .stepper-fill .stepper-button-minus:before,
10169 .ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before,
10170 .ios .color-theme-white .stepper-fill .stepper-button-plus:after,
10171 .ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after,
10172 .ios .color-theme-white .stepper-fill .stepper-button-minus:after,
10173 .ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after {
10174   background-color: #fff;
10175 }
10176 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state,
10177 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state,
10178 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state,
10179 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
10180 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state,
10181 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
10182   color: #ffffff;
10183   border-color: #ffffff;
10184   background-color: transparent;
10185 }
10186 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
10187 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
10188 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
10189 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
10190 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
10191 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
10192 .ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
10193 .ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
10194   background-color: #ffffff;
10195 }
10196 .ios .color-theme-black .stepper-button,
10197 .ios .color-theme-black .stepper-button-minus,
10198 .ios .color-theme-black .stepper-button-plus {
10199   border-color: #000000;
10200   color: #000000;
10201 }
10202 .ios .color-theme-black .stepper-button.active-state,
10203 .ios .color-theme-black .stepper-button-minus.active-state,
10204 .ios .color-theme-black .stepper-button-plus.active-state {
10205   background-color: rgba(0, 0, 0, 0.15);
10206 }
10207 .ios .color-theme-black .stepper-button-plus:after,
10208 .ios .color-theme-black .stepper-button-minus:after,
10209 .ios .color-theme-black .stepper-button-plus:before,
10210 .ios .color-theme-black .stepper-button-minus:before {
10211   background-color: #000000;
10212 }
10213 .ios .color-theme-black .stepper-value,
10214 .ios .color-theme-black .stepper-input-wrap {
10215   border-top-color: #000000;
10216   border-bottom-color: #000000;
10217 }
10218 .ios .color-theme-black .stepper-value,
10219 .ios .color-theme-black .stepper-input-wrap input {
10220   color: #000000;
10221 }
10222 .ios .color-theme-black .stepper-fill .stepper-button,
10223 .ios .color-theme-black .stepper-fill-ios .stepper-button,
10224 .ios .color-theme-black .stepper-fill .stepper-button-minus,
10225 .ios .color-theme-black .stepper-fill-ios .stepper-button-minus,
10226 .ios .color-theme-black .stepper-fill .stepper-button-plus,
10227 .ios .color-theme-black .stepper-fill-ios .stepper-button-plus {
10228   background-color: #000000;
10229 }
10230 .ios .color-theme-black .stepper-fill .stepper-button-plus:before,
10231 .ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before,
10232 .ios .color-theme-black .stepper-fill .stepper-button-minus:before,
10233 .ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before,
10234 .ios .color-theme-black .stepper-fill .stepper-button-plus:after,
10235 .ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after,
10236 .ios .color-theme-black .stepper-fill .stepper-button-minus:after,
10237 .ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after {
10238   background-color: #fff;
10239 }
10240 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state,
10241 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state,
10242 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state,
10243 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
10244 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state,
10245 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
10246   color: #000000;
10247   border-color: #000000;
10248   background-color: transparent;
10249 }
10250 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
10251 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
10252 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
10253 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
10254 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
10255 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
10256 .ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
10257 .ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
10258   background-color: #000000;
10259 }
10260 .ios .stepper.color-red .stepper-button,
10261 .ios .stepper.color-red .stepper-button-minus,
10262 .ios .stepper.color-red .stepper-button-plus {
10263   border-color: #ff3b30;
10264   color: #ff3b30;
10265 }
10266 .ios .stepper.color-red .stepper-button.active-state,
10267 .ios .stepper.color-red .stepper-button-minus.active-state,
10268 .ios .stepper.color-red .stepper-button-plus.active-state {
10269   background-color: rgba(255, 59, 48, 0.15);
10270 }
10271 .ios .stepper.color-red .stepper-button-plus:after,
10272 .ios .stepper.color-red .stepper-button-minus:after,
10273 .ios .stepper.color-red .stepper-button-plus:before,
10274 .ios .stepper.color-red .stepper-button-minus:before {
10275   background-color: #ff3b30;
10276 }
10277 .ios .stepper.color-red .stepper-value,
10278 .ios .stepper.color-red .stepper-input-wrap {
10279   border-top-color: #ff3b30;
10280   border-bottom-color: #ff3b30;
10281 }
10282 .ios .stepper.color-red .stepper-value,
10283 .ios .stepper.color-red .stepper-input-wrap input {
10284   color: #ff3b30;
10285 }
10286 .ios .stepper-fill.color-red .stepper-button,
10287 .ios .stepper-fill-ios.color-red .stepper-button,
10288 .ios .stepper-fill.color-red .stepper-button-minus,
10289 .ios .stepper-fill-ios.color-red .stepper-button-minus,
10290 .ios .stepper-fill.color-red .stepper-button-plus,
10291 .ios .stepper-fill-ios.color-red .stepper-button-plus {
10292   background-color: #ff3b30;
10293 }
10294 .ios .stepper-fill.color-red .stepper-button-plus:before,
10295 .ios .stepper-fill-ios.color-red .stepper-button-plus:before,
10296 .ios .stepper-fill.color-red .stepper-button-minus:before,
10297 .ios .stepper-fill-ios.color-red .stepper-button-minus:before,
10298 .ios .stepper-fill.color-red .stepper-button-plus:after,
10299 .ios .stepper-fill-ios.color-red .stepper-button-plus:after,
10300 .ios .stepper-fill.color-red .stepper-button-minus:after,
10301 .ios .stepper-fill-ios.color-red .stepper-button-minus:after {
10302   background-color: #fff;
10303 }
10304 .ios .stepper-small.color-red.stepper-fill .stepper-button.active-state,
10305 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state,
10306 .ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state,
10307 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state,
10308 .ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state,
10309 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state {
10310   color: #ff3b30;
10311   border-color: #ff3b30;
10312   background-color: transparent;
10313 }
10314 .ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before,
10315 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before,
10316 .ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before,
10317 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before,
10318 .ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after,
10319 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after,
10320 .ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after,
10321 .ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after {
10322   background-color: #ff3b30;
10323 }
10324 .ios .stepper.color-green .stepper-button,
10325 .ios .stepper.color-green .stepper-button-minus,
10326 .ios .stepper.color-green .stepper-button-plus {
10327   border-color: #4cd964;
10328   color: #4cd964;
10329 }
10330 .ios .stepper.color-green .stepper-button.active-state,
10331 .ios .stepper.color-green .stepper-button-minus.active-state,
10332 .ios .stepper.color-green .stepper-button-plus.active-state {
10333   background-color: rgba(76, 217, 100, 0.15);
10334 }
10335 .ios .stepper.color-green .stepper-button-plus:after,
10336 .ios .stepper.color-green .stepper-button-minus:after,
10337 .ios .stepper.color-green .stepper-button-plus:before,
10338 .ios .stepper.color-green .stepper-button-minus:before {
10339   background-color: #4cd964;
10340 }
10341 .ios .stepper.color-green .stepper-value,
10342 .ios .stepper.color-green .stepper-input-wrap {
10343   border-top-color: #4cd964;
10344   border-bottom-color: #4cd964;
10345 }
10346 .ios .stepper.color-green .stepper-value,
10347 .ios .stepper.color-green .stepper-input-wrap input {
10348   color: #4cd964;
10349 }
10350 .ios .stepper-fill.color-green .stepper-button,
10351 .ios .stepper-fill-ios.color-green .stepper-button,
10352 .ios .stepper-fill.color-green .stepper-button-minus,
10353 .ios .stepper-fill-ios.color-green .stepper-button-minus,
10354 .ios .stepper-fill.color-green .stepper-button-plus,
10355 .ios .stepper-fill-ios.color-green .stepper-button-plus {
10356   background-color: #4cd964;
10357 }
10358 .ios .stepper-fill.color-green .stepper-button-plus:before,
10359 .ios .stepper-fill-ios.color-green .stepper-button-plus:before,
10360 .ios .stepper-fill.color-green .stepper-button-minus:before,
10361 .ios .stepper-fill-ios.color-green .stepper-button-minus:before,
10362 .ios .stepper-fill.color-green .stepper-button-plus:after,
10363 .ios .stepper-fill-ios.color-green .stepper-button-plus:after,
10364 .ios .stepper-fill.color-green .stepper-button-minus:after,
10365 .ios .stepper-fill-ios.color-green .stepper-button-minus:after {
10366   background-color: #fff;
10367 }
10368 .ios .stepper-small.color-green.stepper-fill .stepper-button.active-state,
10369 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state,
10370 .ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state,
10371 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state,
10372 .ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state,
10373 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state {
10374   color: #4cd964;
10375   border-color: #4cd964;
10376   background-color: transparent;
10377 }
10378 .ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before,
10379 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before,
10380 .ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before,
10381 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before,
10382 .ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after,
10383 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after,
10384 .ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after,
10385 .ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after {
10386   background-color: #4cd964;
10387 }
10388 .ios .stepper.color-blue .stepper-button,
10389 .ios .stepper.color-blue .stepper-button-minus,
10390 .ios .stepper.color-blue .stepper-button-plus {
10391   border-color: #007aff;
10392   color: #007aff;
10393 }
10394 .ios .stepper.color-blue .stepper-button.active-state,
10395 .ios .stepper.color-blue .stepper-button-minus.active-state,
10396 .ios .stepper.color-blue .stepper-button-plus.active-state {
10397   background-color: rgba(0, 122, 255, 0.15);
10398 }
10399 .ios .stepper.color-blue .stepper-button-plus:after,
10400 .ios .stepper.color-blue .stepper-button-minus:after,
10401 .ios .stepper.color-blue .stepper-button-plus:before,
10402 .ios .stepper.color-blue .stepper-button-minus:before {
10403   background-color: #007aff;
10404 }
10405 .ios .stepper.color-blue .stepper-value,
10406 .ios .stepper.color-blue .stepper-input-wrap {
10407   border-top-color: #007aff;
10408   border-bottom-color: #007aff;
10409 }
10410 .ios .stepper.color-blue .stepper-value,
10411 .ios .stepper.color-blue .stepper-input-wrap input {
10412   color: #007aff;
10413 }
10414 .ios .stepper-fill.color-blue .stepper-button,
10415 .ios .stepper-fill-ios.color-blue .stepper-button,
10416 .ios .stepper-fill.color-blue .stepper-button-minus,
10417 .ios .stepper-fill-ios.color-blue .stepper-button-minus,
10418 .ios .stepper-fill.color-blue .stepper-button-plus,
10419 .ios .stepper-fill-ios.color-blue .stepper-button-plus {
10420   background-color: #007aff;
10421 }
10422 .ios .stepper-fill.color-blue .stepper-button-plus:before,
10423 .ios .stepper-fill-ios.color-blue .stepper-button-plus:before,
10424 .ios .stepper-fill.color-blue .stepper-button-minus:before,
10425 .ios .stepper-fill-ios.color-blue .stepper-button-minus:before,
10426 .ios .stepper-fill.color-blue .stepper-button-plus:after,
10427 .ios .stepper-fill-ios.color-blue .stepper-button-plus:after,
10428 .ios .stepper-fill.color-blue .stepper-button-minus:after,
10429 .ios .stepper-fill-ios.color-blue .stepper-button-minus:after {
10430   background-color: #fff;
10431 }
10432 .ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state,
10433 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state,
10434 .ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state,
10435 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state,
10436 .ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state,
10437 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state {
10438   color: #007aff;
10439   border-color: #007aff;
10440   background-color: transparent;
10441 }
10442 .ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before,
10443 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before,
10444 .ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before,
10445 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before,
10446 .ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after,
10447 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after,
10448 .ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after,
10449 .ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after {
10450   background-color: #007aff;
10451 }
10452 .ios .stepper.color-pink .stepper-button,
10453 .ios .stepper.color-pink .stepper-button-minus,
10454 .ios .stepper.color-pink .stepper-button-plus {
10455   border-color: #ff2d55;
10456   color: #ff2d55;
10457 }
10458 .ios .stepper.color-pink .stepper-button.active-state,
10459 .ios .stepper.color-pink .stepper-button-minus.active-state,
10460 .ios .stepper.color-pink .stepper-button-plus.active-state {
10461   background-color: rgba(255, 45, 85, 0.15);
10462 }
10463 .ios .stepper.color-pink .stepper-button-plus:after,
10464 .ios .stepper.color-pink .stepper-button-minus:after,
10465 .ios .stepper.color-pink .stepper-button-plus:before,
10466 .ios .stepper.color-pink .stepper-button-minus:before {
10467   background-color: #ff2d55;
10468 }
10469 .ios .stepper.color-pink .stepper-value,
10470 .ios .stepper.color-pink .stepper-input-wrap {
10471   border-top-color: #ff2d55;
10472   border-bottom-color: #ff2d55;
10473 }
10474 .ios .stepper.color-pink .stepper-value,
10475 .ios .stepper.color-pink .stepper-input-wrap input {
10476   color: #ff2d55;
10477 }
10478 .ios .stepper-fill.color-pink .stepper-button,
10479 .ios .stepper-fill-ios.color-pink .stepper-button,
10480 .ios .stepper-fill.color-pink .stepper-button-minus,
10481 .ios .stepper-fill-ios.color-pink .stepper-button-minus,
10482 .ios .stepper-fill.color-pink .stepper-button-plus,
10483 .ios .stepper-fill-ios.color-pink .stepper-button-plus {
10484   background-color: #ff2d55;
10485 }
10486 .ios .stepper-fill.color-pink .stepper-button-plus:before,
10487 .ios .stepper-fill-ios.color-pink .stepper-button-plus:before,
10488 .ios .stepper-fill.color-pink .stepper-button-minus:before,
10489 .ios .stepper-fill-ios.color-pink .stepper-button-minus:before,
10490 .ios .stepper-fill.color-pink .stepper-button-plus:after,
10491 .ios .stepper-fill-ios.color-pink .stepper-button-plus:after,
10492 .ios .stepper-fill.color-pink .stepper-button-minus:after,
10493 .ios .stepper-fill-ios.color-pink .stepper-button-minus:after {
10494   background-color: #fff;
10495 }
10496 .ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state,
10497 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state,
10498 .ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state,
10499 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state,
10500 .ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state,
10501 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state {
10502   color: #ff2d55;
10503   border-color: #ff2d55;
10504   background-color: transparent;
10505 }
10506 .ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before,
10507 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before,
10508 .ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before,
10509 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before,
10510 .ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after,
10511 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after,
10512 .ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after,
10513 .ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after {
10514   background-color: #ff2d55;
10515 }
10516 .ios .stepper.color-yellow .stepper-button,
10517 .ios .stepper.color-yellow .stepper-button-minus,
10518 .ios .stepper.color-yellow .stepper-button-plus {
10519   border-color: #ffcc00;
10520   color: #ffcc00;
10521 }
10522 .ios .stepper.color-yellow .stepper-button.active-state,
10523 .ios .stepper.color-yellow .stepper-button-minus.active-state,
10524 .ios .stepper.color-yellow .stepper-button-plus.active-state {
10525   background-color: rgba(255, 204, 0, 0.15);
10526 }
10527 .ios .stepper.color-yellow .stepper-button-plus:after,
10528 .ios .stepper.color-yellow .stepper-button-minus:after,
10529 .ios .stepper.color-yellow .stepper-button-plus:before,
10530 .ios .stepper.color-yellow .stepper-button-minus:before {
10531   background-color: #ffcc00;
10532 }
10533 .ios .stepper.color-yellow .stepper-value,
10534 .ios .stepper.color-yellow .stepper-input-wrap {
10535   border-top-color: #ffcc00;
10536   border-bottom-color: #ffcc00;
10537 }
10538 .ios .stepper.color-yellow .stepper-value,
10539 .ios .stepper.color-yellow .stepper-input-wrap input {
10540   color: #ffcc00;
10541 }
10542 .ios .stepper-fill.color-yellow .stepper-button,
10543 .ios .stepper-fill-ios.color-yellow .stepper-button,
10544 .ios .stepper-fill.color-yellow .stepper-button-minus,
10545 .ios .stepper-fill-ios.color-yellow .stepper-button-minus,
10546 .ios .stepper-fill.color-yellow .stepper-button-plus,
10547 .ios .stepper-fill-ios.color-yellow .stepper-button-plus {
10548   background-color: #ffcc00;
10549 }
10550 .ios .stepper-fill.color-yellow .stepper-button-plus:before,
10551 .ios .stepper-fill-ios.color-yellow .stepper-button-plus:before,
10552 .ios .stepper-fill.color-yellow .stepper-button-minus:before,
10553 .ios .stepper-fill-ios.color-yellow .stepper-button-minus:before,
10554 .ios .stepper-fill.color-yellow .stepper-button-plus:after,
10555 .ios .stepper-fill-ios.color-yellow .stepper-button-plus:after,
10556 .ios .stepper-fill.color-yellow .stepper-button-minus:after,
10557 .ios .stepper-fill-ios.color-yellow .stepper-button-minus:after {
10558   background-color: #fff;
10559 }
10560 .ios .stepper-small.color-yellow.stepper-fill .stepper-button.active-state,
10561 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button.active-state,
10562 .ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state,
10563 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state,
10564 .ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state,
10565 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state {
10566   color: #ffcc00;
10567   border-color: #ffcc00;
10568   background-color: transparent;
10569 }
10570 .ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:before,
10571 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:before,
10572 .ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:before,
10573 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:before,
10574 .ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:after,
10575 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:after,
10576 .ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:after,
10577 .ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:after {
10578   background-color: #ffcc00;
10579 }
10580 .ios .stepper.color-orange .stepper-button,
10581 .ios .stepper.color-orange .stepper-button-minus,
10582 .ios .stepper.color-orange .stepper-button-plus {
10583   border-color: #ff9500;
10584   color: #ff9500;
10585 }
10586 .ios .stepper.color-orange .stepper-button.active-state,
10587 .ios .stepper.color-orange .stepper-button-minus.active-state,
10588 .ios .stepper.color-orange .stepper-button-plus.active-state {
10589   background-color: rgba(255, 149, 0, 0.15);
10590 }
10591 .ios .stepper.color-orange .stepper-button-plus:after,
10592 .ios .stepper.color-orange .stepper-button-minus:after,
10593 .ios .stepper.color-orange .stepper-button-plus:before,
10594 .ios .stepper.color-orange .stepper-button-minus:before {
10595   background-color: #ff9500;
10596 }
10597 .ios .stepper.color-orange .stepper-value,
10598 .ios .stepper.color-orange .stepper-input-wrap {
10599   border-top-color: #ff9500;
10600   border-bottom-color: #ff9500;
10601 }
10602 .ios .stepper.color-orange .stepper-value,
10603 .ios .stepper.color-orange .stepper-input-wrap input {
10604   color: #ff9500;
10605 }
10606 .ios .stepper-fill.color-orange .stepper-button,
10607 .ios .stepper-fill-ios.color-orange .stepper-button,
10608 .ios .stepper-fill.color-orange .stepper-button-minus,
10609 .ios .stepper-fill-ios.color-orange .stepper-button-minus,
10610 .ios .stepper-fill.color-orange .stepper-button-plus,
10611 .ios .stepper-fill-ios.color-orange .stepper-button-plus {
10612   background-color: #ff9500;
10613 }
10614 .ios .stepper-fill.color-orange .stepper-button-plus:before,
10615 .ios .stepper-fill-ios.color-orange .stepper-button-plus:before,
10616 .ios .stepper-fill.color-orange .stepper-button-minus:before,
10617 .ios .stepper-fill-ios.color-orange .stepper-button-minus:before,
10618 .ios .stepper-fill.color-orange .stepper-button-plus:after,
10619 .ios .stepper-fill-ios.color-orange .stepper-button-plus:after,
10620 .ios .stepper-fill.color-orange .stepper-button-minus:after,
10621 .ios .stepper-fill-ios.color-orange .stepper-button-minus:after {
10622   background-color: #fff;
10623 }
10624 .ios .stepper-small.color-orange.stepper-fill .stepper-button.active-state,
10625 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button.active-state,
10626 .ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state,
10627 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state,
10628 .ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state,
10629 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state {
10630   color: #ff9500;
10631   border-color: #ff9500;
10632   background-color: transparent;
10633 }
10634 .ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:before,
10635 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:before,
10636 .ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:before,
10637 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:before,
10638 .ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:after,
10639 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:after,
10640 .ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:after,
10641 .ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:after {
10642   background-color: #ff9500;
10643 }
10644 .ios .stepper.color-gray .stepper-button,
10645 .ios .stepper.color-gray .stepper-button-minus,
10646 .ios .stepper.color-gray .stepper-button-plus {
10647   border-color: #8e8e93;
10648   color: #8e8e93;
10649 }
10650 .ios .stepper.color-gray .stepper-button.active-state,
10651 .ios .stepper.color-gray .stepper-button-minus.active-state,
10652 .ios .stepper.color-gray .stepper-button-plus.active-state {
10653   background-color: rgba(142, 142, 147, 0.15);
10654 }
10655 .ios .stepper.color-gray .stepper-button-plus:after,
10656 .ios .stepper.color-gray .stepper-button-minus:after,
10657 .ios .stepper.color-gray .stepper-button-plus:before,
10658 .ios .stepper.color-gray .stepper-button-minus:before {
10659   background-color: #8e8e93;
10660 }
10661 .ios .stepper.color-gray .stepper-value,
10662 .ios .stepper.color-gray .stepper-input-wrap {
10663   border-top-color: #8e8e93;
10664   border-bottom-color: #8e8e93;
10665 }
10666 .ios .stepper.color-gray .stepper-value,
10667 .ios .stepper.color-gray .stepper-input-wrap input {
10668   color: #8e8e93;
10669 }
10670 .ios .stepper-fill.color-gray .stepper-button,
10671 .ios .stepper-fill-ios.color-gray .stepper-button,
10672 .ios .stepper-fill.color-gray .stepper-button-minus,
10673 .ios .stepper-fill-ios.color-gray .stepper-button-minus,
10674 .ios .stepper-fill.color-gray .stepper-button-plus,
10675 .ios .stepper-fill-ios.color-gray .stepper-button-plus {
10676   background-color: #8e8e93;
10677 }
10678 .ios .stepper-fill.color-gray .stepper-button-plus:before,
10679 .ios .stepper-fill-ios.color-gray .stepper-button-plus:before,
10680 .ios .stepper-fill.color-gray .stepper-button-minus:before,
10681 .ios .stepper-fill-ios.color-gray .stepper-button-minus:before,
10682 .ios .stepper-fill.color-gray .stepper-button-plus:after,
10683 .ios .stepper-fill-ios.color-gray .stepper-button-plus:after,
10684 .ios .stepper-fill.color-gray .stepper-button-minus:after,
10685 .ios .stepper-fill-ios.color-gray .stepper-button-minus:after {
10686   background-color: #fff;
10687 }
10688 .ios .stepper-small.color-gray.stepper-fill .stepper-button.active-state,
10689 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button.active-state,
10690 .ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state,
10691 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state,
10692 .ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state,
10693 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state {
10694   color: #8e8e93;
10695   border-color: #8e8e93;
10696   background-color: transparent;
10697 }
10698 .ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:before,
10699 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:before,
10700 .ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:before,
10701 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:before,
10702 .ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:after,
10703 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:after,
10704 .ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:after,
10705 .ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:after {
10706   background-color: #8e8e93;
10707 }
10708 .ios .stepper.color-white .stepper-button,
10709 .ios .stepper.color-white .stepper-button-minus,
10710 .ios .stepper.color-white .stepper-button-plus {
10711   border-color: #ffffff;
10712   color: #ffffff;
10713 }
10714 .ios .stepper.color-white .stepper-button.active-state,
10715 .ios .stepper.color-white .stepper-button-minus.active-state,
10716 .ios .stepper.color-white .stepper-button-plus.active-state {
10717   background-color: rgba(255, 255, 255, 0.15);
10718 }
10719 .ios .stepper.color-white .stepper-button-plus:after,
10720 .ios .stepper.color-white .stepper-button-minus:after,
10721 .ios .stepper.color-white .stepper-button-plus:before,
10722 .ios .stepper.color-white .stepper-button-minus:before {
10723   background-color: #ffffff;
10724 }
10725 .ios .stepper.color-white .stepper-value,
10726 .ios .stepper.color-white .stepper-input-wrap {
10727   border-top-color: #ffffff;
10728   border-bottom-color: #ffffff;
10729 }
10730 .ios .stepper.color-white .stepper-value,
10731 .ios .stepper.color-white .stepper-input-wrap input {
10732   color: #ffffff;
10733 }
10734 .ios .stepper-fill.color-white .stepper-button,
10735 .ios .stepper-fill-ios.color-white .stepper-button,
10736 .ios .stepper-fill.color-white .stepper-button-minus,
10737 .ios .stepper-fill-ios.color-white .stepper-button-minus,
10738 .ios .stepper-fill.color-white .stepper-button-plus,
10739 .ios .stepper-fill-ios.color-white .stepper-button-plus {
10740   background-color: #ffffff;
10741 }
10742 .ios .stepper-fill.color-white .stepper-button-plus:before,
10743 .ios .stepper-fill-ios.color-white .stepper-button-plus:before,
10744 .ios .stepper-fill.color-white .stepper-button-minus:before,
10745 .ios .stepper-fill-ios.color-white .stepper-button-minus:before,
10746 .ios .stepper-fill.color-white .stepper-button-plus:after,
10747 .ios .stepper-fill-ios.color-white .stepper-button-plus:after,
10748 .ios .stepper-fill.color-white .stepper-button-minus:after,
10749 .ios .stepper-fill-ios.color-white .stepper-button-minus:after {
10750   background-color: #fff;
10751 }
10752 .ios .stepper-small.color-white.stepper-fill .stepper-button.active-state,
10753 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button.active-state,
10754 .ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state,
10755 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state,
10756 .ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state,
10757 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state {
10758   color: #ffffff;
10759   border-color: #ffffff;
10760   background-color: transparent;
10761 }
10762 .ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:before,
10763 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:before,
10764 .ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:before,
10765 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:before,
10766 .ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:after,
10767 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:after,
10768 .ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:after,
10769 .ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:after {
10770   background-color: #ffffff;
10771 }
10772 .ios .stepper.color-black .stepper-button,
10773 .ios .stepper.color-black .stepper-button-minus,
10774 .ios .stepper.color-black .stepper-button-plus {
10775   border-color: #000000;
10776   color: #000000;
10777 }
10778 .ios .stepper.color-black .stepper-button.active-state,
10779 .ios .stepper.color-black .stepper-button-minus.active-state,
10780 .ios .stepper.color-black .stepper-button-plus.active-state {
10781   background-color: rgba(0, 0, 0, 0.15);
10782 }
10783 .ios .stepper.color-black .stepper-button-plus:after,
10784 .ios .stepper.color-black .stepper-button-minus:after,
10785 .ios .stepper.color-black .stepper-button-plus:before,
10786 .ios .stepper.color-black .stepper-button-minus:before {
10787   background-color: #000000;
10788 }
10789 .ios .stepper.color-black .stepper-value,
10790 .ios .stepper.color-black .stepper-input-wrap {
10791   border-top-color: #000000;
10792   border-bottom-color: #000000;
10793 }
10794 .ios .stepper.color-black .stepper-value,
10795 .ios .stepper.color-black .stepper-input-wrap input {
10796   color: #000000;
10797 }
10798 .ios .stepper-fill.color-black .stepper-button,
10799 .ios .stepper-fill-ios.color-black .stepper-button,
10800 .ios .stepper-fill.color-black .stepper-button-minus,
10801 .ios .stepper-fill-ios.color-black .stepper-button-minus,
10802 .ios .stepper-fill.color-black .stepper-button-plus,
10803 .ios .stepper-fill-ios.color-black .stepper-button-plus {
10804   background-color: #000000;
10805 }
10806 .ios .stepper-fill.color-black .stepper-button-plus:before,
10807 .ios .stepper-fill-ios.color-black .stepper-button-plus:before,
10808 .ios .stepper-fill.color-black .stepper-button-minus:before,
10809 .ios .stepper-fill-ios.color-black .stepper-button-minus:before,
10810 .ios .stepper-fill.color-black .stepper-button-plus:after,
10811 .ios .stepper-fill-ios.color-black .stepper-button-plus:after,
10812 .ios .stepper-fill.color-black .stepper-button-minus:after,
10813 .ios .stepper-fill-ios.color-black .stepper-button-minus:after {
10814   background-color: #fff;
10815 }
10816 .ios .stepper-small.color-black.stepper-fill .stepper-button.active-state,
10817 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button.active-state,
10818 .ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state,
10819 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state,
10820 .ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state,
10821 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state {
10822   color: #000000;
10823   border-color: #000000;
10824   background-color: transparent;
10825 }
10826 .ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:before,
10827 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:before,
10828 .ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:before,
10829 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:before,
10830 .ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:after,
10831 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:after,
10832 .ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:after,
10833 .ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:after {
10834   background-color: #000000;
10835 }
10836 /* === Smart Select === */
10837 .smart-select select {
10838   display: none;
10839 }
10840 .smart-select .item-after {
10841   max-width: 70%;
10842   overflow: hidden;
10843   text-overflow: ellipsis;
10844   position: relative;
10845   display: block;
10846 }
10847 .sheet-modal.smart-select-sheet .sheet-modal-inner {
10848   background: #fff;
10849 }
10850 .sheet-modal.smart-select-sheet .list {
10851   margin: 0;
10852 }
10853 .sheet-modal.smart-select-sheet .list ul:before {
10854   display: none !important;
10855 }
10856 .sheet-modal.smart-select-sheet .list ul:after {
10857   display: none !important;
10858 }
10859 .smart-select-popover .popover-inner {
10860   max-height: 40vh;
10861 }
10862 .ios .smart-select-sheet .page {
10863   background: #fff;
10864 }
10865 .ios .smart-select-sheet .toolbar:after {
10866   content: '';
10867   position: absolute;
10868   background-color: #c4c4c4;
10869   display: block;
10870   z-index: 15;
10871   top: auto;
10872   right: auto;
10873   bottom: 0;
10874   left: 0;
10875   height: 1px;
10876   width: 100%;
10877   -webkit-transform-origin: 50% 100%;
10878   transform-origin: 50% 100%;
10879 }
10880 .ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after {
10881   -webkit-transform: scaleY(0.5);
10882   transform: scaleY(0.5);
10883 }
10884 .ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after {
10885   -webkit-transform: scaleY(0.33);
10886   transform: scaleY(0.33);
10887 }
10888 .ios .theme-dark .smart-select-sheet .page,
10889 .ios .theme-dark .smart-select-sheet .sheet-modal-inner {
10890   background-color: #1c1c1d;
10891 }
10892 .ios .theme-dark .smart-select-sheet .toolbar:after {
10893   background-color: #282829;
10894 }
10895 /* === Grid === */
10896 .row {
10897   display: -webkit-box;
10898   display: -webkit-flex;
10899   display: -ms-flexbox;
10900   display: flex;
10901   -webkit-box-pack: justify;
10902   -webkit-justify-content: space-between;
10903   -ms-flex-pack: justify;
10904   justify-content: space-between;
10905   -webkit-flex-wrap: wrap;
10906   -ms-flex-wrap: wrap;
10907   flex-wrap: wrap;
10908   -webkit-box-align: start;
10909   -webkit-align-items: flex-start;
10910   -ms-flex-align: start;
10911   align-items: flex-start;
10912 }
10913 .row > [class*="col-"],
10914 .row > .col {
10915   -webkit-box-sizing: border-box;
10916   box-sizing: border-box;
10917 }
10918 .row .col {
10919   width: 100%;
10920 }
10921 /* === Grid === */
10922 .ios .row .col-100 {
10923   width: 100%;
10924   width: calc((100% - 15px*0) / 1);
10925 }
10926 .ios .row.no-gap .col-100 {
10927   width: 100%;
10928 }
10929 .ios .row .col-95 {
10930   width: 95%;
10931   width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
10932 }
10933 .ios .row.no-gap .col-95 {
10934   width: 95%;
10935 }
10936 .ios .row .col-90 {
10937   width: 90%;
10938   width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
10939 }
10940 .ios .row.no-gap .col-90 {
10941   width: 90%;
10942 }
10943 .ios .row .col-85 {
10944   width: 85%;
10945   width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
10946 }
10947 .ios .row.no-gap .col-85 {
10948   width: 85%;
10949 }
10950 .ios .row .col-80 {
10951   width: 80%;
10952   width: calc((100% - 15px*0.25) / 1.25);
10953 }
10954 .ios .row.no-gap .col-80 {
10955   width: 80%;
10956 }
10957 .ios .row .col-75 {
10958   width: 75%;
10959   width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
10960 }
10961 .ios .row.no-gap .col-75 {
10962   width: 75%;
10963 }
10964 .ios .row .col-70 {
10965   width: 70%;
10966   width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
10967 }
10968 .ios .row.no-gap .col-70 {
10969   width: 70%;
10970 }
10971 .ios .row .col-66 {
10972   width: 66.66666666666666%;
10973   width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
10974 }
10975 .ios .row.no-gap .col-66 {
10976   width: 66.66666666666666%;
10977 }
10978 .ios .row .col-65 {
10979   width: 65%;
10980   width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
10981 }
10982 .ios .row.no-gap .col-65 {
10983   width: 65%;
10984 }
10985 .ios .row .col-60 {
10986   width: 60%;
10987   width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
10988 }
10989 .ios .row.no-gap .col-60 {
10990   width: 60%;
10991 }
10992 .ios .row .col-55 {
10993   width: 55%;
10994   width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
10995 }
10996 .ios .row.no-gap .col-55 {
10997   width: 55%;
10998 }
10999 .ios .row .col-50 {
11000   width: 50%;
11001   width: calc((100% - 15px*1) / 2);
11002 }
11003 .ios .row.no-gap .col-50 {
11004   width: 50%;
11005 }
11006 .ios .row .col-45 {
11007   width: 45%;
11008   width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
11009 }
11010 .ios .row.no-gap .col-45 {
11011   width: 45%;
11012 }
11013 .ios .row .col-40 {
11014   width: 40%;
11015   width: calc((100% - 15px*1.5) / 2.5);
11016 }
11017 .ios .row.no-gap .col-40 {
11018   width: 40%;
11019 }
11020 .ios .row .col-35 {
11021   width: 35%;
11022   width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
11023 }
11024 .ios .row.no-gap .col-35 {
11025   width: 35%;
11026 }
11027 .ios .row .col-33 {
11028   width: 33.333333333333336%;
11029   width: calc((100% - 15px*2) / 3);
11030 }
11031 .ios .row.no-gap .col-33 {
11032   width: 33.333333333333336%;
11033 }
11034 .ios .row .col-30 {
11035   width: 30%;
11036   width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
11037 }
11038 .ios .row.no-gap .col-30 {
11039   width: 30%;
11040 }
11041 .ios .row .col-25 {
11042   width: 25%;
11043   width: calc((100% - 15px*3) / 4);
11044 }
11045 .ios .row.no-gap .col-25 {
11046   width: 25%;
11047 }
11048 .ios .row .col-20 {
11049   width: 20%;
11050   width: calc((100% - 15px*4) / 5);
11051 }
11052 .ios .row.no-gap .col-20 {
11053   width: 20%;
11054 }
11055 .ios .row .col-15 {
11056   width: 15%;
11057   width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
11058 }
11059 .ios .row.no-gap .col-15 {
11060   width: 15%;
11061 }
11062 .ios .row .col-10 {
11063   width: 10%;
11064   width: calc((100% - 15px*9) / 10);
11065 }
11066 .ios .row.no-gap .col-10 {
11067   width: 10%;
11068 }
11069 .ios .row .col-5 {
11070   width: 5%;
11071   width: calc((100% - 15px*19) / 20);
11072 }
11073 .ios .row.no-gap .col-5 {
11074   width: 5%;
11075 }
11076 .ios .row .col:nth-last-child(1),
11077 .ios .row .col:nth-last-child(1) ~ .col {
11078   width: 100%;
11079   width: calc((100% - 15px*0) / 1);
11080 }
11081 .ios .row.no-gap .col:nth-last-child(1),
11082 .ios .row.no-gap .col:nth-last-child(1) ~ .col {
11083   width: 100%;
11084 }
11085 .ios .row .col:nth-last-child(2),
11086 .ios .row .col:nth-last-child(2) ~ .col {
11087   width: 50%;
11088   width: calc((100% - 15px*1) / 2);
11089 }
11090 .ios .row.no-gap .col:nth-last-child(2),
11091 .ios .row.no-gap .col:nth-last-child(2) ~ .col {
11092   width: 50%;
11093 }
11094 .ios .row .col:nth-last-child(3),
11095 .ios .row .col:nth-last-child(3) ~ .col {
11096   width: 33.33333333%;
11097   width: calc((100% - 15px*2) / 3);
11098 }
11099 .ios .row.no-gap .col:nth-last-child(3),
11100 .ios .row.no-gap .col:nth-last-child(3) ~ .col {
11101   width: 33.33333333%;
11102 }
11103 .ios .row .col:nth-last-child(4),
11104 .ios .row .col:nth-last-child(4) ~ .col {
11105   width: 25%;
11106   width: calc((100% - 15px*3) / 4);
11107 }
11108 .ios .row.no-gap .col:nth-last-child(4),
11109 .ios .row.no-gap .col:nth-last-child(4) ~ .col {
11110   width: 25%;
11111 }
11112 .ios .row .col:nth-last-child(5),
11113 .ios .row .col:nth-last-child(5) ~ .col {
11114   width: 20%;
11115   width: calc((100% - 15px*4) / 5);
11116 }
11117 .ios .row.no-gap .col:nth-last-child(5),
11118 .ios .row.no-gap .col:nth-last-child(5) ~ .col {
11119   width: 20%;
11120 }
11121 .ios .row .col:nth-last-child(6),
11122 .ios .row .col:nth-last-child(6) ~ .col {
11123   width: 16.66666667%;
11124   width: calc((100% - 15px*5) / 6);
11125 }
11126 .ios .row.no-gap .col:nth-last-child(6),
11127 .ios .row.no-gap .col:nth-last-child(6) ~ .col {
11128   width: 16.66666667%;
11129 }
11130 .ios .row .col:nth-last-child(7),
11131 .ios .row .col:nth-last-child(7) ~ .col {
11132   width: 14.28571429%;
11133   width: calc((100% - 15px*6) / 7);
11134 }
11135 .ios .row.no-gap .col:nth-last-child(7),
11136 .ios .row.no-gap .col:nth-last-child(7) ~ .col {
11137   width: 14.28571429%;
11138 }
11139 .ios .row .col:nth-last-child(8),
11140 .ios .row .col:nth-last-child(8) ~ .col {
11141   width: 12.5%;
11142   width: calc((100% - 15px*7) / 8);
11143 }
11144 .ios .row.no-gap .col:nth-last-child(8),
11145 .ios .row.no-gap .col:nth-last-child(8) ~ .col {
11146   width: 12.5%;
11147 }
11148 .ios .row .col:nth-last-child(9),
11149 .ios .row .col:nth-last-child(9) ~ .col {
11150   width: 11.11111111%;
11151   width: calc((100% - 15px*8) / 9);
11152 }
11153 .ios .row.no-gap .col:nth-last-child(9),
11154 .ios .row.no-gap .col:nth-last-child(9) ~ .col {
11155   width: 11.11111111%;
11156 }
11157 .ios .row .col:nth-last-child(10),
11158 .ios .row .col:nth-last-child(10) ~ .col {
11159   width: 10%;
11160   width: calc((100% - 15px*9) / 10);
11161 }
11162 .ios .row.no-gap .col:nth-last-child(10),
11163 .ios .row.no-gap .col:nth-last-child(10) ~ .col {
11164   width: 10%;
11165 }
11166 .ios .row .col:nth-last-child(11),
11167 .ios .row .col:nth-last-child(11) ~ .col {
11168   width: 9.09090909%;
11169   width: calc((100% - 15px*10) / 11);
11170 }
11171 .ios .row.no-gap .col:nth-last-child(11),
11172 .ios .row.no-gap .col:nth-last-child(11) ~ .col {
11173   width: 9.09090909%;
11174 }
11175 .ios .row .col:nth-last-child(12),
11176 .ios .row .col:nth-last-child(12) ~ .col {
11177   width: 8.33333333%;
11178   width: calc((100% - 15px*11) / 12);
11179 }
11180 .ios .row.no-gap .col:nth-last-child(12),
11181 .ios .row.no-gap .col:nth-last-child(12) ~ .col {
11182   width: 8.33333333%;
11183 }
11184 .ios .row .col:nth-last-child(13),
11185 .ios .row .col:nth-last-child(13) ~ .col {
11186   width: 7.69230769%;
11187   width: calc((100% - 15px*12) / 13);
11188 }
11189 .ios .row.no-gap .col:nth-last-child(13),
11190 .ios .row.no-gap .col:nth-last-child(13) ~ .col {
11191   width: 7.69230769%;
11192 }
11193 .ios .row .col:nth-last-child(14),
11194 .ios .row .col:nth-last-child(14) ~ .col {
11195   width: 7.14285714%;
11196   width: calc((100% - 15px*13) / 14);
11197 }
11198 .ios .row.no-gap .col:nth-last-child(14),
11199 .ios .row.no-gap .col:nth-last-child(14) ~ .col {
11200   width: 7.14285714%;
11201 }
11202 .ios .row .col:nth-last-child(15),
11203 .ios .row .col:nth-last-child(15) ~ .col {
11204   width: 6.66666667%;
11205   width: calc((100% - 15px*14) / 15);
11206 }
11207 .ios .row.no-gap .col:nth-last-child(15),
11208 .ios .row.no-gap .col:nth-last-child(15) ~ .col {
11209   width: 6.66666667%;
11210 }
11211 .ios .row .col:nth-last-child(16),
11212 .ios .row .col:nth-last-child(16) ~ .col {
11213   width: 6.25%;
11214   width: calc((100% - 15px*15) / 16);
11215 }
11216 .ios .row.no-gap .col:nth-last-child(16),
11217 .ios .row.no-gap .col:nth-last-child(16) ~ .col {
11218   width: 6.25%;
11219 }
11220 .ios .row .col:nth-last-child(17),
11221 .ios .row .col:nth-last-child(17) ~ .col {
11222   width: 5.88235294%;
11223   width: calc((100% - 15px*16) / 17);
11224 }
11225 .ios .row.no-gap .col:nth-last-child(17),
11226 .ios .row.no-gap .col:nth-last-child(17) ~ .col {
11227   width: 5.88235294%;
11228 }
11229 .ios .row .col:nth-last-child(18),
11230 .ios .row .col:nth-last-child(18) ~ .col {
11231   width: 5.55555556%;
11232   width: calc((100% - 15px*17) / 18);
11233 }
11234 .ios .row.no-gap .col:nth-last-child(18),
11235 .ios .row.no-gap .col:nth-last-child(18) ~ .col {
11236   width: 5.55555556%;
11237 }
11238 .ios .row .col:nth-last-child(19),
11239 .ios .row .col:nth-last-child(19) ~ .col {
11240   width: 5.26315789%;
11241   width: calc((100% - 15px*18) / 19);
11242 }
11243 .ios .row.no-gap .col:nth-last-child(19),
11244 .ios .row.no-gap .col:nth-last-child(19) ~ .col {
11245   width: 5.26315789%;
11246 }
11247 .ios .row .col:nth-last-child(20),
11248 .ios .row .col:nth-last-child(20) ~ .col {
11249   width: 5%;
11250   width: calc((100% - 15px*19) / 20);
11251 }
11252 .ios .row.no-gap .col:nth-last-child(20),
11253 .ios .row.no-gap .col:nth-last-child(20) ~ .col {
11254   width: 5%;
11255 }
11256 .ios .row .col:nth-last-child(21),
11257 .ios .row .col:nth-last-child(21) ~ .col {
11258   width: 4.76190476%;
11259   width: calc((100% - 15px*20) / 21);
11260 }
11261 .ios .row.no-gap .col:nth-last-child(21),
11262 .ios .row.no-gap .col:nth-last-child(21) ~ .col {
11263   width: 4.76190476%;
11264 }
11265 @media (min-width: 768px) {
11266   .ios .row .tablet-100 {
11267     width: 100%;
11268     width: calc((100% - 15px*0) / 1);
11269   }
11270   .ios .row.no-gap .tablet-100 {
11271     width: 100%;
11272   }
11273   .ios .row .tablet-95 {
11274     width: 95%;
11275     width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
11276   }
11277   .ios .row.no-gap .tablet-95 {
11278     width: 95%;
11279   }
11280   .ios .row .tablet-90 {
11281     width: 90%;
11282     width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
11283   }
11284   .ios .row.no-gap .tablet-90 {
11285     width: 90%;
11286   }
11287   .ios .row .tablet-85 {
11288     width: 85%;
11289     width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
11290   }
11291   .ios .row.no-gap .tablet-85 {
11292     width: 85%;
11293   }
11294   .ios .row .tablet-80 {
11295     width: 80%;
11296     width: calc((100% - 15px*0.25) / 1.25);
11297   }
11298   .ios .row.no-gap .tablet-80 {
11299     width: 80%;
11300   }
11301   .ios .row .tablet-75 {
11302     width: 75%;
11303     width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
11304   }
11305   .ios .row.no-gap .tablet-75 {
11306     width: 75%;
11307   }
11308   .ios .row .tablet-70 {
11309     width: 70%;
11310     width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
11311   }
11312   .ios .row.no-gap .tablet-70 {
11313     width: 70%;
11314   }
11315   .ios .row .tablet-66 {
11316     width: 66.66666666666666%;
11317     width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
11318   }
11319   .ios .row.no-gap .tablet-66 {
11320     width: 66.66666666666666%;
11321   }
11322   .ios .row .tablet-65 {
11323     width: 65%;
11324     width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
11325   }
11326   .ios .row.no-gap .tablet-65 {
11327     width: 65%;
11328   }
11329   .ios .row .tablet-60 {
11330     width: 60%;
11331     width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
11332   }
11333   .ios .row.no-gap .tablet-60 {
11334     width: 60%;
11335   }
11336   .ios .row .tablet-55 {
11337     width: 55%;
11338     width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
11339   }
11340   .ios .row.no-gap .tablet-55 {
11341     width: 55%;
11342   }
11343   .ios .row .tablet-50 {
11344     width: 50%;
11345     width: calc((100% - 15px*1) / 2);
11346   }
11347   .ios .row.no-gap .tablet-50 {
11348     width: 50%;
11349   }
11350   .ios .row .tablet-45 {
11351     width: 45%;
11352     width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
11353   }
11354   .ios .row.no-gap .tablet-45 {
11355     width: 45%;
11356   }
11357   .ios .row .tablet-40 {
11358     width: 40%;
11359     width: calc((100% - 15px*1.5) / 2.5);
11360   }
11361   .ios .row.no-gap .tablet-40 {
11362     width: 40%;
11363   }
11364   .ios .row .tablet-35 {
11365     width: 35%;
11366     width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
11367   }
11368   .ios .row.no-gap .tablet-35 {
11369     width: 35%;
11370   }
11371   .ios .row .tablet-33 {
11372     width: 33.333333333333336%;
11373     width: calc((100% - 15px*2) / 3);
11374   }
11375   .ios .row.no-gap .tablet-33 {
11376     width: 33.333333333333336%;
11377   }
11378   .ios .row .tablet-30 {
11379     width: 30%;
11380     width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
11381   }
11382   .ios .row.no-gap .tablet-30 {
11383     width: 30%;
11384   }
11385   .ios .row .tablet-25 {
11386     width: 25%;
11387     width: calc((100% - 15px*3) / 4);
11388   }
11389   .ios .row.no-gap .tablet-25 {
11390     width: 25%;
11391   }
11392   .ios .row .tablet-20 {
11393     width: 20%;
11394     width: calc((100% - 15px*4) / 5);
11395   }
11396   .ios .row.no-gap .tablet-20 {
11397     width: 20%;
11398   }
11399   .ios .row .tablet-15 {
11400     width: 15%;
11401     width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
11402   }
11403   .ios .row.no-gap .tablet-15 {
11404     width: 15%;
11405   }
11406   .ios .row .tablet-10 {
11407     width: 10%;
11408     width: calc((100% - 15px*9) / 10);
11409   }
11410   .ios .row.no-gap .tablet-10 {
11411     width: 10%;
11412   }
11413   .ios .row .tablet-5 {
11414     width: 5%;
11415     width: calc((100% - 15px*19) / 20);
11416   }
11417   .ios .row.no-gap .tablet-5 {
11418     width: 5%;
11419   }
11420   .ios .row .tablet-auto:nth-last-child(1),
11421   .ios .row .tablet-auto:nth-last-child(1) ~ .tablet-auto {
11422     width: 100%;
11423     width: calc((100% - 15px*0) / 1);
11424   }
11425   .ios .row.no-gap .tablet-auto:nth-last-child(1),
11426   .ios .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto {
11427     width: 100%;
11428   }
11429   .ios .row .tablet-auto:nth-last-child(2),
11430   .ios .row .tablet-auto:nth-last-child(2) ~ .tablet-auto {
11431     width: 50%;
11432     width: calc((100% - 15px*1) / 2);
11433   }
11434   .ios .row.no-gap .tablet-auto:nth-last-child(2),
11435   .ios .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto {
11436     width: 50%;
11437   }
11438   .ios .row .tablet-auto:nth-last-child(3),
11439   .ios .row .tablet-auto:nth-last-child(3) ~ .tablet-auto {
11440     width: 33.33333333%;
11441     width: calc((100% - 15px*2) / 3);
11442   }
11443   .ios .row.no-gap .tablet-auto:nth-last-child(3),
11444   .ios .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto {
11445     width: 33.33333333%;
11446   }
11447   .ios .row .tablet-auto:nth-last-child(4),
11448   .ios .row .tablet-auto:nth-last-child(4) ~ .tablet-auto {
11449     width: 25%;
11450     width: calc((100% - 15px*3) / 4);
11451   }
11452   .ios .row.no-gap .tablet-auto:nth-last-child(4),
11453   .ios .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto {
11454     width: 25%;
11455   }
11456   .ios .row .tablet-auto:nth-last-child(5),
11457   .ios .row .tablet-auto:nth-last-child(5) ~ .tablet-auto {
11458     width: 20%;
11459     width: calc((100% - 15px*4) / 5);
11460   }
11461   .ios .row.no-gap .tablet-auto:nth-last-child(5),
11462   .ios .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto {
11463     width: 20%;
11464   }
11465   .ios .row .tablet-auto:nth-last-child(6),
11466   .ios .row .tablet-auto:nth-last-child(6) ~ .tablet-auto {
11467     width: 16.66666667%;
11468     width: calc((100% - 15px*5) / 6);
11469   }
11470   .ios .row.no-gap .tablet-auto:nth-last-child(6),
11471   .ios .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto {
11472     width: 16.66666667%;
11473   }
11474   .ios .row .tablet-auto:nth-last-child(7),
11475   .ios .row .tablet-auto:nth-last-child(7) ~ .tablet-auto {
11476     width: 14.28571429%;
11477     width: calc((100% - 15px*6) / 7);
11478   }
11479   .ios .row.no-gap .tablet-auto:nth-last-child(7),
11480   .ios .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto {
11481     width: 14.28571429%;
11482   }
11483   .ios .row .tablet-auto:nth-last-child(8),
11484   .ios .row .tablet-auto:nth-last-child(8) ~ .tablet-auto {
11485     width: 12.5%;
11486     width: calc((100% - 15px*7) / 8);
11487   }
11488   .ios .row.no-gap .tablet-auto:nth-last-child(8),
11489   .ios .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto {
11490     width: 12.5%;
11491   }
11492   .ios .row .tablet-auto:nth-last-child(9),
11493   .ios .row .tablet-auto:nth-last-child(9) ~ .tablet-auto {
11494     width: 11.11111111%;
11495     width: calc((100% - 15px*8) / 9);
11496   }
11497   .ios .row.no-gap .tablet-auto:nth-last-child(9),
11498   .ios .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto {
11499     width: 11.11111111%;
11500   }
11501   .ios .row .tablet-auto:nth-last-child(10),
11502   .ios .row .tablet-auto:nth-last-child(10) ~ .tablet-auto {
11503     width: 10%;
11504     width: calc((100% - 15px*9) / 10);
11505   }
11506   .ios .row.no-gap .tablet-auto:nth-last-child(10),
11507   .ios .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto {
11508     width: 10%;
11509   }
11510   .ios .row .tablet-auto:nth-last-child(11),
11511   .ios .row .tablet-auto:nth-last-child(11) ~ .tablet-auto {
11512     width: 9.09090909%;
11513     width: calc((100% - 15px*10) / 11);
11514   }
11515   .ios .row.no-gap .tablet-auto:nth-last-child(11),
11516   .ios .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto {
11517     width: 9.09090909%;
11518   }
11519   .ios .row .tablet-auto:nth-last-child(12),
11520   .ios .row .tablet-auto:nth-last-child(12) ~ .tablet-auto {
11521     width: 8.33333333%;
11522     width: calc((100% - 15px*11) / 12);
11523   }
11524   .ios .row.no-gap .tablet-auto:nth-last-child(12),
11525   .ios .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto {
11526     width: 8.33333333%;
11527   }
11528   .ios .row .tablet-auto:nth-last-child(13),
11529   .ios .row .tablet-auto:nth-last-child(13) ~ .tablet-auto {
11530     width: 7.69230769%;
11531     width: calc((100% - 15px*12) / 13);
11532   }
11533   .ios .row.no-gap .tablet-auto:nth-last-child(13),
11534   .ios .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto {
11535     width: 7.69230769%;
11536   }
11537   .ios .row .tablet-auto:nth-last-child(14),
11538   .ios .row .tablet-auto:nth-last-child(14) ~ .tablet-auto {
11539     width: 7.14285714%;
11540     width: calc((100% - 15px*13) / 14);
11541   }
11542   .ios .row.no-gap .tablet-auto:nth-last-child(14),
11543   .ios .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto {
11544     width: 7.14285714%;
11545   }
11546   .ios .row .tablet-auto:nth-last-child(15),
11547   .ios .row .tablet-auto:nth-last-child(15) ~ .tablet-auto {
11548     width: 6.66666667%;
11549     width: calc((100% - 15px*14) / 15);
11550   }
11551   .ios .row.no-gap .tablet-auto:nth-last-child(15),
11552   .ios .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto {
11553     width: 6.66666667%;
11554   }
11555   .ios .row .tablet-auto:nth-last-child(16),
11556   .ios .row .tablet-auto:nth-last-child(16) ~ .tablet-auto {
11557     width: 6.25%;
11558     width: calc((100% - 15px*15) / 16);
11559   }
11560   .ios .row.no-gap .tablet-auto:nth-last-child(16),
11561   .ios .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto {
11562     width: 6.25%;
11563   }
11564   .ios .row .tablet-auto:nth-last-child(17),
11565   .ios .row .tablet-auto:nth-last-child(17) ~ .tablet-auto {
11566     width: 5.88235294%;
11567     width: calc((100% - 15px*16) / 17);
11568   }
11569   .ios .row.no-gap .tablet-auto:nth-last-child(17),
11570   .ios .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto {
11571     width: 5.88235294%;
11572   }
11573   .ios .row .tablet-auto:nth-last-child(18),
11574   .ios .row .tablet-auto:nth-last-child(18) ~ .tablet-auto {
11575     width: 5.55555556%;
11576     width: calc((100% - 15px*17) / 18);
11577   }
11578   .ios .row.no-gap .tablet-auto:nth-last-child(18),
11579   .ios .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto {
11580     width: 5.55555556%;
11581   }
11582   .ios .row .tablet-auto:nth-last-child(19),
11583   .ios .row .tablet-auto:nth-last-child(19) ~ .tablet-auto {
11584     width: 5.26315789%;
11585     width: calc((100% - 15px*18) / 19);
11586   }
11587   .ios .row.no-gap .tablet-auto:nth-last-child(19),
11588   .ios .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto {
11589     width: 5.26315789%;
11590   }
11591   .ios .row .tablet-auto:nth-last-child(20),
11592   .ios .row .tablet-auto:nth-last-child(20) ~ .tablet-auto {
11593     width: 5%;
11594     width: calc((100% - 15px*19) / 20);
11595   }
11596   .ios .row.no-gap .tablet-auto:nth-last-child(20),
11597   .ios .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto {
11598     width: 5%;
11599   }
11600   .ios .row .tablet-auto:nth-last-child(21),
11601   .ios .row .tablet-auto:nth-last-child(21) ~ .tablet-auto {
11602     width: 4.76190476%;
11603     width: calc((100% - 15px*20) / 21);
11604   }
11605   .ios .row.no-gap .tablet-auto:nth-last-child(21),
11606   .ios .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto {
11607     width: 4.76190476%;
11608   }
11609 }
11610 @media (min-width: 1025px) {
11611   .ios .row .desktop-100 {
11612     width: 100%;
11613     width: calc((100% - 15px*0) / 1);
11614   }
11615   .ios .row.no-gap .desktop-100 {
11616     width: 100%;
11617   }
11618   .ios .row .desktop-95 {
11619     width: 95%;
11620     width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
11621   }
11622   .ios .row.no-gap .desktop-95 {
11623     width: 95%;
11624   }
11625   .ios .row .desktop-90 {
11626     width: 90%;
11627     width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
11628   }
11629   .ios .row.no-gap .desktop-90 {
11630     width: 90%;
11631   }
11632   .ios .row .desktop-85 {
11633     width: 85%;
11634     width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
11635   }
11636   .ios .row.no-gap .desktop-85 {
11637     width: 85%;
11638   }
11639   .ios .row .desktop-80 {
11640     width: 80%;
11641     width: calc((100% - 15px*0.25) / 1.25);
11642   }
11643   .ios .row.no-gap .desktop-80 {
11644     width: 80%;
11645   }
11646   .ios .row .desktop-75 {
11647     width: 75%;
11648     width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
11649   }
11650   .ios .row.no-gap .desktop-75 {
11651     width: 75%;
11652   }
11653   .ios .row .desktop-70 {
11654     width: 70%;
11655     width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
11656   }
11657   .ios .row.no-gap .desktop-70 {
11658     width: 70%;
11659   }
11660   .ios .row .desktop-66 {
11661     width: 66.66666666666666%;
11662     width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
11663   }
11664   .ios .row.no-gap .desktop-66 {
11665     width: 66.66666666666666%;
11666   }
11667   .ios .row .desktop-65 {
11668     width: 65%;
11669     width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
11670   }
11671   .ios .row.no-gap .desktop-65 {
11672     width: 65%;
11673   }
11674   .ios .row .desktop-60 {
11675     width: 60%;
11676     width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
11677   }
11678   .ios .row.no-gap .desktop-60 {
11679     width: 60%;
11680   }
11681   .ios .row .desktop-55 {
11682     width: 55%;
11683     width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
11684   }
11685   .ios .row.no-gap .desktop-55 {
11686     width: 55%;
11687   }
11688   .ios .row .desktop-50 {
11689     width: 50%;
11690     width: calc((100% - 15px*1) / 2);
11691   }
11692   .ios .row.no-gap .desktop-50 {
11693     width: 50%;
11694   }
11695   .ios .row .desktop-45 {
11696     width: 45%;
11697     width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
11698   }
11699   .ios .row.no-gap .desktop-45 {
11700     width: 45%;
11701   }
11702   .ios .row .desktop-40 {
11703     width: 40%;
11704     width: calc((100% - 15px*1.5) / 2.5);
11705   }
11706   .ios .row.no-gap .desktop-40 {
11707     width: 40%;
11708   }
11709   .ios .row .desktop-35 {
11710     width: 35%;
11711     width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
11712   }
11713   .ios .row.no-gap .desktop-35 {
11714     width: 35%;
11715   }
11716   .ios .row .desktop-33 {
11717     width: 33.333333333333336%;
11718     width: calc((100% - 15px*2) / 3);
11719   }
11720   .ios .row.no-gap .desktop-33 {
11721     width: 33.333333333333336%;
11722   }
11723   .ios .row .desktop-30 {
11724     width: 30%;
11725     width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
11726   }
11727   .ios .row.no-gap .desktop-30 {
11728     width: 30%;
11729   }
11730   .ios .row .desktop-25 {
11731     width: 25%;
11732     width: calc((100% - 15px*3) / 4);
11733   }
11734   .ios .row.no-gap .desktop-25 {
11735     width: 25%;
11736   }
11737   .ios .row .desktop-20 {
11738     width: 20%;
11739     width: calc((100% - 15px*4) / 5);
11740   }
11741   .ios .row.no-gap .desktop-20 {
11742     width: 20%;
11743   }
11744   .ios .row .desktop-15 {
11745     width: 15%;
11746     width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
11747   }
11748   .ios .row.no-gap .desktop-15 {
11749     width: 15%;
11750   }
11751   .ios .row .desktop-10 {
11752     width: 10%;
11753     width: calc((100% - 15px*9) / 10);
11754   }
11755   .ios .row.no-gap .desktop-10 {
11756     width: 10%;
11757   }
11758   .ios .row .desktop-5 {
11759     width: 5%;
11760     width: calc((100% - 15px*19) / 20);
11761   }
11762   .ios .row.no-gap .desktop-5 {
11763     width: 5%;
11764   }
11765   .ios .row .desktop-auto:nth-last-child(1),
11766   .ios .row .desktop-auto:nth-last-child(1) ~ .desktop-auto {
11767     width: 100%;
11768     width: calc((100% - 15px*0) / 1);
11769   }
11770   .ios .row.no-gap .desktop-auto:nth-last-child(1),
11771   .ios .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto {
11772     width: 100%;
11773   }
11774   .ios .row .desktop-auto:nth-last-child(2),
11775   .ios .row .desktop-auto:nth-last-child(2) ~ .desktop-auto {
11776     width: 50%;
11777     width: calc((100% - 15px*1) / 2);
11778   }
11779   .ios .row.no-gap .desktop-auto:nth-last-child(2),
11780   .ios .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto {
11781     width: 50%;
11782   }
11783   .ios .row .desktop-auto:nth-last-child(3),
11784   .ios .row .desktop-auto:nth-last-child(3) ~ .desktop-auto {
11785     width: 33.33333333%;
11786     width: calc((100% - 15px*2) / 3);
11787   }
11788   .ios .row.no-gap .desktop-auto:nth-last-child(3),
11789   .ios .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto {
11790     width: 33.33333333%;
11791   }
11792   .ios .row .desktop-auto:nth-last-child(4),
11793   .ios .row .desktop-auto:nth-last-child(4) ~ .desktop-auto {
11794     width: 25%;
11795     width: calc((100% - 15px*3) / 4);
11796   }
11797   .ios .row.no-gap .desktop-auto:nth-last-child(4),
11798   .ios .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto {
11799     width: 25%;
11800   }
11801   .ios .row .desktop-auto:nth-last-child(5),
11802   .ios .row .desktop-auto:nth-last-child(5) ~ .desktop-auto {
11803     width: 20%;
11804     width: calc((100% - 15px*4) / 5);
11805   }
11806   .ios .row.no-gap .desktop-auto:nth-last-child(5),
11807   .ios .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto {
11808     width: 20%;
11809   }
11810   .ios .row .desktop-auto:nth-last-child(6),
11811   .ios .row .desktop-auto:nth-last-child(6) ~ .desktop-auto {
11812     width: 16.66666667%;
11813     width: calc((100% - 15px*5) / 6);
11814   }
11815   .ios .row.no-gap .desktop-auto:nth-last-child(6),
11816   .ios .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto {
11817     width: 16.66666667%;
11818   }
11819   .ios .row .desktop-auto:nth-last-child(7),
11820   .ios .row .desktop-auto:nth-last-child(7) ~ .desktop-auto {
11821     width: 14.28571429%;
11822     width: calc((100% - 15px*6) / 7);
11823   }
11824   .ios .row.no-gap .desktop-auto:nth-last-child(7),
11825   .ios .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto {
11826     width: 14.28571429%;
11827   }
11828   .ios .row .desktop-auto:nth-last-child(8),
11829   .ios .row .desktop-auto:nth-last-child(8) ~ .desktop-auto {
11830     width: 12.5%;
11831     width: calc((100% - 15px*7) / 8);
11832   }
11833   .ios .row.no-gap .desktop-auto:nth-last-child(8),
11834   .ios .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto {
11835     width: 12.5%;
11836   }
11837   .ios .row .desktop-auto:nth-last-child(9),
11838   .ios .row .desktop-auto:nth-last-child(9) ~ .desktop-auto {
11839     width: 11.11111111%;
11840     width: calc((100% - 15px*8) / 9);
11841   }
11842   .ios .row.no-gap .desktop-auto:nth-last-child(9),
11843   .ios .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto {
11844     width: 11.11111111%;
11845   }
11846   .ios .row .desktop-auto:nth-last-child(10),
11847   .ios .row .desktop-auto:nth-last-child(10) ~ .desktop-auto {
11848     width: 10%;
11849     width: calc((100% - 15px*9) / 10);
11850   }
11851   .ios .row.no-gap .desktop-auto:nth-last-child(10),
11852   .ios .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto {
11853     width: 10%;
11854   }
11855   .ios .row .desktop-auto:nth-last-child(11),
11856   .ios .row .desktop-auto:nth-last-child(11) ~ .desktop-auto {
11857     width: 9.09090909%;
11858     width: calc((100% - 15px*10) / 11);
11859   }
11860   .ios .row.no-gap .desktop-auto:nth-last-child(11),
11861   .ios .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto {
11862     width: 9.09090909%;
11863   }
11864   .ios .row .desktop-auto:nth-last-child(12),
11865   .ios .row .desktop-auto:nth-last-child(12) ~ .desktop-auto {
11866     width: 8.33333333%;
11867     width: calc((100% - 15px*11) / 12);
11868   }
11869   .ios .row.no-gap .desktop-auto:nth-last-child(12),
11870   .ios .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto {
11871     width: 8.33333333%;
11872   }
11873   .ios .row .desktop-auto:nth-last-child(13),
11874   .ios .row .desktop-auto:nth-last-child(13) ~ .desktop-auto {
11875     width: 7.69230769%;
11876     width: calc((100% - 15px*12) / 13);
11877   }
11878   .ios .row.no-gap .desktop-auto:nth-last-child(13),
11879   .ios .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto {
11880     width: 7.69230769%;
11881   }
11882   .ios .row .desktop-auto:nth-last-child(14),
11883   .ios .row .desktop-auto:nth-last-child(14) ~ .desktop-auto {
11884     width: 7.14285714%;
11885     width: calc((100% - 15px*13) / 14);
11886   }
11887   .ios .row.no-gap .desktop-auto:nth-last-child(14),
11888   .ios .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto {
11889     width: 7.14285714%;
11890   }
11891   .ios .row .desktop-auto:nth-last-child(15),
11892   .ios .row .desktop-auto:nth-last-child(15) ~ .desktop-auto {
11893     width: 6.66666667%;
11894     width: calc((100% - 15px*14) / 15);
11895   }
11896   .ios .row.no-gap .desktop-auto:nth-last-child(15),
11897   .ios .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto {
11898     width: 6.66666667%;
11899   }
11900   .ios .row .desktop-auto:nth-last-child(16),
11901   .ios .row .desktop-auto:nth-last-child(16) ~ .desktop-auto {
11902     width: 6.25%;
11903     width: calc((100% - 15px*15) / 16);
11904   }
11905   .ios .row.no-gap .desktop-auto:nth-last-child(16),
11906   .ios .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto {
11907     width: 6.25%;
11908   }
11909   .ios .row .desktop-auto:nth-last-child(17),
11910   .ios .row .desktop-auto:nth-last-child(17) ~ .desktop-auto {
11911     width: 5.88235294%;
11912     width: calc((100% - 15px*16) / 17);
11913   }
11914   .ios .row.no-gap .desktop-auto:nth-last-child(17),
11915   .ios .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto {
11916     width: 5.88235294%;
11917   }
11918   .ios .row .desktop-auto:nth-last-child(18),
11919   .ios .row .desktop-auto:nth-last-child(18) ~ .desktop-auto {
11920     width: 5.55555556%;
11921     width: calc((100% - 15px*17) / 18);
11922   }
11923   .ios .row.no-gap .desktop-auto:nth-last-child(18),
11924   .ios .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto {
11925     width: 5.55555556%;
11926   }
11927   .ios .row .desktop-auto:nth-last-child(19),
11928   .ios .row .desktop-auto:nth-last-child(19) ~ .desktop-auto {
11929     width: 5.26315789%;
11930     width: calc((100% - 15px*18) / 19);
11931   }
11932   .ios .row.no-gap .desktop-auto:nth-last-child(19),
11933   .ios .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto {
11934     width: 5.26315789%;
11935   }
11936   .ios .row .desktop-auto:nth-last-child(20),
11937   .ios .row .desktop-auto:nth-last-child(20) ~ .desktop-auto {
11938     width: 5%;
11939     width: calc((100% - 15px*19) / 20);
11940   }
11941   .ios .row.no-gap .desktop-auto:nth-last-child(20),
11942   .ios .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto {
11943     width: 5%;
11944   }
11945   .ios .row .desktop-auto:nth-last-child(21),
11946   .ios .row .desktop-auto:nth-last-child(21) ~ .desktop-auto {
11947     width: 4.76190476%;
11948     width: calc((100% - 15px*20) / 21);
11949   }
11950   .ios .row.no-gap .desktop-auto:nth-last-child(21),
11951   .ios .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto {
11952     width: 4.76190476%;
11953   }
11954 }
11955 /* === Calendar/Datepicker === */
11956 .calendar {
11957   overflow: hidden;
11958   height: 320px;
11959   width: 100%;
11960   display: -webkit-box;
11961   display: -webkit-flex;
11962   display: -ms-flexbox;
11963   display: flex;
11964   -webkit-box-orient: vertical;
11965   -webkit-box-direction: normal;
11966   -webkit-flex-direction: column;
11967   -ms-flex-direction: column;
11968   flex-direction: column;
11969 }
11970 .calendar.modal-in {
11971   display: -webkit-box;
11972   display: -webkit-flex;
11973   display: -ms-flexbox;
11974   display: flex;
11975 }
11976 @media (orientation: landscape) and (max-height: 415px) {
11977   .calendar.calendar-sheet {
11978     height: 220px;
11979   }
11980   .calendar.calendar-modal {
11981     height: calc(100vh - 44px);
11982   }
11983 }
11984 .calendar.calendar-inline,
11985 .calendar.calendar-popover .calendar {
11986   position: relative;
11987 }
11988 .calendar-modal {
11989   position: absolute;
11990   height: 420px;
11991   overflow: hidden;
11992   top: 50%;
11993   left: 50%;
11994   min-width: 300px;
11995   max-width: 380px;
11996   -webkit-transform: translate3d(-50%, 100%, 0);
11997   transform: translate3d(-50%, 100%, 0);
11998   -webkit-transition-property: -webkit-transform;
11999   transition-property: -webkit-transform;
12000   transition-property: transform;
12001   transition-property: transform, -webkit-transform;
12002   display: -webkit-box;
12003   display: -webkit-flex;
12004   display: -ms-flexbox;
12005   display: flex;
12006   z-index: 12000;
12007   background: #fff;
12008   width: 90%;
12009   border-radius: 4px;
12010   -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
12011   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
12012 }
12013 .calendar-modal.modal-in,
12014 .calendar-modal.modal-out {
12015   -webkit-transition-duration: 400ms;
12016   transition-duration: 400ms;
12017 }
12018 .calendar-modal.modal-in {
12019   -webkit-transform: translate3d(-50%, -50%, 0);
12020   transform: translate3d(-50%, -50%, 0);
12021 }
12022 .calendar-modal.modal-out {
12023   -webkit-transform: translate3d(-50%, 100%, 0);
12024   transform: translate3d(-50%, 100%, 0);
12025 }
12026 .calendar-popover {
12027   width: 320px;
12028 }
12029 .calendar-popover .calendar {
12030   height: 320px;
12031 }
12032 .calendar-week-header {
12033   display: -webkit-box;
12034   display: -webkit-flex;
12035   display: -ms-flexbox;
12036   display: flex;
12037   -webkit-box-sizing: border-box;
12038   box-sizing: border-box;
12039   position: relative;
12040   font-size: 11px;
12041 }
12042 .calendar-week-header .calendar-week-day {
12043   -webkit-flex-shrink: 1;
12044   -ms-flex-negative: 1;
12045   flex-shrink: 1;
12046   width: 14.28571429%;
12047   width: calc(100% / 7);
12048   text-align: center;
12049 }
12050 .calendar-months {
12051   width: 100%;
12052   height: 100%;
12053   overflow: hidden;
12054   position: relative;
12055   -webkit-flex-shrink: 10;
12056   -ms-flex-negative: 10;
12057   flex-shrink: 10;
12058 }
12059 .calendar-months-wrapper {
12060   position: relative;
12061   width: 100%;
12062   height: 100%;
12063   -webkit-transition: 300ms;
12064   transition: 300ms;
12065 }
12066 .calendar-month {
12067   display: -webkit-box;
12068   display: -webkit-flex;
12069   display: -ms-flexbox;
12070   display: flex;
12071   -webkit-box-orient: vertical;
12072   -webkit-box-direction: normal;
12073   -webkit-flex-direction: column;
12074   -ms-flex-direction: column;
12075   flex-direction: column;
12076   width: 100%;
12077   height: 100%;
12078   position: absolute;
12079   left: 0;
12080   top: 0;
12081 }
12082 .calendar-row {
12083   height: 16.66666667%;
12084   height: calc(100% / 6);
12085   display: -webkit-box;
12086   display: -webkit-flex;
12087   display: -ms-flexbox;
12088   display: flex;
12089   -webkit-flex-shrink: 1;
12090   -ms-flex-negative: 1;
12091   flex-shrink: 1;
12092   width: 100%;
12093   position: relative;
12094   -webkit-box-sizing: border-box;
12095   box-sizing: border-box;
12096 }
12097 .calendar-day {
12098   -webkit-flex-shrink: 1;
12099   -ms-flex-negative: 1;
12100   flex-shrink: 1;
12101   display: -webkit-box;
12102   display: -webkit-flex;
12103   display: -ms-flexbox;
12104   display: flex;
12105   -webkit-box-pack: center;
12106   -webkit-justify-content: center;
12107   -ms-flex-pack: center;
12108   justify-content: center;
12109   -webkit-box-align: center;
12110   -webkit-align-items: center;
12111   -ms-flex-align: center;
12112   align-items: center;
12113   -webkit-box-sizing: border-box;
12114   box-sizing: border-box;
12115   width: 14.28571429%;
12116   width: calc(100% / 7);
12117   text-align: center;
12118   cursor: pointer;
12119   z-index: 20;
12120   color: #000;
12121   height: 100%;
12122 }
12123 .calendar-day.calendar-day-prev,
12124 .calendar-day.calendar-day-next {
12125   color: #b8b8b8;
12126 }
12127 .calendar-day.calendar-day-disabled {
12128   color: #d4d4d4;
12129   cursor: auto;
12130 }
12131 .calendar-day.calendar-day-selected .calendar-day-number {
12132   color: #fff;
12133 }
12134 .calendar-day .calendar-day-number {
12135   display: inline-block;
12136   border-radius: 100%;
12137   position: relative;
12138 }
12139 .calendar-day .calendar-day-events {
12140   position: absolute;
12141   display: -webkit-box;
12142   display: -webkit-flex;
12143   display: -ms-flexbox;
12144   display: flex;
12145   left: 0;
12146   width: 100%;
12147   top: 100%;
12148   -webkit-box-align: center;
12149   -webkit-align-items: center;
12150   -ms-flex-align: center;
12151   align-items: center;
12152   -webkit-box-pack: center;
12153   -webkit-justify-content: center;
12154   -ms-flex-pack: center;
12155   justify-content: center;
12156   margin-top: 1px;
12157 }
12158 .calendar-day .calendar-day-event {
12159   width: 4px;
12160   height: 4px;
12161   border-radius: 50%;
12162 }
12163 .calendar-day .calendar-day-event + .calendar-day-event {
12164   margin-left: 2px;
12165 }
12166 .calendar-range .calendar-day.calendar-day-selected {
12167   -webkit-box-align: stretch;
12168   -webkit-align-items: stretch;
12169   -ms-flex-align: stretch;
12170   align-items: stretch;
12171   -webkit-align-content: stretch;
12172   -ms-flex-line-pack: stretch;
12173   align-content: stretch;
12174 }
12175 .calendar-range .calendar-day.calendar-day-selected .calendar-day-number {
12176   width: 100%;
12177   border-radius: 0;
12178   height: auto;
12179   text-align: center;
12180   display: -webkit-box;
12181   display: -webkit-flex;
12182   display: -ms-flexbox;
12183   display: flex;
12184   -webkit-box-align: center;
12185   -webkit-align-items: center;
12186   -ms-flex-align: center;
12187   align-items: center;
12188   -webkit-box-pack: center;
12189   -webkit-justify-content: center;
12190   -ms-flex-pack: center;
12191   justify-content: center;
12192 }
12193 .calendar-month-selector,
12194 .calendar-year-selector {
12195   display: -webkit-box;
12196   display: -webkit-flex;
12197   display: -ms-flexbox;
12198   display: flex;
12199   -webkit-box-pack: justify;
12200   -webkit-justify-content: space-between;
12201   -ms-flex-pack: justify;
12202   justify-content: space-between;
12203   -webkit-box-align: center;
12204   -webkit-align-items: center;
12205   -ms-flex-align: center;
12206   align-items: center;
12207   width: 50%;
12208   max-width: 200px;
12209   -webkit-flex-shrink: 10;
12210   -ms-flex-negative: 10;
12211   flex-shrink: 10;
12212 }
12213 .calendar-month-selector .calendar-day-number,
12214 .calendar-year-selector .calendar-day-number {
12215   -webkit-flex-shrink: 1;
12216   -ms-flex-negative: 1;
12217   flex-shrink: 1;
12218   position: relative;
12219   overflow: hidden;
12220   text-overflow: ellipsis;
12221 }
12222 .ios .calendar-header {
12223   height: 44px;
12224   background: #f7f7f8;
12225   font-size: 17px;
12226   line-height: 44px;
12227   font-weight: 600;
12228   padding: 0 8px;
12229   position: relative;
12230   overflow: hidden;
12231   white-space: nowrap;
12232   text-overflow: ellipsis;
12233   -webkit-box-sizing: border-box;
12234   box-sizing: border-box;
12235 }
12236 .ios .calendar-footer {
12237   position: relative;
12238   padding: 0 8px;
12239   width: 100%;
12240   height: 44px;
12241   background: #f7f7f8;
12242   display: -webkit-box;
12243   display: -webkit-flex;
12244   display: -ms-flexbox;
12245   display: flex;
12246   -webkit-box-pack: end;
12247   -webkit-justify-content: flex-end;
12248   -ms-flex-pack: end;
12249   justify-content: flex-end;
12250   -webkit-box-sizing: border-box;
12251   box-sizing: border-box;
12252   font-size: 17px;
12253 }
12254 .ios .calendar-footer:before {
12255   content: '';
12256   position: absolute;
12257   background-color: #c4c4c4;
12258   display: block;
12259   z-index: 15;
12260   top: 0;
12261   right: auto;
12262   bottom: auto;
12263   left: 0;
12264   height: 1px;
12265   width: 100%;
12266   -webkit-transform-origin: 50% 0%;
12267   transform-origin: 50% 0%;
12268 }
12269 .ios.device-pixel-ratio-2 .calendar-footer:before {
12270   -webkit-transform: scaleY(0.5);
12271   transform: scaleY(0.5);
12272 }
12273 .ios.device-pixel-ratio-3 .calendar-footer:before {
12274   -webkit-transform: scaleY(0.33);
12275   transform: scaleY(0.33);
12276 }
12277 .ios .calendar-week-header {
12278   background: #f7f7f8;
12279   height: 18px;
12280 }
12281 .ios .calendar-week-header .calendar-week-day {
12282   line-height: 18px;
12283 }
12284 .ios .calendar-row:before {
12285   content: '';
12286   position: absolute;
12287   background-color: #c4c4c4;
12288   display: block;
12289   z-index: 15;
12290   top: 0;
12291   right: auto;
12292   bottom: auto;
12293   left: 0;
12294   height: 1px;
12295   width: 100%;
12296   -webkit-transform-origin: 50% 0%;
12297   transform-origin: 50% 0%;
12298 }
12299 .ios.device-pixel-ratio-2 .calendar-row:before {
12300   -webkit-transform: scaleY(0.5);
12301   transform: scaleY(0.5);
12302 }
12303 .ios.device-pixel-ratio-3 .calendar-row:before {
12304   -webkit-transform: scaleY(0.33);
12305   transform: scaleY(0.33);
12306 }
12307 .ios .calendar-day {
12308   font-size: 15px;
12309 }
12310 .ios .calendar-day.calendar-day-today .calendar-day-number {
12311   background: #e3e3e3;
12312 }
12313 .ios .calendar-day.calendar-day-selected .calendar-day-number {
12314   background: #007aff;
12315 }
12316 .ios .calendar-day .calendar-day-number {
12317   width: 30px;
12318   height: 30px;
12319   line-height: 30px;
12320 }
12321 .ios .calendar-day .calendar-day-event {
12322   background: #007aff;
12323 }
12324 .ios .calendar-month-selector a.icon-only,
12325 .ios .calendar-year-selector a.icon-only {
12326   min-width: 36px;
12327 }
12328 .ios .calendar-sheet:before {
12329   content: '';
12330   position: absolute;
12331   background-color: #929499;
12332   display: block;
12333   z-index: 15;
12334   top: 0;
12335   right: auto;
12336   bottom: auto;
12337   left: 0;
12338   height: 1px;
12339   width: 100%;
12340   -webkit-transform-origin: 50% 0%;
12341   transform-origin: 50% 0%;
12342 }
12343 .ios.device-pixel-ratio-2 .calendar-sheet:before {
12344   -webkit-transform: scaleY(0.5);
12345   transform: scaleY(0.5);
12346 }
12347 .ios.device-pixel-ratio-3 .calendar-sheet:before {
12348   -webkit-transform: scaleY(0.33);
12349   transform: scaleY(0.33);
12350 }
12351 .ios .calendar-sheet {
12352   background: #fff;
12353 }
12354 .ios .calendar-sheet:before {
12355   z-index: 600;
12356 }
12357 .ios .calendar-sheet .toolbar:before {
12358   display: none !important;
12359 }
12360 .ios .calendar-modal .toolbar:before,
12361 .ios .calendar-popover .toolbar:before {
12362   display: none !important;
12363 }
12364 .ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before,
12365 .ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before {
12366   display: none !important;
12367 }
12368 .ios .calendar-popover .toolbar {
12369   background: none;
12370 }
12371 .ios .calendar-popover .calendar-week-header,
12372 .ios .calendar-popover .calendar-header,
12373 .ios .calendar-popover .calendar-footer {
12374   background: none;
12375 }
12376 .ios.device-iphone-x .calendar-sheet .sheet-modal-inner {
12377   margin-bottom: constant(safe-area-inset-bottom);
12378   margin-bottom: env(safe-area-inset-bottom);
12379 }
12380 @media (orientation: landscape) {
12381   .ios.device-iphone-x .ios-left-edge.calendar .calendar-row,
12382   .ios.device-iphone-x .ios-edges.calendar .calendar-row,
12383   .ios.device-iphone-x .popup.calendar .calendar-row,
12384   .ios.device-iphone-x .sheet-modal.calendar .calendar-row,
12385   .ios.device-iphone-x .panel-left.calendar .calendar-row,
12386   .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
12387   .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
12388   .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
12389   .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
12390   .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
12391   .ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header,
12392   .ios.device-iphone-x .ios-edges.calendar .calendar-week-header,
12393   .ios.device-iphone-x .popup.calendar .calendar-week-header,
12394   .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header,
12395   .ios.device-iphone-x .panel-left.calendar .calendar-week-header,
12396   .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
12397   .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
12398   .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
12399   .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
12400   .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header {
12401     padding-left: constant(safe-area-inset-left);
12402     padding-left: env(safe-area-inset-left);
12403   }
12404   .ios.device-iphone-x .ios-right-edge.calendar .calendar-row,
12405   .ios.device-iphone-x .ios-edges.calendar .calendar-row,
12406   .ios.device-iphone-x .popup.calendar .calendar-row,
12407   .ios.device-iphone-x .sheet-modal.calendar .calendar-row,
12408   .ios.device-iphone-x .panel-right.calendar .calendar-row,
12409   .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
12410   .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
12411   .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
12412   .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
12413   .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
12414   .ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header,
12415   .ios.device-iphone-x .ios-edges.calendar .calendar-week-header,
12416   .ios.device-iphone-x .popup.calendar .calendar-week-header,
12417   .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header,
12418   .ios.device-iphone-x .panel-right.calendar .calendar-week-header,
12419   .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
12420   .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
12421   .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
12422   .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
12423   .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header {
12424     padding-right: constant(safe-area-inset-right);
12425     padding-right: env(safe-area-inset-right);
12426   }
12427 }
12428 .ios .theme-dark .calendar .calendar-header,
12429 .calendar.ios .theme-dark .calendar-header,
12430 .ios .theme-dark .calendar .calendar-week-header,
12431 .calendar.ios .theme-dark .calendar-week-header,
12432 .ios .theme-dark .calendar .calendar-footer,
12433 .calendar.ios .theme-dark .calendar-footer {
12434   background-color: #1b1b1b;
12435 }
12436 .ios .theme-dark .calendar-popover .calendar-week-header {
12437   background-color: transparent;
12438 }
12439 .ios .theme-dark .calendar-footer:before,
12440 .ios .theme-dark .calendar-row:before,
12441 .ios .theme-dark .calendar-sheet:before {
12442   background-color: #282829;
12443 }
12444 .ios .theme-dark .calendar-day {
12445   color: #fff;
12446 }
12447 .ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number {
12448   background: #333;
12449 }
12450 .ios .theme-dark .calendar-day.calendar-day-disabled {
12451   color: #8E8E93;
12452 }
12453 .ios .theme-dark .calendar-day.calendar-day-prev,
12454 .ios .theme-dark .calendar-day.calendar-day-next {
12455   color: #555;
12456 }
12457 .ios .theme-dark .calendar-modal,
12458 .calendar-modal.ios .theme-dark,
12459 .ios .theme-dark .calendar-sheet {
12460   background: #171717;
12461 }
12462 .ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number,
12463 .ios .color-red .calendar-day.calendar-day-selected .calendar-day-number {
12464   background: #ff3b30;
12465 }
12466 .ios .color-theme-red .calendar-day .calendar-day-event,
12467 .ios .color-red .calendar-day .calendar-day-event {
12468   background: #ff3b30;
12469 }
12470 .ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number,
12471 .ios .color-green .calendar-day.calendar-day-selected .calendar-day-number {
12472   background: #4cd964;
12473 }
12474 .ios .color-theme-green .calendar-day .calendar-day-event,
12475 .ios .color-green .calendar-day .calendar-day-event {
12476   background: #4cd964;
12477 }
12478 .ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number,
12479 .ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number {
12480   background: #007aff;
12481 }
12482 .ios .color-theme-blue .calendar-day .calendar-day-event,
12483 .ios .color-blue .calendar-day .calendar-day-event {
12484   background: #007aff;
12485 }
12486 .ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number,
12487 .ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number {
12488   background: #ff2d55;
12489 }
12490 .ios .color-theme-pink .calendar-day .calendar-day-event,
12491 .ios .color-pink .calendar-day .calendar-day-event {
12492   background: #ff2d55;
12493 }
12494 .ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,
12495 .ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number {
12496   background: #ffcc00;
12497 }
12498 .ios .color-theme-yellow .calendar-day .calendar-day-event,
12499 .ios .color-yellow .calendar-day .calendar-day-event {
12500   background: #ffcc00;
12501 }
12502 .ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number,
12503 .ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number {
12504   background: #ff9500;
12505 }
12506 .ios .color-theme-orange .calendar-day .calendar-day-event,
12507 .ios .color-orange .calendar-day .calendar-day-event {
12508   background: #ff9500;
12509 }
12510 .ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number,
12511 .ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number {
12512   background: #8e8e93;
12513 }
12514 .ios .color-theme-gray .calendar-day .calendar-day-event,
12515 .ios .color-gray .calendar-day .calendar-day-event {
12516   background: #8e8e93;
12517 }
12518 .ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,
12519 .ios .color-white .calendar-day.calendar-day-selected .calendar-day-number {
12520   background: #ffffff;
12521 }
12522 .ios .color-theme-white .calendar-day .calendar-day-event,
12523 .ios .color-white .calendar-day .calendar-day-event {
12524   background: #ffffff;
12525 }
12526 .ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number,
12527 .ios .color-black .calendar-day.calendar-day-selected .calendar-day-number {
12528   background: #000000;
12529 }
12530 .ios .color-theme-black .calendar-day .calendar-day-event,
12531 .ios .color-black .calendar-day .calendar-day-event {
12532   background: #000000;
12533 }
12534 /* === Picker === */
12535 .picker {
12536   width: 100%;
12537   height: 260px;
12538 }
12539 .picker.picker-inline,
12540 .popover .picker {
12541   height: 200px;
12542 }
12543 @media (orientation: landscape) and (max-height: 415px) {
12544   .picker:not(.picker-inline) {
12545     height: 200px;
12546   }
12547 }
12548 .picker-popover {
12549   width: 280px;
12550 }
12551 .picker-columns {
12552   display: -webkit-box;
12553   display: -webkit-flex;
12554   display: -ms-flexbox;
12555   display: flex;
12556   overflow: hidden;
12557   -webkit-box-pack: center;
12558   -webkit-justify-content: center;
12559   -ms-flex-pack: center;
12560   justify-content: center;
12561   padding: 0;
12562   text-align: right;
12563   height: 100%;
12564   position: relative;
12565   -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
12566 }
12567 .picker-column {
12568   position: relative;
12569   max-height: 100%;
12570 }
12571 .picker-column.picker-column-first:before,
12572 .picker-column.picker-column-last:after {
12573   height: 100%;
12574   width: 100vw;
12575   position: absolute;
12576   content: '';
12577   top: 0;
12578 }
12579 .picker-column.picker-column-first:before {
12580   left: 100%;
12581 }
12582 .picker-column.picker-column-last:after {
12583   right: 100%;
12584 }
12585 .picker-column.picker-column-left {
12586   text-align: left;
12587 }
12588 .picker-column.picker-column-center {
12589   text-align: center;
12590 }
12591 .picker-column.picker-column-right {
12592   text-align: right;
12593 }
12594 .picker-column.picker-column-divider {
12595   display: -webkit-box;
12596   display: -webkit-flex;
12597   display: -ms-flexbox;
12598   display: flex;
12599   -webkit-box-align: center;
12600   -webkit-align-items: center;
12601   -ms-flex-align: center;
12602   align-items: center;
12603 }
12604 .picker-items {
12605   -webkit-transition: 300ms;
12606   transition: 300ms;
12607   -webkit-transition-timing-function: ease-out;
12608   transition-timing-function: ease-out;
12609 }
12610 .picker-item {
12611   height: 36px;
12612   line-height: 36px;
12613   white-space: nowrap;
12614   position: relative;
12615   overflow: hidden;
12616   text-overflow: ellipsis;
12617   left: 0;
12618   top: 0;
12619   width: 100%;
12620   -webkit-box-sizing: border-box;
12621   box-sizing: border-box;
12622   -webkit-transition: 300ms;
12623   transition: 300ms;
12624 }
12625 .picker-item span {
12626   padding: 0 10px;
12627 }
12628 .picker-column-absolute .picker-item {
12629   position: absolute;
12630 }
12631 .picker-item.picker-item-far {
12632   pointer-events: none;
12633 }
12634 .picker-item.picker-item-selected {
12635   -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
12636   transform: translate3d(0, 0, 0) rotateX(0deg);
12637 }
12638 .picker-center-highlight {
12639   height: 36px;
12640   -webkit-box-sizing: border-box;
12641   box-sizing: border-box;
12642   position: absolute;
12643   left: 0;
12644   width: 100%;
12645   top: 50%;
12646   margin-top: -18px;
12647   pointer-events: none;
12648 }
12649 .picker-3d .picker-columns {
12650   overflow: hidden;
12651   -webkit-perspective: 1200px;
12652   perspective: 1200px;
12653 }
12654 .picker-3d .picker-column,
12655 .picker-3d .picker-items,
12656 .picker-3d .picker-item {
12657   -webkit-transform-style: preserve-3d;
12658   transform-style: preserve-3d;
12659 }
12660 .picker-3d .picker-column {
12661   overflow: visible;
12662 }
12663 .picker-3d .picker-item {
12664   -webkit-transform-origin: center center -110px;
12665   transform-origin: center center -110px;
12666   -webkit-backface-visibility: hidden;
12667   backface-visibility: hidden;
12668   -webkit-transition-timing-function: ease-out;
12669   transition-timing-function: ease-out;
12670 }
12671 .ios .picker-columns {
12672   font-size: 24px;
12673 }
12674 .ios .picker-column-divider {
12675   color: #000;
12676 }
12677 .ios .picker-item {
12678   color: #707274;
12679 }
12680 .ios .picker-item.picker-item-selected {
12681   color: #000;
12682 }
12683 .ios .picker-popover .toolbar {
12684   background: none;
12685 }
12686 .ios .picker-popover .toolbar:before {
12687   display: none !important;
12688 }
12689 .ios .picker-popover .picker > .toolbar + .picker-columns {
12690   height: calc(100% - 44px);
12691 }
12692 .ios .picker-popover .toolbar:after {
12693   content: '';
12694   position: absolute;
12695   background-color: #c4c4c4;
12696   display: block;
12697   z-index: 15;
12698   top: auto;
12699   right: auto;
12700   bottom: 0;
12701   left: 0;
12702   height: 1px;
12703   width: 100%;
12704   -webkit-transform-origin: 50% 100%;
12705   transform-origin: 50% 100%;
12706 }
12707 .ios.device-pixel-ratio-2 .picker-popover .toolbar:after {
12708   -webkit-transform: scaleY(0.5);
12709   transform: scaleY(0.5);
12710 }
12711 .ios.device-pixel-ratio-3 .picker-popover .toolbar:after {
12712   -webkit-transform: scaleY(0.33);
12713   transform: scaleY(0.33);
12714 }
12715 .ios .picker-center-highlight:before {
12716   content: '';
12717   position: absolute;
12718   background-color: #a8abb0;
12719   display: block;
12720   z-index: 15;
12721   top: 0;
12722   right: auto;
12723   bottom: auto;
12724   left: 0;
12725   height: 1px;
12726   width: 100%;
12727   -webkit-transform-origin: 50% 0%;
12728   transform-origin: 50% 0%;
12729 }
12730 .ios.device-pixel-ratio-2 .picker-center-highlight:before {
12731   -webkit-transform: scaleY(0.5);
12732   transform: scaleY(0.5);
12733 }
12734 .ios.device-pixel-ratio-3 .picker-center-highlight:before {
12735   -webkit-transform: scaleY(0.33);
12736   transform: scaleY(0.33);
12737 }
12738 .ios .picker-center-highlight:after {
12739   content: '';
12740   position: absolute;
12741   background-color: #a8abb0;
12742   display: block;
12743   z-index: 15;
12744   top: auto;
12745   right: auto;
12746   bottom: 0;
12747   left: 0;
12748   height: 1px;
12749   width: 100%;
12750   -webkit-transform-origin: 50% 100%;
12751   transform-origin: 50% 100%;
12752 }
12753 .ios.device-pixel-ratio-2 .picker-center-highlight:after {
12754   -webkit-transform: scaleY(0.5);
12755   transform: scaleY(0.5);
12756 }
12757 .ios.device-pixel-ratio-3 .picker-center-highlight:after {
12758   -webkit-transform: scaleY(0.33);
12759   transform: scaleY(0.33);
12760 }
12761 .ios .theme-dark .picker-item.picker-item-selected {
12762   color: #fff;
12763 }
12764 .ios .theme-dark .picker-popover .toolbar:after,
12765 .picker-popover.ios .theme-dark .toolbar:after {
12766   background-color: #282829;
12767 }
12768 .ios .theme-dark .picker-center-highlight:before {
12769   background-color: #282829;
12770 }
12771 .ios .theme-dark .picker-center-highlight:after {
12772   background-color: #282829;
12773 }
12774 /* === Infinite === */
12775 .infinite-scroll-preloader {
12776   margin-left: auto;
12777   margin-right: auto;
12778   text-align: center;
12779 }
12780 .infinite-scroll-preloader.preloader {
12781   display: block;
12782 }
12783 .ios .infinite-scroll-preloader {
12784   margin-top: 35px;
12785   margin-bottom: 35px;
12786 }
12787 .ios .infinite-scroll-preloader .preloader,
12788 .ios .infinite-scroll-preloader.preloader {
12789   width: 27px;
12790   height: 27px;
12791 }
12792 /* === PTR === */
12793 .ptr-preloader .preloader {
12794   position: absolute;
12795   left: 50%;
12796 }
12797 .ios .ptr-preloader {
12798   position: relative;
12799   height: 44px;
12800   margin-top: -44px;
12801   width: 100%;
12802   left: 0;
12803   top: 0;
12804 }
12805 .ios .ptr-preloader .preloader {
12806   width: 27px;
12807   height: 27px;
12808   margin-left: -13px;
12809   margin-top: -13px;
12810   visibility: hidden;
12811   top: 50%;
12812 }
12813 .ios .ptr-arrow {
12814   position: absolute;
12815   left: 50%;
12816   top: 50%;
12817   background: no-repeat center;
12818   z-index: 10;
12819   -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
12820   transform: rotate(0deg) translate3d(0, 0, 0);
12821   -webkit-transition-duration: 300ms;
12822   transition-duration: 300ms;
12823   -webkit-transition-property: -webkit-transform;
12824   transition-property: -webkit-transform;
12825   transition-property: transform;
12826   transition-property: transform, -webkit-transform;
12827   width: 13px;
12828   height: 20px;
12829   margin-left: -6px;
12830   margin-top: -10px;
12831   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");
12832   background-size: 13px 20px;
12833   visibility: visible;
12834 }
12835 .ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader {
12836   -webkit-animation: none;
12837   animation: none;
12838 }
12839 .ios .ptr-transitioning,
12840 .ios .ptr-refreshing {
12841   -webkit-transition-duration: 300ms;
12842   transition-duration: 300ms;
12843   -webkit-transition-property: -webkit-transform;
12844   transition-property: -webkit-transform;
12845   transition-property: transform;
12846   transition-property: transform, -webkit-transform;
12847 }
12848 .ios .ptr-refreshing {
12849   -webkit-transform: translate3d(0, 44px, 0);
12850   transform: translate3d(0, 44px, 0);
12851 }
12852 .ios .ptr-refreshing .ptr-arrow {
12853   visibility: hidden;
12854 }
12855 .ios .ptr-refreshing .ptr-preloader .preloader {
12856   visibility: visible;
12857 }
12858 .ios .ptr-pull-up .ptr-arrow {
12859   -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
12860   transform: rotate(180deg) translate3d(0, 0, 0);
12861 }
12862 .ios .ptr-no-navbar {
12863   margin-top: -44px;
12864   height: calc(100% + 44px);
12865 }
12866 .ios .ptr-no-navbar .ptr-preloader {
12867   margin-top: 0;
12868 }
12869 /* === Images Lazy Loading === */
12870 .lazy-loaded.lazy-fade-in {
12871   -webkit-animation: lazyFadeIn 600ms;
12872   animation: lazyFadeIn 600ms;
12873 }
12874 @-webkit-keyframes lazyFadeIn {
12875   from {
12876     opacity: 0;
12877   }
12878   to {
12879     opacity: 1;
12880   }
12881 }
12882 @keyframes lazyFadeIn {
12883   from {
12884     opacity: 0;
12885   }
12886   to {
12887     opacity: 1;
12888   }
12889 }
12890 /* === Data Table === */
12891 .data-table {
12892   overflow-x: auto;
12893 }
12894 .data-table table {
12895   width: 100%;
12896   border: none;
12897   padding: 0;
12898   margin: 0;
12899   border-collapse: collapse;
12900   text-align: right;
12901 }
12902 .data-table thead {
12903   font-size: 12px;
12904 }
12905 .data-table thead th,
12906 .data-table thead td {
12907   overflow: hidden;
12908   white-space: nowrap;
12909   text-overflow: ellipsis;
12910   line-height: 16px;
12911 }
12912 .data-table thead i.icon,
12913 .data-table thead i.f7-icons,
12914 .data-table thead i.material-icons {
12915   vertical-align: top;
12916 }
12917 .data-table th,
12918 .data-table td {
12919   padding: 0;
12920   position: relative;
12921 }
12922 .data-table th.numeric-cell,
12923 .data-table td.numeric-cell {
12924   text-align: left;
12925 }
12926 .data-table th.checkbox-cell,
12927 .data-table td.checkbox-cell {
12928   overflow: visible;
12929 }
12930 .data-table th.checkbox-cell label + span,
12931 .data-table td.checkbox-cell label + span {
12932   margin-right: 8px;
12933 }
12934 .data-table th.actions-cell,
12935 .data-table td.actions-cell {
12936   text-align: left;
12937   white-space: nowrap;
12938 }
12939 .data-table th a.icon-only,
12940 .data-table td a.icon-only,
12941 .card .data-table th a.icon-only,
12942 .card .data-table td a.icon-only,
12943 .card.data-table th a.icon-only,
12944 .card.data-table td a.icon-only {
12945   display: inline-block;
12946   vertical-align: middle;
12947   text-align: center;
12948   font-size: 0;
12949   min-width: 0;
12950 }
12951 .data-table th a.icon-only i,
12952 .data-table td a.icon-only i,
12953 .card .data-table th a.icon-only i,
12954 .card .data-table td a.icon-only i,
12955 .card.data-table th a.icon-only i,
12956 .card.data-table td a.icon-only i {
12957   font-size: 18px;
12958   vertical-align: middle;
12959 }
12960 .data-table .sortable-cell:not(.input-cell) {
12961   cursor: pointer;
12962   position: relative;
12963 }
12964 .data-table .sortable-cell.input-cell .table-head-label {
12965   cursor: pointer;
12966   position: relative;
12967 }
12968 .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
12969 .data-table .sortable-cell.numeric-cell:not(.input-cell):before,
12970 .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
12971 .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
12972   content: '';
12973   display: inline-block;
12974   vertical-align: top;
12975   width: 16px;
12976   height: 16px;
12977   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
12978   background-size: 100% auto;
12979   background-position: center;
12980   background-repeat: no-repeat;
12981   font-size: 0;
12982   -webkit-transition-duration: 300ms;
12983   transition-duration: 300ms;
12984   -webkit-transform: rotate(0);
12985   transform: rotate(0);
12986   opacity: 0;
12987 }
12988 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,
12989 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,
12990 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before,
12991 html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before {
12992   opacity: 0.54;
12993 }
12994 .data-table .sortable-cell.sortable-cell-active:after,
12995 .data-table .sortable-cell.sortable-cell-active .table-head-label:after,
12996 .data-table .sortable-cell.sortable-cell-active:before,
12997 .data-table .sortable-cell.sortable-cell-active .table-head-label:before {
12998   opacity: 0.87 !important;
12999 }
13000 .data-table .sortable-cell.sortable-desc:after,
13001 .data-table .sortable-cell.sortable-desc:after,
13002 .data-table .table-head-label:after,
13003 .data-table .sortable-cell.sortable-desc:before,
13004 .data-table .sortable-cell.sortable-desc:before,
13005 .data-table .table-head-label:before {
13006   -webkit-transform: rotate(180deg) !important;
13007   transform: rotate(180deg) !important;
13008 }
13009 .data-table.card .card-header,
13010 .card .data-table .card-header {
13011   height: 64px;
13012 }
13013 .data-table.card .card-content,
13014 .card .data-table .card-content {
13015   overflow-x: auto;
13016 }
13017 .data-table .data-table-links,
13018 .data-table .data-table-actions {
13019   display: -webkit-box;
13020   display: -webkit-flex;
13021   display: -ms-flexbox;
13022   display: flex;
13023 }
13024 .data-table .data-table-actions {
13025   margin-right: auto;
13026   -webkit-box-align: center;
13027   -webkit-align-items: center;
13028   -ms-flex-align: center;
13029   align-items: center;
13030 }
13031 .data-table .data-table-actions a.link {
13032   min-width: 0;
13033 }
13034 .data-table .data-table-actions a.link.icon-only {
13035   line-height: 1;
13036   -webkit-box-pack: center;
13037   -webkit-justify-content: center;
13038   -ms-flex-pack: center;
13039   justify-content: center;
13040   padding: 0;
13041 }
13042 .data-table .data-table-header,
13043 .data-table .data-table-header-selected {
13044   display: -webkit-box;
13045   display: -webkit-flex;
13046   display: -ms-flexbox;
13047   display: flex;
13048   -webkit-box-pack: justify;
13049   -webkit-justify-content: space-between;
13050   -ms-flex-pack: justify;
13051   justify-content: space-between;
13052   -webkit-box-align: center;
13053   -webkit-align-items: center;
13054   -ms-flex-align: center;
13055   align-items: center;
13056   width: 100%;
13057 }
13058 .data-table .data-table-header-selected {
13059   display: none;
13060 }
13061 .data-table.data-table-has-checked .data-table-header {
13062   display: none;
13063 }
13064 .data-table.data-table-has-checked .data-table-header-selected {
13065   display: -webkit-box;
13066   display: -webkit-flex;
13067   display: -ms-flexbox;
13068   display: flex;
13069 }
13070 .data-table .data-table-title-selected {
13071   font-size: 14px;
13072 }
13073 .data-table .data-table-footer {
13074   display: -webkit-box;
13075   display: -webkit-flex;
13076   display: -ms-flexbox;
13077   display: flex;
13078   -webkit-box-align: center;
13079   -webkit-align-items: center;
13080   -ms-flex-align: center;
13081   align-items: center;
13082   -webkit-box-sizing: border-box;
13083   box-sizing: border-box;
13084   position: relative;
13085   font-size: 12px;
13086   overflow: hidden;
13087   -webkit-box-pack: start;
13088   -webkit-justify-content: flex-start;
13089   -ms-flex-pack: start;
13090   justify-content: flex-start;
13091 }
13092 .data-table .data-table-rows-select,
13093 .data-table .data-table-pagination {
13094   display: -webkit-box;
13095   display: -webkit-flex;
13096   display: -ms-flexbox;
13097   display: flex;
13098   -webkit-box-align: center;
13099   -webkit-align-items: center;
13100   -ms-flex-align: center;
13101   align-items: center;
13102 }
13103 @media (max-width: 480px) and (orientation: portrait) {
13104   .data-table.data-table-collapsible thead {
13105     display: none;
13106   }
13107   .data-table.data-table-collapsible tbody,
13108   .data-table.data-table-collapsible tr,
13109   .data-table.data-table-collapsible td {
13110     display: block;
13111   }
13112   .data-table.data-table-collapsible tr {
13113     position: relative;
13114   }
13115   .data-table.data-table-collapsible tr:hover {
13116     background-color: inherit;
13117   }
13118   .data-table.data-table-collapsible td {
13119     display: -webkit-box;
13120     display: -webkit-flex;
13121     display: -ms-flexbox;
13122     display: flex;
13123     -webkit-align-content: center;
13124     -ms-flex-line-pack: center;
13125     align-content: center;
13126     -webkit-box-align: center;
13127     -webkit-align-items: center;
13128     -ms-flex-align: center;
13129     align-items: center;
13130     -webkit-box-pack: start;
13131     -webkit-justify-content: flex-start;
13132     -ms-flex-pack: start;
13133     justify-content: flex-start;
13134     text-align: right;
13135   }
13136   .data-table.data-table-collapsible td:before {
13137     display: none !important;
13138   }
13139   .data-table.data-table-collapsible td:not(.checkbox-cell):before {
13140     width: 40%;
13141     display: block !important;
13142     content: attr(data-collapsible-title);
13143     position: relative;
13144     height: auto;
13145     background: none !important;
13146     -webkit-transform: none !important;
13147     transform: none !important;
13148     font-size: 12px;
13149     margin-left: 16px;
13150     -webkit-flex-shrink: 0;
13151     -ms-flex-negative: 0;
13152     flex-shrink: 0;
13153   }
13154   .data-table.data-table-collapsible td.checkbox-cell {
13155     position: absolute;
13156     top: 0;
13157     right: 0;
13158   }
13159   .data-table.data-table-collapsible td.checkbox-cell + td {
13160     padding-right: 16px;
13161   }
13162   .data-table.data-table-collapsible td.checkbox-cell ~ td {
13163     margin-right: 32px;
13164   }
13165 }
13166 .data-table .tablet-only,
13167 .data-table .tablet-landscape-only {
13168   display: none;
13169 }
13170 @media (min-width: 768px) {
13171   .data-table .tablet-only {
13172     display: table-cell;
13173   }
13174 }
13175 @media (min-width: 768px) and (orientation: landscape) {
13176   .data-table .tablet-landscape-only {
13177     display: table-cell;
13178   }
13179 }
13180 .theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
13181 .theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,
13182 .theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
13183 .theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
13184   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
13185 }
13186 .ios .data-table thead th,
13187 .ios .data-table thead td {
13188   font-weight: 600;
13189 }
13190 .ios .data-table thead th:not(.sortable-cell-active),
13191 .ios .data-table thead td:not(.sortable-cell-active) {
13192   color: #8e8e93;
13193 }
13194 .ios .data-table thead i.icon,
13195 .ios .data-table thead i.f7-icons {
13196   font-size: 18px;
13197   width: 18px;
13198   height: 18px;
13199 }
13200 .ios .data-table tbody tr.data-table-row-selected {
13201   background: #f7f7f8;
13202 }
13203 .ios .data-table th,
13204 .ios .data-table td {
13205   padding-left: 15px;
13206   padding-right: 15px;
13207   height: 44px;
13208 }
13209 .ios .data-table th.checkbox-cell,
13210 .ios .data-table td.checkbox-cell {
13211   width: 22px;
13212   padding-left: 7px;
13213 }
13214 .ios .data-table th.checkbox-cell + td,
13215 .ios .data-table td.checkbox-cell + td,
13216 .ios .data-table th.checkbox-cell + th,
13217 .ios .data-table td.checkbox-cell + th {
13218   padding-right: 8px;
13219 }
13220 .ios .data-table th.actions-cell a.link + a.link,
13221 .ios .data-table td.actions-cell a.link + a.link {
13222   margin-right: 15px;
13223 }
13224 .ios .data-table th.actions-cell a.icon-only,
13225 .ios .data-table td.actions-cell a.icon-only {
13226   width: 18px;
13227   height: 18px;
13228   line-height: 18px;
13229 }
13230 .ios .sortable-cell:not(.numeric-cell):after {
13231   margin-right: 5px;
13232 }
13233 .ios .sortable-cell.numeric-cell:before {
13234   margin-left: 5px;
13235 }
13236 .ios .data-table.card .card-header,
13237 .ios .card .data-table .card-header,
13238 .ios .data-table.card .card-footer,
13239 .ios .card .data-table .card-footer {
13240   padding-right: 15px;
13241   padding-left: 8px;
13242 }
13243 .ios .data-table-title {
13244   font-size: 17px;
13245   font-weight: 600;
13246 }
13247 .ios .data-table-links a.link + a.link,
13248 .ios .data-table-actions a.link + a.link {
13249   margin-right: 15px;
13250 }
13251 .ios .data-table-actions a.link.icon-only {
13252   width: 44px;
13253   height: 44px;
13254 }
13255 .ios .data-table-actions i.icon,
13256 .ios .data-table-actions i.f7-icons {
13257   font-size: 22px;
13258 }
13259 .ios .data-table .card-header > .data-table-header,
13260 .ios .data-table .card-header > .data-table-header-selected {
13261   padding-top: 10px;
13262   padding-bottom: 10px;
13263   height: 100%;
13264   padding-right: 15px;
13265   padding-left: 8px;
13266   margin-right: -15px;
13267   margin-left: -8px;
13268 }
13269 .ios .data-table-header-selected {
13270   background: rgba(0, 122, 255, 0.1);
13271 }
13272 .ios .data-table-title-selected {
13273   color: #007aff;
13274 }
13275 .ios .data-table tbody td:before {
13276   content: '';
13277   position: absolute;
13278   background-color: #c8c7cc;
13279   display: block;
13280   z-index: 15;
13281   top: 0;
13282   right: auto;
13283   bottom: auto;
13284   left: 0;
13285   height: 1px;
13286   width: 100%;
13287   -webkit-transform-origin: 50% 0%;
13288   transform-origin: 50% 0%;
13289 }
13290 .ios.device-pixel-ratio-2 .data-table tbody td:before {
13291   -webkit-transform: scaleY(0.5);
13292   transform: scaleY(0.5);
13293 }
13294 .ios.device-pixel-ratio-3 .data-table tbody td:before {
13295   -webkit-transform: scaleY(0.33);
13296   transform: scaleY(0.33);
13297 }
13298 .ios.device-desktop .data-table tbody tr:hover {
13299   background: #f7f7f8;
13300 }
13301 .ios .data-table-footer {
13302   height: 44px;
13303   color: #8e8e93;
13304 }
13305 .ios .data-table-rows-select a.link,
13306 .ios .data-table-pagination a.link {
13307   width: 44px;
13308   height: 44px;
13309 }
13310 .ios .data-table-rows-select + .data-table-pagination {
13311   margin-right: 30px;
13312 }
13313 .ios .data-table-rows-select .input {
13314   margin-right: 20px;
13315 }
13316 .ios .data-table-pagination-label {
13317   margin-left: 15px;
13318 }
13319 .ios .data-table-footer:before {
13320   content: '';
13321   position: absolute;
13322   background-color: #c8c7cc;
13323   display: block;
13324   z-index: 15;
13325   top: 0;
13326   right: auto;
13327   bottom: auto;
13328   left: 0;
13329   height: 1px;
13330   width: 100%;
13331   -webkit-transform-origin: 50% 0%;
13332   transform-origin: 50% 0%;
13333 }
13334 .ios.device-pixel-ratio-2 .data-table-footer:before {
13335   -webkit-transform: scaleY(0.5);
13336   transform: scaleY(0.5);
13337 }
13338 .ios.device-pixel-ratio-3 .data-table-footer:before {
13339   -webkit-transform: scaleY(0.33);
13340   transform: scaleY(0.33);
13341 }
13342 .ios .input-cell {
13343   padding-top: 8px;
13344   padding-bottom: 8px;
13345   height: auto;
13346   vertical-align: top;
13347 }
13348 .ios .input-cell .table-head-label + .input {
13349   margin-top: 4px;
13350 }
13351 .ios .input-cell .input {
13352   height: 24px;
13353 }
13354 .ios .input-cell .input input,
13355 .ios .input-cell .input textarea,
13356 .ios .input-cell .input select {
13357   height: 24px;
13358   color: #000;
13359   font-size: 14px;
13360 }
13361 @media (max-width: 480px) and (orientation: portrait) {
13362   .ios .data-table.data-table-collapsible td:not(.checkbox-cell):before {
13363     color: #8e8e93;
13364     font-weight: 600;
13365   }
13366   .ios .data-table-collapsible tr:before {
13367     content: '';
13368     position: absolute;
13369     background-color: #c8c7cc;
13370     display: block;
13371     z-index: 15;
13372     top: 0;
13373     right: auto;
13374     bottom: auto;
13375     left: 0;
13376     height: 1px;
13377     width: 100%;
13378     -webkit-transform-origin: 50% 0%;
13379     transform-origin: 50% 0%;
13380   }
13381   .ios.device-pixel-ratio-2 .data-table-collapsible tr:before {
13382     -webkit-transform: scaleY(0.5);
13383     transform: scaleY(0.5);
13384   }
13385   .ios.device-pixel-ratio-3 .data-table-collapsible tr:before {
13386     -webkit-transform: scaleY(0.33);
13387     transform: scaleY(0.33);
13388   }
13389 }
13390 .ios .theme-dark .data-table tbody td:before,
13391 .data-table.ios .theme-dark tbody td:before {
13392   background-color: #282829;
13393 }
13394 .ios .theme-dark .data-table.data-table-collapsible tr:before,
13395 .data-table.ios .theme-dark.data-table-collapsible tr:before {
13396   background-color: #282829;
13397 }
13398 .ios .theme-dark .data-table tbody tr.data-table-row-selected,
13399 .data-table.ios .theme-dark tbody tr.data-table-row-selected {
13400   background-color: #363636;
13401 }
13402 .ios.device-desktop .theme-dark .data-table tbody tr:hover,
13403 .ios.device-desktop .theme-dark.data-table tbody tr:hover {
13404   background: #363636;
13405 }
13406 .ios .color-theme-red .data-table-header-selected,
13407 .ios .data-table-header-selected.color-red {
13408   background: rgba(255, 59, 48, 0.1);
13409 }
13410 .ios .color-theme-red .data-table-title-selected,
13411 .ios .color-red .data-table-title-selected {
13412   color: #ff3b30;
13413 }
13414 .ios .color-theme-green .data-table-header-selected,
13415 .ios .data-table-header-selected.color-green {
13416   background: rgba(76, 217, 100, 0.1);
13417 }
13418 .ios .color-theme-green .data-table-title-selected,
13419 .ios .color-green .data-table-title-selected {
13420   color: #4cd964;
13421 }
13422 .ios .color-theme-blue .data-table-header-selected,
13423 .ios .data-table-header-selected.color-blue {
13424   background: rgba(0, 122, 255, 0.1);
13425 }
13426 .ios .color-theme-blue .data-table-title-selected,
13427 .ios .color-blue .data-table-title-selected {
13428   color: #007aff;
13429 }
13430 .ios .color-theme-pink .data-table-header-selected,
13431 .ios .data-table-header-selected.color-pink {
13432   background: rgba(255, 45, 85, 0.1);
13433 }
13434 .ios .color-theme-pink .data-table-title-selected,
13435 .ios .color-pink .data-table-title-selected {
13436   color: #ff2d55;
13437 }
13438 .ios .color-theme-yellow .data-table-header-selected,
13439 .ios .data-table-header-selected.color-yellow {
13440   background: rgba(255, 204, 0, 0.1);
13441 }
13442 .ios .color-theme-yellow .data-table-title-selected,
13443 .ios .color-yellow .data-table-title-selected {
13444   color: #ffcc00;
13445 }
13446 .ios .color-theme-orange .data-table-header-selected,
13447 .ios .data-table-header-selected.color-orange {
13448   background: rgba(255, 149, 0, 0.1);
13449 }
13450 .ios .color-theme-orange .data-table-title-selected,
13451 .ios .color-orange .data-table-title-selected {
13452   color: #ff9500;
13453 }
13454 .ios .color-theme-gray .data-table-header-selected,
13455 .ios .data-table-header-selected.color-gray {
13456   background: rgba(142, 142, 147, 0.1);
13457 }
13458 .ios .color-theme-gray .data-table-title-selected,
13459 .ios .color-gray .data-table-title-selected {
13460   color: #8e8e93;
13461 }
13462 .ios .color-theme-white .data-table-header-selected,
13463 .ios .data-table-header-selected.color-white {
13464   background: rgba(255, 255, 255, 0.1);
13465 }
13466 .ios .color-theme-white .data-table-title-selected,
13467 .ios .color-white .data-table-title-selected {
13468   color: #ffffff;
13469 }
13470 .ios .color-theme-black .data-table-header-selected,
13471 .ios .data-table-header-selected.color-black {
13472   background: rgba(0, 0, 0, 0.1);
13473 }
13474 .ios .color-theme-black .data-table-title-selected,
13475 .ios .color-black .data-table-title-selected {
13476   color: #000000;
13477 }
13478 /* === FAB === */
13479 .fab {
13480   position: absolute;
13481   z-index: 1500;
13482 }
13483 .fab > a,
13484 .fab-buttons a {
13485   position: relative;
13486   -webkit-transition-duration: 300ms;
13487   transition-duration: 300ms;
13488   display: -webkit-box;
13489   display: -webkit-flex;
13490   display: -ms-flexbox;
13491   display: flex;
13492   -webkit-box-align: center;
13493   -webkit-align-items: center;
13494   -ms-flex-align: center;
13495   align-items: center;
13496   -webkit-box-pack: center;
13497   -webkit-justify-content: center;
13498   -ms-flex-pack: center;
13499   justify-content: center;
13500   overflow: hidden;
13501   z-index: 1;
13502 }
13503 .fab > a i {
13504   position: absolute;
13505   left: 50%;
13506   top: 50%;
13507   -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
13508   transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
13509   -webkit-transition: 300ms;
13510   transition: 300ms;
13511 }
13512 .fab > a i + i {
13513   -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
13514   transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
13515   opacity: 0;
13516 }
13517 .fab[class*="fab-center"] {
13518   left: 50%;
13519   -webkit-transform: translateX(-50%);
13520   transform: translateX(-50%);
13521 }
13522 .fab[class*="left-center"],
13523 .fab[class*="right-center"] {
13524   top: 50%;
13525   -webkit-transform: translateY(-50%);
13526   transform: translateY(-50%);
13527 }
13528 .fab[class*="center-center"] {
13529   top: 50%;
13530   left: 50%;
13531   -webkit-transform: translateX(-50%) translateY(-50%);
13532   transform: translateX(-50%) translateY(-50%);
13533 }
13534 .fab div.fab-buttons a {
13535   width: 40px;
13536   height: 40px;
13537 }
13538 .fab-buttons {
13539   display: -webkit-box;
13540   display: -webkit-flex;
13541   display: -ms-flexbox;
13542   display: flex;
13543   visibility: hidden;
13544   pointer-events: none;
13545   position: absolute;
13546 }
13547 .fab-buttons a {
13548   opacity: 0;
13549 }
13550 .fab-opened:not(.fab-morph) > a i {
13551   -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
13552   transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
13553   opacity: 0;
13554 }
13555 .fab-opened:not(.fab-morph) > a i + i {
13556   -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
13557   transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
13558   opacity: 1;
13559 }
13560 .fab-opened .fab-buttons {
13561   visibility: visible;
13562   pointer-events: auto;
13563 }
13564 .fab-opened .fab-buttons a {
13565   opacity: 1;
13566   -webkit-transform: translate3d(0, 0px, 0) scale(1) !important;
13567   transform: translate3d(0, 0px, 0) scale(1) !important;
13568 }
13569 .fab-opened .fab-buttons a:nth-child(2) {
13570   -webkit-transition-delay: 50ms;
13571   transition-delay: 50ms;
13572 }
13573 .fab-opened .fab-buttons a:nth-child(3) {
13574   -webkit-transition-delay: 100ms;
13575   transition-delay: 100ms;
13576 }
13577 .fab-opened .fab-buttons a:nth-child(4) {
13578   -webkit-transition-delay: 150ms;
13579   transition-delay: 150ms;
13580 }
13581 .fab-opened .fab-buttons a:nth-child(5) {
13582   -webkit-transition-delay: 200ms;
13583   transition-delay: 200ms;
13584 }
13585 .fab-opened .fab-buttons a:nth-child(6) {
13586   -webkit-transition-delay: 250ms;
13587   transition-delay: 250ms;
13588 }
13589 .fab-buttons-top,
13590 .fab-buttons-bottom {
13591   left: 50%;
13592   width: 40px;
13593   margin-left: -20px;
13594 }
13595 .fab-buttons-top {
13596   bottom: 100%;
13597   margin-bottom: 16px;
13598   -webkit-box-orient: vertical;
13599   -webkit-box-direction: reverse;
13600   -webkit-flex-direction: column-reverse;
13601   -ms-flex-direction: column-reverse;
13602   flex-direction: column-reverse;
13603 }
13604 .fab-buttons-top a {
13605   -webkit-transform: translate3d(0, 8px, 0) scale(0.3);
13606   transform: translate3d(0, 8px, 0) scale(0.3);
13607   -webkit-transform-origin: center bottom;
13608   transform-origin: center bottom;
13609 }
13610 .fab-buttons-top a + a {
13611   margin-bottom: 16px;
13612 }
13613 .fab-buttons-bottom {
13614   top: 100%;
13615   margin-top: 16px;
13616   -webkit-box-orient: vertical;
13617   -webkit-box-direction: normal;
13618   -webkit-flex-direction: column;
13619   -ms-flex-direction: column;
13620   flex-direction: column;
13621 }
13622 .fab-buttons-bottom a {
13623   -webkit-transform: translate3d(0, -8px, 0) scale(0.3);
13624   transform: translate3d(0, -8px, 0) scale(0.3);
13625   -webkit-transform-origin: center top;
13626   transform-origin: center top;
13627 }
13628 .fab-buttons-bottom a + a {
13629   margin-top: 16px;
13630 }
13631 .fab-buttons-left,
13632 .fab-buttons-right {
13633   top: 50%;
13634   height: 40px;
13635   margin-top: -20px;
13636 }
13637 .fab-buttons-left {
13638   right: 100%;
13639   margin-right: 16px;
13640 }
13641 .fab-buttons-left a {
13642   -webkit-transform: translate3d(8px, 0px, 0) scale(0.3);
13643   transform: translate3d(8px, 0px, 0) scale(0.3);
13644   -webkit-transform-origin: right center;
13645   transform-origin: right center;
13646 }
13647 .fab-buttons-left a + a {
13648   margin-right: 16px;
13649 }
13650 .fab-buttons-right {
13651   left: 100%;
13652   margin-left: 16px;
13653   -webkit-box-orient: horizontal;
13654   -webkit-box-direction: reverse;
13655   -webkit-flex-direction: row-reverse;
13656   -ms-flex-direction: row-reverse;
13657   flex-direction: row-reverse;
13658 }
13659 .fab-buttons-right a {
13660   -webkit-transform: translate3d(-8px, 0, 0) scale(0.3);
13661   transform: translate3d(-8px, 0, 0) scale(0.3);
13662   -webkit-transform-origin: left center;
13663   transform-origin: left center;
13664 }
13665 .fab-buttons-right a + a {
13666   margin-left: 16px;
13667 }
13668 .fab-buttons-center {
13669   left: 0%;
13670   top: 0%;
13671   width: 100%;
13672   height: 100%;
13673 }
13674 .fab-buttons-center a {
13675   position: absolute;
13676 }
13677 .fab-buttons-center a:nth-child(1) {
13678   left: 50%;
13679   margin-left: -20px;
13680   bottom: 100%;
13681   margin-bottom: 16px;
13682   -webkit-transform: translateY(-8px) scale(0.3);
13683   transform: translateY(-8px) scale(0.3);
13684   -webkit-transform-origin: center bottom;
13685   transform-origin: center bottom;
13686 }
13687 .fab-buttons-center a:nth-child(2) {
13688   left: 100%;
13689   margin-top: -20px;
13690   top: 50%;
13691   margin-left: 16px;
13692   -webkit-transform: translateX(-8px) scale(0.3);
13693   transform: translateX(-8px) scale(0.3);
13694   -webkit-transform-origin: left center;
13695   transform-origin: left center;
13696 }
13697 .fab-buttons-center a:nth-child(3) {
13698   left: 50%;
13699   margin-left: -20px;
13700   top: 100%;
13701   margin-top: 16px;
13702   -webkit-transform: translateY(8px) scale(0.3);
13703   transform: translateY(8px) scale(0.3);
13704   -webkit-transform-origin: center top;
13705   transform-origin: center top;
13706 }
13707 .fab-buttons-center a:nth-child(4) {
13708   right: 100%;
13709   margin-top: -20px;
13710   top: 50%;
13711   margin-right: 16px;
13712   -webkit-transform: translateX(8px) scale(0.3);
13713   transform: translateX(8px) scale(0.3);
13714   -webkit-transform-origin: right center;
13715   transform-origin: right center;
13716 }
13717 .fab-opened.fab-morph > a i {
13718   opacity: 0;
13719 }
13720 .fab-morph,
13721 .fab-morph > a,
13722 .fab-morph-target {
13723   -webkit-transition-duration: 250ms;
13724   transition-duration: 250ms;
13725 }
13726 .fab-morph-target:not(.fab-morph-target-visible) {
13727   display: none;
13728 }
13729 .fab-extended {
13730   width: auto;
13731 }
13732 .fab-extended > a {
13733   width: 100% !important;
13734 }
13735 .fab-text {
13736   padding-left: 20px;
13737   padding-right: 20px;
13738   -webkit-box-sizing: border-box;
13739   box-sizing: border-box;
13740   font-size: 14px;
13741   text-transform: uppercase;
13742 }
13743 .fab-label-button {
13744   overflow: visible !important;
13745 }
13746 .fab-label {
13747   position: absolute;
13748   top: 50%;
13749   padding: 4px 12px;
13750   border-radius: 4px;
13751   background: #fff;
13752   color: #333;
13753   white-space: nowrap;
13754   -webkit-transform: translateY(-50%);
13755   transform: translateY(-50%);
13756   pointer-events: none;
13757 }
13758 .fab[class*="fab-right-"] .fab-label {
13759   right: 100%;
13760   margin-right: 8px;
13761 }
13762 .fab[class*="fab-left-"] .fab-label {
13763   left: 100%;
13764   margin-left: 8px;
13765 }
13766 .ios .fab > a,
13767 .ios .fab-buttons a {
13768   background: #007aff;
13769   width: 50px;
13770   height: 50px;
13771   -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
13772   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
13773   border-radius: 25px;
13774   color: #fff;
13775 }
13776 .ios .fab > a.active-state,
13777 .ios .fab-buttons a.active-state {
13778   -webkit-transition-duration: 0ms;
13779   transition-duration: 0ms;
13780   background: #0066d6;
13781 }
13782 .ios .fab > a i.icon,
13783 .ios .fab-buttons a i.icon {
13784   font-size: 21px;
13785 }
13786 .ios .fab[class*="fab-left"] {
13787   left: 15px;
13788 }
13789 .ios .fab[class*="fab-right"] {
13790   right: 15px;
13791 }
13792 .ios .fab[class*="-top"] {
13793   top: 15px;
13794 }
13795 .ios .fab[class*="-bottom"] {
13796   bottom: 15px;
13797 }
13798 .ios .navbar ~ * .fab[class*="-top"],
13799 .ios .navbar ~ .fab[class*="-top"] {
13800   margin-top: 44px;
13801 }
13802 .ios .toolbar ~ * .fab[class*="-bottom"],
13803 .ios .toolbar ~ .fab[class*="-bottom"] {
13804   margin-bottom: 44px;
13805 }
13806 .ios .tabbar-labels ~ * .fab[class*="-bottom"],
13807 .ios .tabbar-labels ~ .fab[class*="-bottom"] {
13808   margin-bottom: 50px;
13809 }
13810 @media (min-width: 768px) {
13811   .ios .tabbar-labels ~ * .fab[class*="-bottom"],
13812   .ios .tabbar-labels ~ .fab[class*="-bottom"] {
13813     margin-bottom: 56px;
13814   }
13815 }
13816 .ios .fab-morph {
13817   border-radius: 25px;
13818   background: #007aff;
13819   -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
13820   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
13821 }
13822 .ios .fab-morph > a {
13823   -webkit-box-shadow: none;
13824   box-shadow: none;
13825   background: none !important;
13826 }
13827 .ios .fab-extended {
13828   min-width: 50px;
13829 }
13830 .ios .fab-extended > a {
13831   width: 100%;
13832   height: 50px;
13833 }
13834 .ios .fab-extended > a i {
13835   left: 25px;
13836 }
13837 .ios .fab-extended i ~ .fab-text {
13838   padding-left: 50px;
13839 }
13840 .ios .fab-label {
13841   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
13842   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
13843 }
13844 .ios .color-theme-red .fab > a,
13845 .ios .color-theme-red .fab-buttons a,
13846 .ios .color-theme-red.fab > a,
13847 .ios .color-theme-red.fab-buttons a {
13848   background: #ff3b30;
13849 }
13850 .ios .color-theme-red .fab > a.active-state,
13851 .ios .color-theme-red .fab-buttons a.active-state,
13852 .ios .color-theme-red.fab > a.active-state,
13853 .ios .color-theme-red.fab-buttons a.active-state {
13854   background: #ff1407;
13855 }
13856 .ios .color-theme-red .fab-morph,
13857 .ios .color-theme-red.fab-morph {
13858   background: #ff3b30;
13859 }
13860 .ios .color-theme-green .fab > a,
13861 .ios .color-theme-green .fab-buttons a,
13862 .ios .color-theme-green.fab > a,
13863 .ios .color-theme-green.fab-buttons a {
13864   background: #4cd964;
13865 }
13866 .ios .color-theme-green .fab > a.active-state,
13867 .ios .color-theme-green .fab-buttons a.active-state,
13868 .ios .color-theme-green.fab > a.active-state,
13869 .ios .color-theme-green.fab-buttons a.active-state {
13870   background: #2cd048;
13871 }
13872 .ios .color-theme-green .fab-morph,
13873 .ios .color-theme-green.fab-morph {
13874   background: #4cd964;
13875 }
13876 .ios .color-theme-blue .fab > a,
13877 .ios .color-theme-blue .fab-buttons a,
13878 .ios .color-theme-blue.fab > a,
13879 .ios .color-theme-blue.fab-buttons a {
13880   background: #007aff;
13881 }
13882 .ios .color-theme-blue .fab > a.active-state,
13883 .ios .color-theme-blue .fab-buttons a.active-state,
13884 .ios .color-theme-blue.fab > a.active-state,
13885 .ios .color-theme-blue.fab-buttons a.active-state {
13886   background: #0066d6;
13887 }
13888 .ios .color-theme-blue .fab-morph,
13889 .ios .color-theme-blue.fab-morph {
13890   background: #007aff;
13891 }
13892 .ios .color-theme-pink .fab > a,
13893 .ios .color-theme-pink .fab-buttons a,
13894 .ios .color-theme-pink.fab > a,
13895 .ios .color-theme-pink.fab-buttons a {
13896   background: #ff2d55;
13897 }
13898 .ios .color-theme-pink .fab > a.active-state,
13899 .ios .color-theme-pink .fab-buttons a.active-state,
13900 .ios .color-theme-pink.fab > a.active-state,
13901 .ios .color-theme-pink.fab-buttons a.active-state {
13902   background: #ff0434;
13903 }
13904 .ios .color-theme-pink .fab-morph,
13905 .ios .color-theme-pink.fab-morph {
13906   background: #ff2d55;
13907 }
13908 .ios .color-theme-yellow .fab > a,
13909 .ios .color-theme-yellow .fab-buttons a,
13910 .ios .color-theme-yellow.fab > a,
13911 .ios .color-theme-yellow.fab-buttons a {
13912   background: #ffcc00;
13913 }
13914 .ios .color-theme-yellow .fab > a.active-state,
13915 .ios .color-theme-yellow .fab-buttons a.active-state,
13916 .ios .color-theme-yellow.fab > a.active-state,
13917 .ios .color-theme-yellow.fab-buttons a.active-state {
13918   background: #d6ab00;
13919 }
13920 .ios .color-theme-yellow .fab-morph,
13921 .ios .color-theme-yellow.fab-morph {
13922   background: #ffcc00;
13923 }
13924 .ios .color-theme-orange .fab > a,
13925 .ios .color-theme-orange .fab-buttons a,
13926 .ios .color-theme-orange.fab > a,
13927 .ios .color-theme-orange.fab-buttons a {
13928   background: #ff9500;
13929 }
13930 .ios .color-theme-orange .fab > a.active-state,
13931 .ios .color-theme-orange .fab-buttons a.active-state,
13932 .ios .color-theme-orange.fab > a.active-state,
13933 .ios .color-theme-orange.fab-buttons a.active-state {
13934   background: #d67d00;
13935 }
13936 .ios .color-theme-orange .fab-morph,
13937 .ios .color-theme-orange.fab-morph {
13938   background: #ff9500;
13939 }
13940 .ios .color-theme-gray .fab > a,
13941 .ios .color-theme-gray .fab-buttons a,
13942 .ios .color-theme-gray.fab > a,
13943 .ios .color-theme-gray.fab-buttons a {
13944   background: #8e8e93;
13945 }
13946 .ios .color-theme-gray .fab > a.active-state,
13947 .ios .color-theme-gray .fab-buttons a.active-state,
13948 .ios .color-theme-gray.fab > a.active-state,
13949 .ios .color-theme-gray.fab-buttons a.active-state {
13950   background: #79797f;
13951 }
13952 .ios .color-theme-gray .fab-morph,
13953 .ios .color-theme-gray.fab-morph {
13954   background: #8e8e93;
13955 }
13956 .ios .color-theme-white .fab > a,
13957 .ios .color-theme-white .fab-buttons a,
13958 .ios .color-theme-white.fab > a,
13959 .ios .color-theme-white.fab-buttons a {
13960   background: #ffffff;
13961 }
13962 .ios .color-theme-white .fab > a.active-state,
13963 .ios .color-theme-white .fab-buttons a.active-state,
13964 .ios .color-theme-white.fab > a.active-state,
13965 .ios .color-theme-white.fab-buttons a.active-state {
13966   background: #ebebeb;
13967 }
13968 .ios .color-theme-white .fab-morph,
13969 .ios .color-theme-white.fab-morph {
13970   background: #ffffff;
13971 }
13972 .ios .color-theme-black .fab > a,
13973 .ios .color-theme-black .fab-buttons a,
13974 .ios .color-theme-black.fab > a,
13975 .ios .color-theme-black.fab-buttons a {
13976   background: #000000;
13977 }
13978 .ios .color-theme-black .fab > a.active-state,
13979 .ios .color-theme-black .fab-buttons a.active-state,
13980 .ios .color-theme-black.fab > a.active-state,
13981 .ios .color-theme-black.fab-buttons a.active-state {
13982   background: #000000;
13983 }
13984 .ios .color-theme-black .fab-morph,
13985 .ios .color-theme-black.fab-morph {
13986   background: #000000;
13987 }
13988 .ios .fab.color-red > a,
13989 .ios .fab.color-red .fab-buttons > a,
13990 .ios .fab-buttons.color-red a,
13991 .ios .fab > a.color-red,
13992 .ios .fab .fab-buttons > a.color-red {
13993   background: #ff3b30;
13994 }
13995 .ios .fab.color-red > a.active-state,
13996 .ios .fab.color-red .fab-buttons > a.active-state,
13997 .ios .fab-buttons.color-red a.active-state,
13998 .ios .fab > a.color-red.active-state,
13999 .ios .fab .fab-buttons > a.color-red.active-state {
14000   background: #ff1407;
14001 }
14002 .ios .fab-morph.color-red {
14003   background: #ff3b30;
14004 }
14005 .ios .fab.color-green > a,
14006 .ios .fab.color-green .fab-buttons > a,
14007 .ios .fab-buttons.color-green a,
14008 .ios .fab > a.color-green,
14009 .ios .fab .fab-buttons > a.color-green {
14010   background: #4cd964;
14011 }
14012 .ios .fab.color-green > a.active-state,
14013 .ios .fab.color-green .fab-buttons > a.active-state,
14014 .ios .fab-buttons.color-green a.active-state,
14015 .ios .fab > a.color-green.active-state,
14016 .ios .fab .fab-buttons > a.color-green.active-state {
14017   background: #2cd048;
14018 }
14019 .ios .fab-morph.color-green {
14020   background: #4cd964;
14021 }
14022 .ios .fab.color-blue > a,
14023 .ios .fab.color-blue .fab-buttons > a,
14024 .ios .fab-buttons.color-blue a,
14025 .ios .fab > a.color-blue,
14026 .ios .fab .fab-buttons > a.color-blue {
14027   background: #007aff;
14028 }
14029 .ios .fab.color-blue > a.active-state,
14030 .ios .fab.color-blue .fab-buttons > a.active-state,
14031 .ios .fab-buttons.color-blue a.active-state,
14032 .ios .fab > a.color-blue.active-state,
14033 .ios .fab .fab-buttons > a.color-blue.active-state {
14034   background: #0066d6;
14035 }
14036 .ios .fab-morph.color-blue {
14037   background: #007aff;
14038 }
14039 .ios .fab.color-pink > a,
14040 .ios .fab.color-pink .fab-buttons > a,
14041 .ios .fab-buttons.color-pink a,
14042 .ios .fab > a.color-pink,
14043 .ios .fab .fab-buttons > a.color-pink {
14044   background: #ff2d55;
14045 }
14046 .ios .fab.color-pink > a.active-state,
14047 .ios .fab.color-pink .fab-buttons > a.active-state,
14048 .ios .fab-buttons.color-pink a.active-state,
14049 .ios .fab > a.color-pink.active-state,
14050 .ios .fab .fab-buttons > a.color-pink.active-state {
14051   background: #ff0434;
14052 }
14053 .ios .fab-morph.color-pink {
14054   background: #ff2d55;
14055 }
14056 .ios .fab.color-yellow > a,
14057 .ios .fab.color-yellow .fab-buttons > a,
14058 .ios .fab-buttons.color-yellow a,
14059 .ios .fab > a.color-yellow,
14060 .ios .fab .fab-buttons > a.color-yellow {
14061   background: #ffcc00;
14062 }
14063 .ios .fab.color-yellow > a.active-state,
14064 .ios .fab.color-yellow .fab-buttons > a.active-state,
14065 .ios .fab-buttons.color-yellow a.active-state,
14066 .ios .fab > a.color-yellow.active-state,
14067 .ios .fab .fab-buttons > a.color-yellow.active-state {
14068   background: #d6ab00;
14069 }
14070 .ios .fab-morph.color-yellow {
14071   background: #ffcc00;
14072 }
14073 .ios .fab.color-orange > a,
14074 .ios .fab.color-orange .fab-buttons > a,
14075 .ios .fab-buttons.color-orange a,
14076 .ios .fab > a.color-orange,
14077 .ios .fab .fab-buttons > a.color-orange {
14078   background: #ff9500;
14079 }
14080 .ios .fab.color-orange > a.active-state,
14081 .ios .fab.color-orange .fab-buttons > a.active-state,
14082 .ios .fab-buttons.color-orange a.active-state,
14083 .ios .fab > a.color-orange.active-state,
14084 .ios .fab .fab-buttons > a.color-orange.active-state {
14085   background: #d67d00;
14086 }
14087 .ios .fab-morph.color-orange {
14088   background: #ff9500;
14089 }
14090 .ios .fab.color-gray > a,
14091 .ios .fab.color-gray .fab-buttons > a,
14092 .ios .fab-buttons.color-gray a,
14093 .ios .fab > a.color-gray,
14094 .ios .fab .fab-buttons > a.color-gray {
14095   background: #8e8e93;
14096 }
14097 .ios .fab.color-gray > a.active-state,
14098 .ios .fab.color-gray .fab-buttons > a.active-state,
14099 .ios .fab-buttons.color-gray a.active-state,
14100 .ios .fab > a.color-gray.active-state,
14101 .ios .fab .fab-buttons > a.color-gray.active-state {
14102   background: #79797f;
14103 }
14104 .ios .fab-morph.color-gray {
14105   background: #8e8e93;
14106 }
14107 .ios .fab.color-white > a,
14108 .ios .fab.color-white .fab-buttons > a,
14109 .ios .fab-buttons.color-white a,
14110 .ios .fab > a.color-white,
14111 .ios .fab .fab-buttons > a.color-white {
14112   background: #ffffff;
14113 }
14114 .ios .fab.color-white > a.active-state,
14115 .ios .fab.color-white .fab-buttons > a.active-state,
14116 .ios .fab-buttons.color-white a.active-state,
14117 .ios .fab > a.color-white.active-state,
14118 .ios .fab .fab-buttons > a.color-white.active-state {
14119   background: #ebebeb;
14120 }
14121 .ios .fab-morph.color-white {
14122   background: #ffffff;
14123 }
14124 .ios .fab.color-black > a,
14125 .ios .fab.color-black .fab-buttons > a,
14126 .ios .fab-buttons.color-black a,
14127 .ios .fab > a.color-black,
14128 .ios .fab .fab-buttons > a.color-black {
14129   background: #000000;
14130 }
14131 .ios .fab.color-black > a.active-state,
14132 .ios .fab.color-black .fab-buttons > a.active-state,
14133 .ios .fab-buttons.color-black a.active-state,
14134 .ios .fab > a.color-black.active-state,
14135 .ios .fab .fab-buttons > a.color-black.active-state {
14136   background: #000000;
14137 }
14138 .ios .fab-morph.color-black {
14139   background: #000000;
14140 }
14141 .ios.device-iphone-x .fab[class*="-bottom"] {
14142   bottom: calc(15px + constant(safe-area-inset-bottom));
14143   bottom: calc(15px + env(safe-area-inset-bottom));
14144 }
14145 @media (orientation: landscape) {
14146   .ios.device-iphone-x .ios-left-edge .fab[class*="fab-left"],
14147   .ios.device-iphone-x .ios-edges .fab[class*="fab-left"],
14148   .ios.device-iphone-x .popup .fab[class*="fab-left"],
14149   .ios.device-iphone-x .sheet-modal .fab[class*="fab-left"],
14150   .ios.device-iphone-x .panel-left .fab[class*="fab-left"] {
14151     left: calc(15px + constant(safe-area-inset-left));
14152     left: calc(15px + env(safe-area-inset-left));
14153   }
14154   .ios.device-iphone-x .ios-right-edge .fab[class*="fab-right"],
14155   .ios.device-iphone-x .ios-edges .fab[class*="fab-right"],
14156   .ios.device-iphone-x .popup .fab[class*="fab-right"],
14157   .ios.device-iphone-x .sheet-modal .fab[class*="fab-right"],
14158   .ios.device-iphone-x .panel-right .fab[class*="fab-right"] {
14159     right: calc(15px + constant(safe-area-inset-right));
14160     right: calc(15px + env(safe-area-inset-right));
14161   }
14162 }
14163 /* === Searchbar === */
14164 .searchbar {
14165   width: 100%;
14166   position: relative;
14167   z-index: 200;
14168 }
14169 .searchbar .searchbar-input-wrap {
14170   -webkit-flex-shrink: 1;
14171   -ms-flex-negative: 1;
14172   flex-shrink: 1;
14173   width: 100%;
14174   height: 100%;
14175   position: relative;
14176 }
14177 .searchbar .searchbar-input-wrap input[type="search"] {
14178   padding: 0;
14179 }
14180 .searchbar .searchbar-input-wrap input::-webkit-search-cancel-button {
14181   -webkit-appearance: none;
14182   appearance: none;
14183 }
14184 .page > .searchbar {
14185   position: absolute;
14186   left: 0;
14187   top: 0;
14188 }
14189 .searchbar-expandable {
14190   position: absolute;
14191   -webkit-transition-duration: 300ms;
14192   transition-duration: 300ms;
14193   pointer-events: none;
14194 }
14195 .searchbar-inner {
14196   position: absolute;
14197   left: 0;
14198   top: 0;
14199   width: 100%;
14200   height: 100%;
14201   display: -webkit-box;
14202   display: -webkit-flex;
14203   display: -ms-flexbox;
14204   display: flex;
14205   -webkit-box-align: center;
14206   -webkit-align-items: center;
14207   -ms-flex-align: center;
14208   align-items: center;
14209   -webkit-box-sizing: border-box;
14210   box-sizing: border-box;
14211 }
14212 .searchbar-disable-button {
14213   cursor: pointer;
14214   pointer-events: none;
14215   -webkit-appearance: none;
14216   -moz-appearance: none;
14217   appearance: none;
14218   background: none;
14219   border: none;
14220   outline: 0;
14221   padding: 0;
14222   margin: 0;
14223   width: auto;
14224   opacity: 0;
14225 }
14226 .searchbar-icon {
14227   pointer-events: none;
14228   background-position: center;
14229   background-repeat: no-repeat;
14230 }
14231 .searchbar-backdrop {
14232   position: absolute;
14233   left: 0;
14234   top: 0;
14235   width: 100%;
14236   height: 100%;
14237   z-index: 100;
14238   opacity: 0;
14239   pointer-events: none;
14240   -webkit-transition-duration: 300ms;
14241   transition-duration: 300ms;
14242   -webkit-transform: translate3d(0, 0, 0);
14243   transform: translate3d(0, 0, 0);
14244 }
14245 .searchbar-backdrop.searchbar-backdrop-in {
14246   opacity: 1;
14247   pointer-events: auto;
14248 }
14249 .page-content > .searchbar-backdrop {
14250   position: fixed;
14251 }
14252 .searchbar-not-found {
14253   display: none;
14254 }
14255 .hidden-by-searchbar,
14256 .list .hidden-by-searchbar,
14257 .list.li.hidden-by-searchbar,
14258 .list li.hidden-by-searchbar {
14259   display: none !important;
14260 }
14261 .ios .searchbar {
14262   height: 44px;
14263   background: #f7f7f8;
14264 }
14265 .ios .searchbar.no-hairline:after {
14266   display: none !important;
14267 }
14268 .ios .searchbar input[type="search"],
14269 .ios .searchbar input[type="text"] {
14270   padding: 0 28px;
14271   -webkit-box-sizing: border-box;
14272   box-sizing: border-box;
14273   width: 100%;
14274   height: 100%;
14275   display: block;
14276   border: none;
14277   -webkit-appearance: none;
14278   -moz-appearance: none;
14279   appearance: none;
14280   border-radius: 10px;
14281   border-radius: 8px;
14282   font-family: inherit;
14283   color: #000;
14284   font-size: 17px;
14285   font-weight: normal;
14286   z-index: 30;
14287   background-color: #e8e8ea;
14288   position: relative;
14289 }
14290 .ios .searchbar input[type="search"]::-webkit-input-placeholder,
14291 .ios .searchbar input[type="text"]::-webkit-input-placeholder {
14292   color: #939398;
14293   opacity: 1;
14294 }
14295 .ios .searchbar input[type="search"]:-ms-input-placeholder,
14296 .ios .searchbar input[type="text"]:-ms-input-placeholder {
14297   color: #939398;
14298   opacity: 1;
14299 }
14300 .ios .searchbar input[type="search"]::-ms-input-placeholder,
14301 .ios .searchbar input[type="text"]::-ms-input-placeholder {
14302   color: #939398;
14303   opacity: 1;
14304 }
14305 .ios .searchbar input[type="search"]::placeholder,
14306 .ios .searchbar input[type="text"]::placeholder {
14307   color: #939398;
14308   opacity: 1;
14309 }
14310 .ios .searchbar .input-clear-button {
14311   z-index: 40;
14312   left: 7px;
14313 }
14314 .ios .searchbar-inner {
14315   padding: 0 8px;
14316 }
14317 .ios .searchbar-icon {
14318   width: 13px;
14319   height: 13px;
14320   position: absolute;
14321   top: 50%;
14322   margin-top: -6px;
14323   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20stroke-width%3D'1.5'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
14324   background-size: 13px 13px;
14325   z-index: 40;
14326   right: 8px;
14327 }
14328 .ios .searchbar-backdrop {
14329   background: rgba(0, 0, 0, 0.4);
14330 }
14331 .ios .searchbar-input-wrap {
14332   height: 32px;
14333 }
14334 .ios .searchbar:after {
14335   content: '';
14336   position: absolute;
14337   background-color: #c4c4c4;
14338   display: block;
14339   z-index: 15;
14340   top: auto;
14341   right: auto;
14342   bottom: 0;
14343   left: 0;
14344   height: 1px;
14345   width: 100%;
14346   -webkit-transform-origin: 50% 100%;
14347   transform-origin: 50% 100%;
14348 }
14349 .ios.device-pixel-ratio-2 .searchbar:after {
14350   -webkit-transform: scaleY(0.5);
14351   transform: scaleY(0.5);
14352 }
14353 .ios.device-pixel-ratio-3 .searchbar:after {
14354   -webkit-transform: scaleY(0.33);
14355   transform: scaleY(0.33);
14356 }
14357 .ios .searchbar-disable-button {
14358   font-size: 17px;
14359   -webkit-flex-shrink: 0;
14360   -ms-flex-negative: 0;
14361   flex-shrink: 0;
14362   -webkit-transform: translate3d(0, 0, 0);
14363   transform: translate3d(0, 0, 0);
14364   -webkit-transition-duration: 300ms;
14365   transition-duration: 300ms;
14366   color: #007aff;
14367   display: none;
14368 }
14369 .ios .searchbar-disable-button.active-state {
14370   -webkit-transition-duration: 0ms;
14371   transition-duration: 0ms;
14372   opacity: 0.3 !important;
14373 }
14374 .ios .searchbar-enabled .searchbar-disable-button {
14375   pointer-events: auto;
14376   opacity: 1;
14377   margin-right: 8px;
14378 }
14379 .ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button {
14380   -webkit-transition-duration: 300ms !important;
14381   transition-duration: 300ms !important;
14382 }
14383 .ios .searchbar-expandable {
14384   right: 0;
14385   bottom: 0;
14386   opacity: 1;
14387   width: 100%;
14388   height: 0%;
14389   -webkit-transform: translate3d(0, 0, 0);
14390   transform: translate3d(0, 0, 0);
14391   overflow: hidden;
14392 }
14393 .ios .searchbar-expandable .searchbar-disable-button {
14394   margin-right: 8px;
14395   opacity: 1;
14396   display: block;
14397 }
14398 .ios .searchbar-expandable .searchbar-inner {
14399   height: 44px;
14400 }
14401 .ios .searchbar-expandable.searchbar-enabled {
14402   opacity: 1;
14403   height: 100%;
14404   pointer-events: auto;
14405 }
14406 .ios .page > .searchbar {
14407   z-index: 200;
14408 }
14409 .ios .navbar ~ .page:not(.no-navbar) > .searchbar,
14410 .ios .page > .navbar ~ .searchbar {
14411   top: 44px;
14412 }
14413 .ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content,
14414 .ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content,
14415 .ios .page > .navbar ~ .searchbar ~ .page-content,
14416 .ios .page > .navbar ~ .searchbar ~ * .page-content {
14417   padding-top: 88px;
14418 }
14419 .ios .theme-dark .searchbar,
14420 .searchbar.ios .theme-dark {
14421   background-color: #303030;
14422 }
14423 .ios .theme-dark .searchbar:after,
14424 .searchbar.ios .theme-dark:after {
14425   background-color: #282829;
14426 }
14427 .ios .theme-dark .searchbar input[type="search"],
14428 .searchbar.ios .theme-dark input[type="search"],
14429 .ios .theme-dark .searchbar input[type="text"],
14430 .searchbar.ios .theme-dark input[type="text"] {
14431   background-color: #171717;
14432   color: #fff;
14433 }
14434 .ios .color-theme-red .searchbar-disable-button {
14435   color: #ff3b30;
14436 }
14437 .ios .color-theme-green .searchbar-disable-button {
14438   color: #4cd964;
14439 }
14440 .ios .color-theme-blue .searchbar-disable-button {
14441   color: #007aff;
14442 }
14443 .ios .color-theme-pink .searchbar-disable-button {
14444   color: #ff2d55;
14445 }
14446 .ios .color-theme-yellow .searchbar-disable-button {
14447   color: #ffcc00;
14448 }
14449 .ios .color-theme-orange .searchbar-disable-button {
14450   color: #ff9500;
14451 }
14452 .ios .color-theme-gray .searchbar-disable-button {
14453   color: #8e8e93;
14454 }
14455 .ios .color-theme-white .searchbar-disable-button {
14456   color: #ffffff;
14457 }
14458 .ios .color-theme-black .searchbar-disable-button {
14459   color: #000000;
14460 }
14461 @media (orientation: landscape) {
14462   .ios.device-iphone-x .ios-left-edge .searchbar-inner,
14463   .ios.device-iphone-x .ios-edges .searchbar-inner,
14464   .ios.device-iphone-x .popup .searchbar-inner,
14465   .ios.device-iphone-x .sheet-modal .searchbar-inner,
14466   .ios.device-iphone-x .panel-left .searchbar-inner {
14467     padding-left: calc(8px + constant(safe-area-inset-left));
14468     padding-left: calc(8px + env(safe-area-inset-left));
14469   }
14470   .ios.device-iphone-x .ios-right-edge .searchbar-inner,
14471   .ios.device-iphone-x .ios-edges .searchbar-inner,
14472   .ios.device-iphone-x .popup .searchbar-inner,
14473   .ios.device-iphone-x .sheet-modal .searchbar-inner,
14474   .ios.device-iphone-x .panel-right .searchbar-inner {
14475     padding-right: calc(8px + constant(safe-area-inset-right));
14476     padding-right: calc(8px + env(safe-area-inset-right));
14477   }
14478 }
14479 /* === Messages === */
14480 .messages {
14481   display: -webkit-box;
14482   display: -webkit-flex;
14483   display: -ms-flexbox;
14484   display: flex;
14485   -webkit-box-orient: vertical;
14486   -webkit-box-direction: normal;
14487   -webkit-flex-direction: column;
14488   -ms-flex-direction: column;
14489   flex-direction: column;
14490   min-height: 100%;
14491   position: relative;
14492   z-index: 1;
14493 }
14494 .messages-title {
14495   text-align: center;
14496   width: 100%;
14497   line-height: 1;
14498 }
14499 .message {
14500   max-width: 70%;
14501   -webkit-box-sizing: border-box;
14502   box-sizing: border-box;
14503   display: -webkit-box;
14504   display: -webkit-flex;
14505   display: -ms-flexbox;
14506   display: flex;
14507   -webkit-box-align: end;
14508   -webkit-align-items: flex-end;
14509   -ms-flex-align: end;
14510   align-items: flex-end;
14511   position: relative;
14512   z-index: 1;
14513   -webkit-transform: translate3d(0, 0, 0);
14514   transform: translate3d(0, 0, 0);
14515 }
14516 .message-avatar {
14517   border-radius: 50%;
14518   position: relative;
14519   background-size: cover;
14520   -webkit-align-self: flex-end;
14521   -ms-flex-item-align: end;
14522   align-self: flex-end;
14523   -webkit-flex-shrink: 0;
14524   -ms-flex-negative: 0;
14525   flex-shrink: 0;
14526 }
14527 .message-content {
14528   position: relative;
14529   display: -webkit-box;
14530   display: -webkit-flex;
14531   display: -ms-flexbox;
14532   display: flex;
14533   -webkit-box-orient: vertical;
14534   -webkit-box-direction: normal;
14535   -webkit-flex-direction: column;
14536   -ms-flex-direction: column;
14537   flex-direction: column;
14538 }
14539 .message-header,
14540 .message-footer,
14541 .message-name {
14542   line-height: 1;
14543   font-size: 12px;
14544 }
14545 .message-footer {
14546   font-size: 11px;
14547   margin-bottom: -1em;
14548 }
14549 .message-bubble {
14550   -webkit-box-sizing: border-box;
14551   box-sizing: border-box;
14552   word-break: break-word;
14553   display: -webkit-box;
14554   display: -webkit-flex;
14555   display: -ms-flexbox;
14556   display: flex;
14557   -webkit-box-orient: vertical;
14558   -webkit-box-direction: normal;
14559   -webkit-flex-direction: column;
14560   -ms-flex-direction: column;
14561   flex-direction: column;
14562   position: relative;
14563   line-height: 1.2;
14564 }
14565 .message-image img {
14566   display: block;
14567   max-width: 100%;
14568   height: auto;
14569   width: auto;
14570 }
14571 .message-text-header,
14572 .message-text-footer {
14573   font-size: 12px;
14574   line-height: 1;
14575 }
14576 .message-text {
14577   text-align: left;
14578 }
14579 .message-sent {
14580   text-align: right;
14581   -webkit-box-orient: horizontal;
14582   -webkit-box-direction: normal;
14583   -webkit-flex-direction: row;
14584   -ms-flex-direction: row;
14585   flex-direction: row;
14586   -webkit-align-self: flex-start;
14587   -ms-flex-item-align: start;
14588   align-self: flex-start;
14589 }
14590 .message-received {
14591   -webkit-box-orient: horizontal;
14592   -webkit-box-direction: reverse;
14593   -webkit-flex-direction: row-reverse;
14594   -ms-flex-direction: row-reverse;
14595   flex-direction: row-reverse;
14596   -webkit-align-self: flex-end;
14597   -ms-flex-item-align: end;
14598   align-self: flex-end;
14599 }
14600 .message-received .message-content {
14601   -webkit-box-align: end;
14602   -webkit-align-items: flex-end;
14603   -ms-flex-align: end;
14604   align-items: flex-end;
14605 }
14606 .message-sent .message-content {
14607   -webkit-box-align: start;
14608   -webkit-align-items: flex-start;
14609   -ms-flex-align: start;
14610   align-items: flex-start;
14611 }
14612 .message:not(.message-last) .message-avatar {
14613   opacity: 0;
14614 }
14615 .message:not(.message-first) .message-name {
14616   display: none;
14617 }
14618 .message.message-same-name .message-name {
14619   display: none;
14620 }
14621 .message.message-same-header .message-header {
14622   display: none;
14623 }
14624 .message.message-same-footer .message-footer {
14625   display: none;
14626 }
14627 .message-appear-from-bottom {
14628   -webkit-animation: message-appear-from-bottom 300ms;
14629   animation: message-appear-from-bottom 300ms;
14630 }
14631 .message-appear-from-top {
14632   -webkit-animation: message-appear-from-top 300ms;
14633   animation: message-appear-from-top 300ms;
14634 }
14635 .message-typing-indicator {
14636   display: inline-block;
14637   font-size: 0;
14638   vertical-align: middle;
14639 }
14640 .message-typing-indicator > div {
14641   display: inline-block;
14642   position: relative;
14643   background: #000;
14644   vertical-align: middle;
14645   border-radius: 50%;
14646 }
14647 @-webkit-keyframes message-appear-from-bottom {
14648   from {
14649     -webkit-transform: translate3d(0, 100%, 0);
14650     transform: translate3d(0, 100%, 0);
14651   }
14652   to {
14653     -webkit-transform: translate3d(0, 0, 0);
14654     transform: translate3d(0, 0, 0);
14655   }
14656 }
14657 @keyframes message-appear-from-bottom {
14658   from {
14659     -webkit-transform: translate3d(0, 100%, 0);
14660     transform: translate3d(0, 100%, 0);
14661   }
14662   to {
14663     -webkit-transform: translate3d(0, 0, 0);
14664     transform: translate3d(0, 0, 0);
14665   }
14666 }
14667 @-webkit-keyframes message-appear-from-top {
14668   from {
14669     -webkit-transform: translate3d(0, -100%, 0);
14670     transform: translate3d(0, -100%, 0);
14671   }
14672   to {
14673     -webkit-transform: translate3d(0, 0, 0);
14674     transform: translate3d(0, 0, 0);
14675   }
14676 }
14677 @keyframes message-appear-from-top {
14678   from {
14679     -webkit-transform: translate3d(0, -100%, 0);
14680     transform: translate3d(0, -100%, 0);
14681   }
14682   to {
14683     -webkit-transform: translate3d(0, 0, 0);
14684     transform: translate3d(0, 0, 0);
14685   }
14686 }
14687 .ios .messages-content,
14688 .ios .messages {
14689   background: #fff;
14690 }
14691 .ios .messages-title {
14692   font-size: 11px;
14693   color: #8e8e93;
14694   margin-top: 10px;
14695 }
14696 .ios .messages-title:last-child {
14697   margin-bottom: 10px;
14698 }
14699 .ios .messages-title b {
14700   font-weight: 600;
14701 }
14702 .ios .message {
14703   margin-top: 10px;
14704 }
14705 .ios .message:last-child {
14706   margin-bottom: 10px;
14707 }
14708 .ios .message-avatar {
14709   width: 29px;
14710   height: 29px;
14711 }
14712 .ios .message-header,
14713 .ios .message-footer,
14714 .ios .message-name {
14715   color: #8e8e93;
14716 }
14717 .ios .message-header b,
14718 .ios .message-footer b,
14719 .ios .message-name b {
14720   font-weight: 600;
14721 }
14722 .ios .message-header,
14723 .ios .message-name {
14724   margin-bottom: 3px;
14725 }
14726 .ios .message-footer {
14727   margin-top: 3px;
14728 }
14729 .ios .message-bubble {
14730   font-size: 17px;
14731   line-height: 1.2;
14732   border-radius: 16px;
14733   padding: 6px 16px 9px;
14734   min-width: 48px;
14735   min-height: 35px;
14736 }
14737 .ios .message-image {
14738   margin: 6px -16px;
14739 }
14740 .ios .message-image:first-child {
14741   margin-top: -6px;
14742 }
14743 .ios .message-image:first-child img {
14744   border-top-left-radius: 16px;
14745   border-top-right-radius: 16px;
14746 }
14747 .ios .message-image:last-child {
14748   margin-bottom: -9px;
14749 }
14750 .ios .message-image:last-child img {
14751   border-bottom-left-radius: 16px;
14752   border-bottom-right-radius: 16px;
14753 }
14754 .ios .message-text-header {
14755   margin-bottom: 3px;
14756 }
14757 .ios .message-text-footer {
14758   margin-top: 3px;
14759 }
14760 .ios .message-received {
14761   margin-left: 10px;
14762 }
14763 .ios .message-received .message-header,
14764 .ios .message-received .message-footer,
14765 .ios .message-received .message-name {
14766   margin-left: 16px;
14767 }
14768 .ios .message-received .message-text-header,
14769 .ios .message-received .message-text-footer {
14770   opacity: 0.5;
14771 }
14772 .ios .message-received .message-bubble {
14773   color: #000;
14774   background: #e5e5ea;
14775   padding-left: 22px;
14776   -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 42% 46% 56%;
14777 }
14778 .ios .message-received .message-image {
14779   margin-left: -22px;
14780 }
14781 .ios .message-received.message-tail:not(.message-typing) .message-bubble {
14782   border-radius: 16px 16px 16px 0;
14783   -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%;
14784 }
14785 .ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img {
14786   border-bottom-left-radius: 0px;
14787 }
14788 .ios .message-sent {
14789   margin-right: 10px;
14790 }
14791 .ios .message-sent .message-header,
14792 .ios .message-sent .message-footer,
14793 .ios .message-sent .message-name {
14794   margin-right: 16px;
14795 }
14796 .ios .message-sent .message-text-header,
14797 .ios .message-sent .message-text-footer {
14798   opacity: 0.8;
14799 }
14800 .ios .message-sent .message-bubble {
14801   background: #00d449;
14802   color: #fff;
14803   padding-right: 22px;
14804   -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 56% 46% 42%;
14805 }
14806 .ios .message-sent .message-image {
14807   margin-right: -22px;
14808 }
14809 .ios .message-sent.message-tail .message-bubble {
14810   border-radius: 16px 16px 0 16px;
14811   -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%;
14812 }
14813 .ios .message-sent.message-tail .message-bubble .message-image:last-child img {
14814   border-bottom-right-radius: 0px;
14815 }
14816 .ios .message + .message:not(.message-first) {
14817   margin-top: 1px;
14818 }
14819 .ios .message-received.message-typing .message-content:after,
14820 .ios .message-received.message-typing .message-content:before {
14821   content: '';
14822   position: absolute;
14823   background: #e5e5ea;
14824   border-radius: 50%;
14825 }
14826 .ios .message-received.message-typing .message-content:after {
14827   width: 11px;
14828   height: 11px;
14829   left: 4px;
14830   bottom: 0px;
14831 }
14832 .ios .message-received.message-typing .message-content:before {
14833   width: 6px;
14834   height: 6px;
14835   left: -1px;
14836   bottom: -4px;
14837 }
14838 .ios .message-typing-indicator > div {
14839   width: 9px;
14840   height: 9px;
14841   opacity: 0.35;
14842 }
14843 .ios .message-typing-indicator > div + div {
14844   margin-right: 4px;
14845 }
14846 .ios .message-typing-indicator > div:nth-child(1) {
14847   -webkit-animation: ios-message-typing-indicator 900ms infinite;
14848   animation: ios-message-typing-indicator 900ms infinite;
14849 }
14850 .ios .message-typing-indicator > div:nth-child(2) {
14851   -webkit-animation: ios-message-typing-indicator 900ms 150ms infinite;
14852   animation: ios-message-typing-indicator 900ms 150ms infinite;
14853 }
14854 .ios .message-typing-indicator > div:nth-child(3) {
14855   -webkit-animation: ios-message-typing-indicator 900ms 300ms infinite;
14856   animation: ios-message-typing-indicator 900ms 300ms infinite;
14857 }
14858 .ios .theme-dark .messages-content,
14859 .messages-content.ios .theme-dark,
14860 .ios .theme-dark .messages,
14861 .messages.ios .theme-dark {
14862   background-color: transparent;
14863 }
14864 .ios .theme-dark .message-received.message-typing .message-content:after,
14865 .ios .theme-dark .message-received.message-typing .message-content:before {
14866   background: #333;
14867 }
14868 .ios .theme-dark .message-typing-indicator > div {
14869   background-color: #fff;
14870 }
14871 .ios .theme-dark .message-received .message-bubble {
14872   background-color: #333;
14873   color: #fff;
14874 }
14875 @media (orientation: landscape) {
14876   .ios.device-iphone-x .ios-left-edge .message-received,
14877   .ios.device-iphone-x .ios-edges .message-received,
14878   .ios.device-iphone-x .popup .message-received,
14879   .ios.device-iphone-x .sheet-modal .message-received,
14880   .ios.device-iphone-x .panel-left .message-received {
14881     margin-left: calc(10px + constant(safe-area-inset-left));
14882     margin-left: calc(10px + env(safe-area-inset-left));
14883   }
14884   .ios.device-iphone-x .ios-right-edge .message-sent,
14885   .ios.device-iphone-x .ios-edges .message-sent,
14886   .ios.device-iphone-x .popup .message-sent,
14887   .ios.device-iphone-x .sheet-modal .message-sent,
14888   .ios.device-iphone-x .panel-right .message-sent {
14889     margin-right: calc(10px + constant(safe-area-inset-right));
14890     margin-right: calc(10px + env(safe-area-inset-right));
14891   }
14892 }
14893 @-webkit-keyframes ios-message-typing-indicator {
14894   0% {
14895     opacity: 0.35;
14896   }
14897   25% {
14898     opacity: 0.2;
14899   }
14900   50% {
14901     opacity: 0.2;
14902   }
14903 }
14904 @keyframes ios-message-typing-indicator {
14905   0% {
14906     opacity: 0.35;
14907   }
14908   25% {
14909     opacity: 0.2;
14910   }
14911   50% {
14912     opacity: 0.2;
14913   }
14914 }
14915 /* === Messagebar === */
14916 .toolbar.messagebar {
14917   -webkit-transform: translate3d(0, 0, 0);
14918   transform: translate3d(0, 0, 0);
14919   background: #fff;
14920   height: auto;
14921 }
14922 .toolbar.messagebar .toolbar-inner {
14923   position: relative;
14924   -webkit-box-orient: horizontal;
14925   -webkit-box-direction: reverse;
14926   -webkit-flex-direction: row-reverse;
14927   -ms-flex-direction: row-reverse;
14928   flex-direction: row-reverse;
14929 }
14930 .toolbar.messagebar .messagebar-area {
14931   width: 100%;
14932   -webkit-flex-shrink: 1;
14933   -ms-flex-negative: 1;
14934   flex-shrink: 1;
14935   overflow: hidden;
14936   position: relative;
14937 }
14938 .toolbar.messagebar textarea {
14939   width: 100%;
14940   -webkit-flex-shrink: 1;
14941   -ms-flex-negative: 1;
14942   flex-shrink: 1;
14943 }
14944 .toolbar.messagebar a.link {
14945   -webkit-align-self: flex-end;
14946   -ms-flex-item-align: end;
14947   align-self: flex-end;
14948   -webkit-flex-shrink: 0;
14949   -ms-flex-negative: 0;
14950   flex-shrink: 0;
14951 }
14952 .messagebar-attachments {
14953   width: 100%;
14954   overflow: auto;
14955   -webkit-overflow-scrolling: touch;
14956   font-size: 0;
14957   white-space: nowrap;
14958   -webkit-box-sizing: border-box;
14959   box-sizing: border-box;
14960   position: relative;
14961 }
14962 .messagebar:not(.messagebar-attachments-visible) .messagebar-attachments {
14963   display: none;
14964 }
14965 .messagebar-attachment {
14966   background-size: cover;
14967   background-position: center;
14968   background-repeat: no-repeat;
14969   display: inline-block;
14970   vertical-align: middle;
14971   white-space: normal;
14972   height: 155px;
14973   position: relative;
14974 }
14975 @media (orientation: landscape) {
14976   .messagebar-attachment {
14977     height: 120px;
14978   }
14979 }
14980 .messagebar-attachment img {
14981   display: block;
14982   width: auto;
14983   height: 100%;
14984 }
14985 .messagebar-attachment + .messagebar-attachment {
14986   margin-right: 8px;
14987 }
14988 .messagebar-sheet {
14989   overflow: auto;
14990   -webkit-overflow-scrolling: touch;
14991   display: -webkit-box;
14992   display: -webkit-flex;
14993   display: -ms-flexbox;
14994   display: flex;
14995   -webkit-flex-wrap: wrap;
14996   -ms-flex-wrap: wrap;
14997   flex-wrap: wrap;
14998   -webkit-box-orient: vertical;
14999   -webkit-box-direction: normal;
15000   -webkit-flex-direction: column;
15001   -ms-flex-direction: column;
15002   flex-direction: column;
15003   -webkit-align-content: flex-start;
15004   -ms-flex-line-pack: start;
15005   align-content: flex-start;
15006   height: 252px;
15007 }
15008 @media (orientation: landscape) {
15009   .messagebar-sheet {
15010     height: 192px;
15011   }
15012 }
15013 .messagebar-sheet-image,
15014 .messagebar-sheet-item {
15015   -webkit-box-sizing: border-box;
15016   box-sizing: border-box;
15017   -webkit-flex-shrink: 0;
15018   -ms-flex-negative: 0;
15019   flex-shrink: 0;
15020   margin-top: 1px;
15021   position: relative;
15022   overflow: hidden;
15023   height: 125px;
15024   width: 125px;
15025   margin-right: 1px;
15026 }
15027 @media (orientation: landscape) {
15028   .messagebar-sheet-image,
15029   .messagebar-sheet-item {
15030     width: 95px;
15031     height: 95px;
15032   }
15033 }
15034 .messagebar-sheet-image .icon-checkbox,
15035 .messagebar-sheet-item .icon-checkbox,
15036 .messagebar-sheet-image .icon-radio,
15037 .messagebar-sheet-item .icon-radio {
15038   position: absolute;
15039   right: 8px;
15040   bottom: 8px;
15041 }
15042 .messagebar-sheet-image {
15043   background-size: cover;
15044   background-position: center;
15045   background-repeat: no-repeat;
15046 }
15047 .messagebar-attachment-delete {
15048   display: block;
15049   position: absolute;
15050   border-radius: 50%;
15051   -webkit-box-sizing: border-box;
15052   box-sizing: border-box;
15053   cursor: pointer;
15054   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
15055   box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
15056 }
15057 .messagebar-attachment-delete:after,
15058 .messagebar-attachment-delete:before {
15059   position: absolute;
15060   content: '';
15061   left: 50%;
15062   top: 50%;
15063 }
15064 .messagebar-attachment-delete:after {
15065   -webkit-transform: rotate(45deg);
15066   transform: rotate(45deg);
15067 }
15068 .messagebar-attachment-delete:before {
15069   -webkit-transform: rotate(-45deg);
15070   transform: rotate(-45deg);
15071 }
15072 .messagebar:not(.messagebar-sheet-visible) .messagebar-sheet {
15073   display: none;
15074 }
15075 .ios.device-iphone-x .messagebar:not(.messagebar-top),
15076 .md.device-iphone-x .messagebar:not(.messagebar-top) {
15077   height: auto !important;
15078 }
15079 .ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),
15080 .md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) {
15081   padding-bottom: constant(safe-area-inset-bottom);
15082   padding-bottom: env(safe-area-inset-bottom);
15083 }
15084 .ios.device-iphone-x .messagebar-sheet,
15085 .md.device-iphone-x .messagebar-sheet {
15086   padding-left: constant(safe-area-inset-left);
15087   padding-left: env(safe-area-inset-left);
15088   padding-right: constant(safe-area-inset-right);
15089   padding-right: env(safe-area-inset-right);
15090   padding-bottom: constant(safe-area-inset-bottom);
15091   padding-bottom: env(safe-area-inset-bottom);
15092 }
15093 .ios .messagebar {
15094   background: #fff;
15095   min-height: 44px;
15096 }
15097 .ios .messagebar:before {
15098   display: none !important;
15099 }
15100 .ios .messagebar textarea {
15101   background: #fff;
15102   border-radius: 17px;
15103   padding: 6px 15px;
15104   height: 34px;
15105   line-height: 20px;
15106   font-size: 17px;
15107   border: 1px solid #c8c8cd;
15108 }
15109 .ios .messagebar a.link.icon-only:first-child {
15110   margin-left: -8px;
15111 }
15112 .ios .messagebar a.link.icon-only:last-child {
15113   margin-right: -8px;
15114 }
15115 .ios .messagebar a.link:not(.icon-only) + .messagebar-area {
15116   margin-left: 8px;
15117 }
15118 .ios .messagebar .messagebar-area + a.link:not(.icon-only) {
15119   margin-left: 8px;
15120 }
15121 .ios .messagebar-area {
15122   margin-top: 5px;
15123   margin-bottom: 5px;
15124 }
15125 .ios .messagebar-attachments {
15126   padding: 5px;
15127   border-radius: 17px 17px 0 0;
15128   border: 1px solid #c8c8cd;
15129   border-bottom: none;
15130 }
15131 .ios .messagebar-attachments-visible .messagebar-attachments + textarea {
15132   border-radius: 0 0 17px 17px;
15133 }
15134 .ios .messagebar-attachment {
15135   border-radius: 12px;
15136   font-size: 14px;
15137 }
15138 .ios .messagebar-attachment img {
15139   border-radius: 12px;
15140 }
15141 .ios .messagebar-sheet {
15142   background: #d1d5da;
15143 }
15144 .ios .messagebar-attachment-delete {
15145   right: 5px;
15146   top: 5px;
15147   width: 20px;
15148   height: 20px;
15149   background: #7d7e80;
15150   border: 2px solid #fff;
15151   cursor: pointer;
15152 }
15153 .ios .messagebar-attachment-delete:after,
15154 .ios .messagebar-attachment-delete:before {
15155   width: 10px;
15156   height: 2px;
15157   background: #fff;
15158   margin-left: -5px;
15159   margin-top: -1px;
15160 }
15161 .ios .theme-dark .messagebar textarea,
15162 .messagebar.ios .theme-dark textarea {
15163   background-color: #000;
15164   border-color: #282829;
15165   color: #fff;
15166 }
15167 .ios .theme-dark .messagebar-attachments {
15168   border-color: #282829;
15169   background-color: #000;
15170 }
15171 /* === Swiper === */
15172 .swiper-container {
15173   margin: 0 auto;
15174   position: relative;
15175   overflow: hidden;
15176   list-style: none;
15177   padding: 0;
15178   /* Fix of Webkit flickering */
15179   z-index: 1;
15180 }
15181 .swiper-container-no-flexbox .swiper-slide {
15182   float: left;
15183 }
15184 .swiper-container-vertical > .swiper-wrapper {
15185   -webkit-box-orient: vertical;
15186   -webkit-box-direction: normal;
15187   -webkit-flex-direction: column;
15188   -ms-flex-direction: column;
15189   flex-direction: column;
15190 }
15191 .swiper-wrapper {
15192   position: relative;
15193   width: 100%;
15194   height: 100%;
15195   z-index: 1;
15196   display: -webkit-box;
15197   display: -webkit-flex;
15198   display: -ms-flexbox;
15199   display: flex;
15200   -webkit-transition-property: -webkit-transform;
15201   transition-property: -webkit-transform;
15202   transition-property: transform;
15203   transition-property: transform, -webkit-transform;
15204   -webkit-box-sizing: content-box;
15205   box-sizing: content-box;
15206 }
15207 .swiper-container-android .swiper-slide,
15208 .swiper-wrapper {
15209   -webkit-transform: translate3d(0px, 0, 0);
15210   transform: translate3d(0px, 0, 0);
15211 }
15212 .swiper-container-multirow > .swiper-wrapper {
15213   -webkit-flex-wrap: wrap;
15214   -ms-flex-wrap: wrap;
15215   flex-wrap: wrap;
15216 }
15217 .swiper-container-free-mode > .swiper-wrapper {
15218   -webkit-transition-timing-function: ease-out;
15219   transition-timing-function: ease-out;
15220   margin: 0 auto;
15221 }
15222 .swiper-slide {
15223   -webkit-flex-shrink: 0;
15224   -ms-flex-negative: 0;
15225   flex-shrink: 0;
15226   width: 100%;
15227   height: 100%;
15228   position: relative;
15229   -webkit-transition-property: -webkit-transform;
15230   transition-property: -webkit-transform;
15231   transition-property: transform;
15232   transition-property: transform, -webkit-transform;
15233 }
15234 .swiper-slide-invisible-blank {
15235   visibility: hidden;
15236 }
15237 /* Auto Height */
15238 .swiper-container-autoheight,
15239 .swiper-container-autoheight .swiper-slide {
15240   height: auto;
15241 }
15242 .swiper-container-autoheight .swiper-wrapper {
15243   -webkit-box-align: start;
15244   -webkit-align-items: flex-start;
15245   -ms-flex-align: start;
15246   align-items: flex-start;
15247   -webkit-transition-property: height, -webkit-transform;
15248   transition-property: height, -webkit-transform;
15249   transition-property: transform, height;
15250   transition-property: transform, height, -webkit-transform;
15251 }
15252 /* 3D Effects */
15253 .swiper-container-3d {
15254   -webkit-perspective: 1200px;
15255   perspective: 1200px;
15256 }
15257 .swiper-container-3d .swiper-wrapper,
15258 .swiper-container-3d .swiper-slide,
15259 .swiper-container-3d .swiper-slide-shadow-left,
15260 .swiper-container-3d .swiper-slide-shadow-right,
15261 .swiper-container-3d .swiper-slide-shadow-top,
15262 .swiper-container-3d .swiper-slide-shadow-bottom,
15263 .swiper-container-3d .swiper-cube-shadow {
15264   -webkit-transform-style: preserve-3d;
15265   transform-style: preserve-3d;
15266 }
15267 .swiper-container-3d .swiper-slide-shadow-left,
15268 .swiper-container-3d .swiper-slide-shadow-right,
15269 .swiper-container-3d .swiper-slide-shadow-top,
15270 .swiper-container-3d .swiper-slide-shadow-bottom {
15271   position: absolute;
15272   left: 0;
15273   top: 0;
15274   width: 100%;
15275   height: 100%;
15276   pointer-events: none;
15277   z-index: 10;
15278 }
15279 .swiper-container-3d .swiper-slide-shadow-left {
15280   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
15281   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15282   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15283 }
15284 .swiper-container-3d .swiper-slide-shadow-right {
15285   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
15286   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15287   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15288 }
15289 .swiper-container-3d .swiper-slide-shadow-top {
15290   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
15291   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15292   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15293 }
15294 .swiper-container-3d .swiper-slide-shadow-bottom {
15295   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
15296   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15297   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
15298 }
15299 /* IE10 Windows Phone 8 Fixes */
15300 .swiper-container-wp8-horizontal,
15301 .swiper-container-wp8-horizontal > .swiper-wrapper {
15302   -ms-touch-action: pan-y;
15303   touch-action: pan-y;
15304 }
15305 .swiper-container-wp8-vertical,
15306 .swiper-container-wp8-vertical > .swiper-wrapper {
15307   -ms-touch-action: pan-x;
15308   touch-action: pan-x;
15309 }
15310 /* a11y */
15311 .swiper-container .swiper-notification {
15312   position: absolute;
15313   left: 0;
15314   top: 0;
15315   pointer-events: none;
15316   opacity: 0;
15317   z-index: -1000;
15318 }
15319 .swiper-container-coverflow .swiper-wrapper {
15320   /* Windows 8 IE 10 fix */
15321   -ms-perspective: 1200px;
15322 }
15323 .swiper-container-cube {
15324   overflow: visible;
15325 }
15326 .swiper-container-cube .swiper-slide {
15327   pointer-events: none;
15328   -webkit-backface-visibility: hidden;
15329   backface-visibility: hidden;
15330   z-index: 1;
15331   visibility: hidden;
15332   -webkit-transform-origin: 0 0;
15333   transform-origin: 0 0;
15334   width: 100%;
15335   height: 100%;
15336 }
15337 .swiper-container-cube .swiper-slide .swiper-slide {
15338   pointer-events: none;
15339 }
15340 .swiper-container-cube.swiper-container-rtl .swiper-slide {
15341   -webkit-transform-origin: 100% 0;
15342   transform-origin: 100% 0;
15343 }
15344 .swiper-container-cube .swiper-slide-active,
15345 .swiper-container-cube .swiper-slide-active .swiper-slide-active {
15346   pointer-events: auto;
15347 }
15348 .swiper-container-cube .swiper-slide-active,
15349 .swiper-container-cube .swiper-slide-next,
15350 .swiper-container-cube .swiper-slide-prev,
15351 .swiper-container-cube .swiper-slide-next + .swiper-slide {
15352   pointer-events: auto;
15353   visibility: visible;
15354 }
15355 .swiper-container-cube .swiper-slide-shadow-top,
15356 .swiper-container-cube .swiper-slide-shadow-bottom,
15357 .swiper-container-cube .swiper-slide-shadow-left,
15358 .swiper-container-cube .swiper-slide-shadow-right {
15359   z-index: 0;
15360   -webkit-backface-visibility: hidden;
15361   backface-visibility: hidden;
15362 }
15363 .swiper-container-cube .swiper-cube-shadow {
15364   position: absolute;
15365   left: 0;
15366   bottom: 0px;
15367   width: 100%;
15368   height: 100%;
15369   background: #000;
15370   opacity: 0.6;
15371   -webkit-filter: blur(50px);
15372   filter: blur(50px);
15373   z-index: 0;
15374 }
15375 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
15376   -webkit-transition-timing-function: ease-out;
15377   transition-timing-function: ease-out;
15378 }
15379 .swiper-container-fade .swiper-slide {
15380   pointer-events: none;
15381   -webkit-transition-property: opacity;
15382   transition-property: opacity;
15383 }
15384 .swiper-container-fade .swiper-slide .swiper-slide {
15385   pointer-events: none;
15386 }
15387 .swiper-container-fade .swiper-slide-active,
15388 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
15389   pointer-events: auto;
15390 }
15391 .swiper-container-flip {
15392   overflow: visible;
15393 }
15394 .swiper-container-flip .swiper-slide {
15395   pointer-events: none;
15396   -webkit-backface-visibility: hidden;
15397   backface-visibility: hidden;
15398   z-index: 1;
15399 }
15400 .swiper-container-flip .swiper-slide .swiper-slide {
15401   pointer-events: none;
15402 }
15403 .swiper-container-flip .swiper-slide-active,
15404 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
15405   pointer-events: auto;
15406 }
15407 .swiper-container-flip .swiper-slide-shadow-top,
15408 .swiper-container-flip .swiper-slide-shadow-bottom,
15409 .swiper-container-flip .swiper-slide-shadow-left,
15410 .swiper-container-flip .swiper-slide-shadow-right {
15411   z-index: 0;
15412   -webkit-backface-visibility: hidden;
15413   backface-visibility: hidden;
15414 }
15415 /* Scrollbar */
15416 .swiper-scrollbar {
15417   border-radius: 10px;
15418   position: relative;
15419   -ms-touch-action: none;
15420   background: rgba(0, 0, 0, 0.1);
15421 }
15422 .swiper-container-horizontal > .swiper-scrollbar {
15423   position: absolute;
15424   left: 1%;
15425   bottom: 3px;
15426   z-index: 50;
15427   height: 5px;
15428   width: 98%;
15429 }
15430 .swiper-container-vertical > .swiper-scrollbar {
15431   position: absolute;
15432   right: 3px;
15433   top: 1%;
15434   z-index: 50;
15435   width: 5px;
15436   height: 98%;
15437 }
15438 .swiper-scrollbar-drag {
15439   height: 100%;
15440   width: 100%;
15441   position: relative;
15442   background: rgba(0, 0, 0, 0.5);
15443   border-radius: 10px;
15444   left: 0;
15445   top: 0;
15446 }
15447 .swiper-scrollbar-cursor-drag {
15448   cursor: move;
15449 }
15450 .swiper-scrollbar-lock {
15451   display: none;
15452 }
15453 .swiper-zoom-container {
15454   width: 100%;
15455   height: 100%;
15456   display: -webkit-box;
15457   display: -webkit-flex;
15458   display: -ms-flexbox;
15459   display: flex;
15460   -webkit-box-pack: center;
15461   -webkit-justify-content: center;
15462   -ms-flex-pack: center;
15463   justify-content: center;
15464   -webkit-box-align: center;
15465   -webkit-align-items: center;
15466   -ms-flex-align: center;
15467   align-items: center;
15468   text-align: center;
15469 }
15470 .swiper-zoom-container > img,
15471 .swiper-zoom-container > svg,
15472 .swiper-zoom-container > canvas {
15473   max-width: 100%;
15474   max-height: 100%;
15475   -o-object-fit: contain;
15476   object-fit: contain;
15477 }
15478 .swiper-slide-zoomed {
15479   cursor: move;
15480 }
15481 .swiper-button-prev,
15482 .swiper-button-next {
15483   position: absolute;
15484   top: 50%;
15485   width: 27px;
15486   height: 44px;
15487   margin-top: -22px;
15488   z-index: 10;
15489   cursor: pointer;
15490   background-size: 27px 44px;
15491   background-position: center;
15492   background-repeat: no-repeat;
15493 }
15494 .swiper-button-prev.swiper-button-disabled,
15495 .swiper-button-next.swiper-button-disabled {
15496   opacity: 0.35;
15497   cursor: auto;
15498   pointer-events: none;
15499 }
15500 .swiper-button-prev,
15501 .swiper-container-rtl .swiper-button-next {
15502   left: 10px;
15503   right: auto;
15504 }
15505 .swiper-button-next,
15506 .swiper-container-rtl .swiper-button-prev {
15507   right: 10px;
15508   left: auto;
15509 }
15510 .swiper-pagination {
15511   position: absolute;
15512   text-align: center;
15513   -webkit-transition: 300ms opacity;
15514   transition: 300ms opacity;
15515   -webkit-transform: translate3d(0, 0, 0);
15516   transform: translate3d(0, 0, 0);
15517   z-index: 10;
15518 }
15519 .swiper-pagination.swiper-pagination-hidden {
15520   opacity: 0;
15521 }
15522 .swiper-pagination-fraction,
15523 .swiper-pagination-custom,
15524 .swiper-container-horizontal > .swiper-pagination-bullets {
15525   bottom: 10px;
15526   left: 0;
15527   width: 100%;
15528 }
15529 .swiper-pagination-bullets-dynamic {
15530   overflow: hidden;
15531   font-size: 0;
15532 }
15533 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
15534   -webkit-transform: scale(0.33);
15535   transform: scale(0.33);
15536   position: relative;
15537 }
15538 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
15539   -webkit-transform: scale(1);
15540   transform: scale(1);
15541 }
15542 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
15543   -webkit-transform: scale(0.66);
15544   transform: scale(0.66);
15545 }
15546 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
15547   -webkit-transform: scale(0.33);
15548   transform: scale(0.33);
15549 }
15550 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
15551   -webkit-transform: scale(0.66);
15552   transform: scale(0.66);
15553 }
15554 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
15555   -webkit-transform: scale(0.33);
15556   transform: scale(0.33);
15557 }
15558 .swiper-pagination-bullet {
15559   width: 8px;
15560   height: 8px;
15561   display: inline-block;
15562   border-radius: 100%;
15563   background: #000;
15564   opacity: 0.2;
15565 }
15566 button.swiper-pagination-bullet {
15567   border: none;
15568   margin: 0;
15569   padding: 0;
15570   -webkit-box-shadow: none;
15571   box-shadow: none;
15572   -webkit-appearance: none;
15573   -moz-appearance: none;
15574   appearance: none;
15575 }
15576 .swiper-pagination-clickable .swiper-pagination-bullet {
15577   cursor: pointer;
15578 }
15579 .swiper-pagination-bullet-active {
15580   opacity: 1;
15581 }
15582 .swiper-container-vertical > .swiper-pagination-bullets {
15583   right: 10px;
15584   top: 50%;
15585   -webkit-transform: translate3d(0px, -50%, 0);
15586   transform: translate3d(0px, -50%, 0);
15587 }
15588 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
15589   margin: 6px 0;
15590   display: block;
15591 }
15592 .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
15593   top: 50%;
15594   -webkit-transform: translateY(-50%);
15595   transform: translateY(-50%);
15596   width: 8px;
15597 }
15598 .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
15599   display: inline-block;
15600   -webkit-transition: 200ms top, 200ms -webkit-transform;
15601   transition: 200ms top, 200ms -webkit-transform;
15602   transition: 200ms transform, 200ms top;
15603   transition: 200ms transform, 200ms top, 200ms -webkit-transform;
15604 }
15605 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
15606   margin: 0 4px;
15607 }
15608 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
15609   left: 50%;
15610   -webkit-transform: translateX(-50%);
15611   transform: translateX(-50%);
15612   white-space: nowrap;
15613 }
15614 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
15615   -webkit-transition: 200ms left, 200ms -webkit-transform;
15616   transition: 200ms left, 200ms -webkit-transform;
15617   transition: 200ms transform, 200ms left;
15618   transition: 200ms transform, 200ms left, 200ms -webkit-transform;
15619 }
15620 .swiper-pagination-progressbar {
15621   background: rgba(0, 0, 0, 0.25);
15622   position: absolute;
15623 }
15624 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15625   position: absolute;
15626   left: 0;
15627   top: 0;
15628   width: 100%;
15629   height: 100%;
15630   -webkit-transform: scale(0);
15631   transform: scale(0);
15632   -webkit-transform-origin: left top;
15633   transform-origin: left top;
15634 }
15635 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15636   -webkit-transform-origin: right top;
15637   transform-origin: right top;
15638 }
15639 .swiper-container-horizontal > .swiper-pagination-progressbar,
15640 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
15641   width: 100%;
15642   height: 4px;
15643   left: 0;
15644   top: 0;
15645 }
15646 .swiper-container-vertical > .swiper-pagination-progressbar,
15647 .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
15648   width: 4px;
15649   height: 100%;
15650   left: 0;
15651   top: 0;
15652 }
15653 .swiper-lazy-preloader {
15654   position: absolute;
15655   left: 50%;
15656   top: 50%;
15657   z-index: 10;
15658 }
15659 .ios .swiper-lazy-preloader {
15660   width: 32px;
15661   height: 32px;
15662   margin-left: -16px;
15663   margin-top: -16px;
15664 }
15665 .ios .swiper-button-prev,
15666 .ios .swiper-container-rtl .swiper-button-next {
15667   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
15668 }
15669 .ios .swiper-button-next,
15670 .ios .swiper-container-rtl .swiper-button-prev {
15671   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
15672 }
15673 .ios .swiper-pagination-bullet-active {
15674   background: #007aff;
15675 }
15676 .ios .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15677   background: #007aff;
15678 }
15679 .ios .swiper-button-prev.color-red,
15680 .ios .swiper-container-rtl .swiper-button-next.color-red,
15681 .ios .color-theme-red .swiper-button-prev,
15682 .ios .color-theme-red .swiper-container-rtl .swiper-button-next {
15683   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
15684 }
15685 .ios .swiper-button-next.color-red,
15686 .ios .swiper-container-rtl .swiper-button-prev.color-red,
15687 .ios .color-theme-red .swiper-button-next,
15688 .ios .color-theme-red .swiper-container-rtl .swiper-button-prev {
15689   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
15690 }
15691 .ios .color-red .swiper-pagination-bullet-active,
15692 .ios .color-theme-red .swiper-pagination-bullet-active {
15693   background: #ff3b30;
15694 }
15695 .ios .color-red .swiper-pagination-progressbar,
15696 .ios .color-theme-red .swiper-pagination-progressbar,
15697 .ios .color-red.swiper-pagination-progressbar,
15698 .ios .color-theme-red.swiper-pagination-progressbar {
15699   background: rgba(255, 59, 48, 0.25);
15700 }
15701 .ios .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15702 .ios .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15703 .ios .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15704 .ios .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15705   background: #ff3b30;
15706 }
15707 .ios .swiper-button-prev.color-green,
15708 .ios .swiper-container-rtl .swiper-button-next.color-green,
15709 .ios .color-theme-green .swiper-button-prev,
15710 .ios .color-theme-green .swiper-container-rtl .swiper-button-next {
15711   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
15712 }
15713 .ios .swiper-button-next.color-green,
15714 .ios .swiper-container-rtl .swiper-button-prev.color-green,
15715 .ios .color-theme-green .swiper-button-next,
15716 .ios .color-theme-green .swiper-container-rtl .swiper-button-prev {
15717   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
15718 }
15719 .ios .color-green .swiper-pagination-bullet-active,
15720 .ios .color-theme-green .swiper-pagination-bullet-active {
15721   background: #4cd964;
15722 }
15723 .ios .color-green .swiper-pagination-progressbar,
15724 .ios .color-theme-green .swiper-pagination-progressbar,
15725 .ios .color-green.swiper-pagination-progressbar,
15726 .ios .color-theme-green.swiper-pagination-progressbar {
15727   background: rgba(76, 217, 100, 0.25);
15728 }
15729 .ios .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15730 .ios .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15731 .ios .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15732 .ios .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15733   background: #4cd964;
15734 }
15735 .ios .swiper-button-prev.color-blue,
15736 .ios .swiper-container-rtl .swiper-button-next.color-blue,
15737 .ios .color-theme-blue .swiper-button-prev,
15738 .ios .color-theme-blue .swiper-container-rtl .swiper-button-next {
15739   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
15740 }
15741 .ios .swiper-button-next.color-blue,
15742 .ios .swiper-container-rtl .swiper-button-prev.color-blue,
15743 .ios .color-theme-blue .swiper-button-next,
15744 .ios .color-theme-blue .swiper-container-rtl .swiper-button-prev {
15745   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
15746 }
15747 .ios .color-blue .swiper-pagination-bullet-active,
15748 .ios .color-theme-blue .swiper-pagination-bullet-active {
15749   background: #007aff;
15750 }
15751 .ios .color-blue .swiper-pagination-progressbar,
15752 .ios .color-theme-blue .swiper-pagination-progressbar,
15753 .ios .color-blue.swiper-pagination-progressbar,
15754 .ios .color-theme-blue.swiper-pagination-progressbar {
15755   background: rgba(0, 122, 255, 0.25);
15756 }
15757 .ios .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15758 .ios .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15759 .ios .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15760 .ios .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15761   background: #007aff;
15762 }
15763 .ios .swiper-button-prev.color-pink,
15764 .ios .swiper-container-rtl .swiper-button-next.color-pink,
15765 .ios .color-theme-pink .swiper-button-prev,
15766 .ios .color-theme-pink .swiper-container-rtl .swiper-button-next {
15767   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
15768 }
15769 .ios .swiper-button-next.color-pink,
15770 .ios .swiper-container-rtl .swiper-button-prev.color-pink,
15771 .ios .color-theme-pink .swiper-button-next,
15772 .ios .color-theme-pink .swiper-container-rtl .swiper-button-prev {
15773   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
15774 }
15775 .ios .color-pink .swiper-pagination-bullet-active,
15776 .ios .color-theme-pink .swiper-pagination-bullet-active {
15777   background: #ff2d55;
15778 }
15779 .ios .color-pink .swiper-pagination-progressbar,
15780 .ios .color-theme-pink .swiper-pagination-progressbar,
15781 .ios .color-pink.swiper-pagination-progressbar,
15782 .ios .color-theme-pink.swiper-pagination-progressbar {
15783   background: rgba(255, 45, 85, 0.25);
15784 }
15785 .ios .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15786 .ios .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15787 .ios .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15788 .ios .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15789   background: #ff2d55;
15790 }
15791 .ios .swiper-button-prev.color-yellow,
15792 .ios .swiper-container-rtl .swiper-button-next.color-yellow,
15793 .ios .color-theme-yellow .swiper-button-prev,
15794 .ios .color-theme-yellow .swiper-container-rtl .swiper-button-next {
15795   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
15796 }
15797 .ios .swiper-button-next.color-yellow,
15798 .ios .swiper-container-rtl .swiper-button-prev.color-yellow,
15799 .ios .color-theme-yellow .swiper-button-next,
15800 .ios .color-theme-yellow .swiper-container-rtl .swiper-button-prev {
15801   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
15802 }
15803 .ios .color-yellow .swiper-pagination-bullet-active,
15804 .ios .color-theme-yellow .swiper-pagination-bullet-active {
15805   background: #ffcc00;
15806 }
15807 .ios .color-yellow .swiper-pagination-progressbar,
15808 .ios .color-theme-yellow .swiper-pagination-progressbar,
15809 .ios .color-yellow.swiper-pagination-progressbar,
15810 .ios .color-theme-yellow.swiper-pagination-progressbar {
15811   background: rgba(255, 204, 0, 0.25);
15812 }
15813 .ios .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15814 .ios .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15815 .ios .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15816 .ios .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15817   background: #ffcc00;
15818 }
15819 .ios .swiper-button-prev.color-orange,
15820 .ios .swiper-container-rtl .swiper-button-next.color-orange,
15821 .ios .color-theme-orange .swiper-button-prev,
15822 .ios .color-theme-orange .swiper-container-rtl .swiper-button-next {
15823   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
15824 }
15825 .ios .swiper-button-next.color-orange,
15826 .ios .swiper-container-rtl .swiper-button-prev.color-orange,
15827 .ios .color-theme-orange .swiper-button-next,
15828 .ios .color-theme-orange .swiper-container-rtl .swiper-button-prev {
15829   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
15830 }
15831 .ios .color-orange .swiper-pagination-bullet-active,
15832 .ios .color-theme-orange .swiper-pagination-bullet-active {
15833   background: #ff9500;
15834 }
15835 .ios .color-orange .swiper-pagination-progressbar,
15836 .ios .color-theme-orange .swiper-pagination-progressbar,
15837 .ios .color-orange.swiper-pagination-progressbar,
15838 .ios .color-theme-orange.swiper-pagination-progressbar {
15839   background: rgba(255, 149, 0, 0.25);
15840 }
15841 .ios .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15842 .ios .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15843 .ios .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15844 .ios .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15845   background: #ff9500;
15846 }
15847 .ios .swiper-button-prev.color-gray,
15848 .ios .swiper-container-rtl .swiper-button-next.color-gray,
15849 .ios .color-theme-gray .swiper-button-prev,
15850 .ios .color-theme-gray .swiper-container-rtl .swiper-button-next {
15851   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
15852 }
15853 .ios .swiper-button-next.color-gray,
15854 .ios .swiper-container-rtl .swiper-button-prev.color-gray,
15855 .ios .color-theme-gray .swiper-button-next,
15856 .ios .color-theme-gray .swiper-container-rtl .swiper-button-prev {
15857   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
15858 }
15859 .ios .color-gray .swiper-pagination-bullet-active,
15860 .ios .color-theme-gray .swiper-pagination-bullet-active {
15861   background: #8e8e93;
15862 }
15863 .ios .color-gray .swiper-pagination-progressbar,
15864 .ios .color-theme-gray .swiper-pagination-progressbar,
15865 .ios .color-gray.swiper-pagination-progressbar,
15866 .ios .color-theme-gray.swiper-pagination-progressbar {
15867   background: rgba(142, 142, 147, 0.25);
15868 }
15869 .ios .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15870 .ios .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15871 .ios .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15872 .ios .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15873   background: #8e8e93;
15874 }
15875 .ios .swiper-button-prev.color-white,
15876 .ios .swiper-container-rtl .swiper-button-next.color-white,
15877 .ios .color-theme-white .swiper-button-prev,
15878 .ios .color-theme-white .swiper-container-rtl .swiper-button-next {
15879   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
15880 }
15881 .ios .swiper-button-next.color-white,
15882 .ios .swiper-container-rtl .swiper-button-prev.color-white,
15883 .ios .color-theme-white .swiper-button-next,
15884 .ios .color-theme-white .swiper-container-rtl .swiper-button-prev {
15885   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
15886 }
15887 .ios .color-white .swiper-pagination-bullet-active,
15888 .ios .color-theme-white .swiper-pagination-bullet-active {
15889   background: #ffffff;
15890 }
15891 .ios .color-white .swiper-pagination-progressbar,
15892 .ios .color-theme-white .swiper-pagination-progressbar,
15893 .ios .color-white.swiper-pagination-progressbar,
15894 .ios .color-theme-white.swiper-pagination-progressbar {
15895   background: rgba(255, 255, 255, 0.25);
15896 }
15897 .ios .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15898 .ios .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15899 .ios .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15900 .ios .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15901   background: #ffffff;
15902 }
15903 .ios .swiper-button-prev.color-black,
15904 .ios .swiper-container-rtl .swiper-button-next.color-black,
15905 .ios .color-theme-black .swiper-button-prev,
15906 .ios .color-theme-black .swiper-container-rtl .swiper-button-next {
15907   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
15908 }
15909 .ios .swiper-button-next.color-black,
15910 .ios .swiper-container-rtl .swiper-button-prev.color-black,
15911 .ios .color-theme-black .swiper-button-next,
15912 .ios .color-theme-black .swiper-container-rtl .swiper-button-prev {
15913   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
15914 }
15915 .ios .color-black .swiper-pagination-bullet-active,
15916 .ios .color-theme-black .swiper-pagination-bullet-active {
15917   background: #000000;
15918 }
15919 .ios .color-black .swiper-pagination-progressbar,
15920 .ios .color-theme-black .swiper-pagination-progressbar,
15921 .ios .color-black.swiper-pagination-progressbar,
15922 .ios .color-theme-black.swiper-pagination-progressbar {
15923   background: rgba(0, 0, 0, 0.25);
15924 }
15925 .ios .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15926 .ios .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15927 .ios .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
15928 .ios .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
15929   background: #000000;
15930 }
15931 /* === Photo Browser === */
15932 .photo-browser {
15933   position: absolute;
15934   left: 0;
15935   top: 0;
15936   width: 100%;
15937   height: 100%;
15938   z-index: 400;
15939 }
15940 .photo-browser-standalone.modal-in {
15941   -webkit-transition-duration: 0ms;
15942   transition-duration: 0ms;
15943   -webkit-animation: photo-browser-in 400ms;
15944   animation: photo-browser-in 400ms;
15945 }
15946 .photo-browser-standalone.modal-out {
15947   -webkit-transition-duration: 0ms;
15948   transition-duration: 0ms;
15949   -webkit-animation: photo-browser-out 400ms;
15950   animation: photo-browser-out 400ms;
15951 }
15952 .photo-browser-standalone.modal-out.swipe-close-to-bottom,
15953 .photo-browser-standalone.modal-out.swipe-close-to-top {
15954   -webkit-animation: none;
15955   animation: none;
15956 }
15957 .photo-browser-popup.modal-out.swipe-close-to-bottom,
15958 .photo-browser-popup.modal-out.swipe-close-to-top {
15959   -webkit-transition-duration: 300ms;
15960   transition-duration: 300ms;
15961 }
15962 .photo-browser-popup.modal-out.swipe-close-to-bottom {
15963   -webkit-transform: translate3d(0, 100%, 0);
15964   transform: translate3d(0, 100%, 0);
15965 }
15966 .photo-browser-popup.modal-out.swipe-close-to-top {
15967   -webkit-transform: translate3d(0, -100vh, 0);
15968   transform: translate3d(0, -100vh, 0);
15969 }
15970 .page.photo-browser-page {
15971   background: none;
15972 }
15973 .photo-browser-popup {
15974   background: none;
15975 }
15976 .photo-browser-exposed .navbar,
15977 .photo-browser-exposed .toolbar {
15978   opacity: 0;
15979   visibility: hidden;
15980   pointer-events: none;
15981 }
15982 .photo-browser-exposed .photo-browser-swiper-container {
15983   background: #000;
15984 }
15985 .photo-browser-of {
15986   margin: 0 5px;
15987 }
15988 .photo-browser-captions {
15989   pointer-events: none;
15990   position: absolute;
15991   left: 0;
15992   width: 100%;
15993   bottom: 0;
15994   z-index: 10;
15995   opacity: 1;
15996   -webkit-transition: 400ms;
15997   transition: 400ms;
15998 }
15999 .photo-browser-captions.photo-browser-captions-exposed {
16000   opacity: 0;
16001 }
16002 .photo-browser-caption {
16003   -webkit-box-sizing: border-box;
16004   box-sizing: border-box;
16005   -webkit-transition: 300ms;
16006   transition: 300ms;
16007   position: absolute;
16008   bottom: 0;
16009   left: 0;
16010   opacity: 0;
16011   padding: 4px 5px;
16012   width: 100%;
16013   text-align: center;
16014   color: #fff;
16015   background: rgba(0, 0, 0, 0.8);
16016 }
16017 .photo-browser-caption:empty {
16018   display: none;
16019 }
16020 .photo-browser-caption.photo-browser-caption-active {
16021   opacity: 1;
16022 }
16023 .photo-browser-captions-light .photo-browser-caption {
16024   background: rgba(255, 255, 255, 0.8);
16025   color: #000;
16026 }
16027 .photo-browser-captions-dark .photo-browser-caption {
16028   color: #fff;
16029 }
16030 .photo-browser-exposed .photo-browser-caption {
16031   color: #fff;
16032   background: rgba(0, 0, 0, 0.8);
16033 }
16034 .photo-browser-swiper-container {
16035   position: absolute;
16036   left: 0;
16037   top: 0;
16038   width: 100%;
16039   height: 100%;
16040   overflow: hidden;
16041   background: #fff;
16042   -webkit-transition: 400ms;
16043   transition: 400ms;
16044   -webkit-transition-property: background-color;
16045   transition-property: background-color;
16046 }
16047 .photo-browser-prev.swiper-button-disabled,
16048 .photo-browser-next.swiper-button-disabled {
16049   opacity: 0.3;
16050 }
16051 .photo-browser-slide {
16052   width: 100%;
16053   height: 100%;
16054   position: relative;
16055   overflow: hidden;
16056   display: -webkit-box;
16057   display: -webkit-flex;
16058   display: -ms-flexbox;
16059   display: flex;
16060   -webkit-box-pack: center;
16061   -webkit-justify-content: center;
16062   -ms-flex-pack: center;
16063   justify-content: center;
16064   -webkit-box-align: center;
16065   -webkit-align-items: center;
16066   -ms-flex-align: center;
16067   align-items: center;
16068   -webkit-flex-shrink: 0;
16069   -ms-flex-negative: 0;
16070   flex-shrink: 0;
16071   -webkit-box-sizing: border-box;
16072   box-sizing: border-box;
16073 }
16074 .photo-browser-slide.photo-browser-transitioning {
16075   -webkit-transition: 400ms;
16076   transition: 400ms;
16077   -webkit-transition-property: -webkit-transform;
16078   transition-property: -webkit-transform;
16079   transition-property: transform;
16080   transition-property: transform, -webkit-transform;
16081 }
16082 .photo-browser-slide span.swiper-zoom-container {
16083   display: none;
16084 }
16085 .photo-browser-slide img {
16086   width: auto;
16087   height: auto;
16088   max-width: 100%;
16089   max-height: 100%;
16090   display: none;
16091 }
16092 .photo-browser-slide.swiper-slide-active span.swiper-zoom-container,
16093 .photo-browser-slide.swiper-slide-next span.swiper-zoom-container,
16094 .photo-browser-slide.swiper-slide-prev span.swiper-zoom-container {
16095   display: -webkit-box;
16096   display: -webkit-flex;
16097   display: -ms-flexbox;
16098   display: flex;
16099 }
16100 .photo-browser-slide.swiper-slide-active img,
16101 .photo-browser-slide.swiper-slide-next img,
16102 .photo-browser-slide.swiper-slide-prev img {
16103   display: inline;
16104 }
16105 .photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
16106 .photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
16107 .photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
16108   display: block;
16109 }
16110 .photo-browser-slide iframe {
16111   width: 100%;
16112   height: 100%;
16113 }
16114 .photo-browser-slide .preloader {
16115   display: none;
16116   position: absolute;
16117   width: 42px;
16118   height: 42px;
16119   margin-left: -21px;
16120   margin-top: -21px;
16121   left: 50%;
16122   top: 50%;
16123 }
16124 .photo-browser-dark .photo-browser-swiper-container,
16125 .photo-browser-page-dark .photo-browser-swiper-container {
16126   background: #000;
16127 }
16128 @-webkit-keyframes photo-browser-in {
16129   0% {
16130     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
16131     transform: translate3d(0, 0, 0) scale(0.5);
16132     opacity: 0;
16133   }
16134   50% {
16135     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
16136     transform: translate3d(0, 0, 0) scale(1.05);
16137     opacity: 1;
16138   }
16139   100% {
16140     -webkit-transform: translate3d(0, 0, 0) scale(1);
16141     transform: translate3d(0, 0, 0) scale(1);
16142     opacity: 1;
16143   }
16144 }
16145 @keyframes photo-browser-in {
16146   0% {
16147     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
16148     transform: translate3d(0, 0, 0) scale(0.5);
16149     opacity: 0;
16150   }
16151   50% {
16152     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
16153     transform: translate3d(0, 0, 0) scale(1.05);
16154     opacity: 1;
16155   }
16156   100% {
16157     -webkit-transform: translate3d(0, 0, 0) scale(1);
16158     transform: translate3d(0, 0, 0) scale(1);
16159     opacity: 1;
16160   }
16161 }
16162 @-webkit-keyframes photo-browser-out {
16163   0% {
16164     -webkit-transform: translate3d(0, 0, 0) scale(1);
16165     transform: translate3d(0, 0, 0) scale(1);
16166     opacity: 1;
16167   }
16168   50% {
16169     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
16170     transform: translate3d(0, 0, 0) scale(1.05);
16171     opacity: 1;
16172   }
16173   100% {
16174     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
16175     transform: translate3d(0, 0, 0) scale(0.5);
16176     opacity: 0;
16177   }
16178 }
16179 @keyframes photo-browser-out {
16180   0% {
16181     -webkit-transform: translate3d(0, 0, 0) scale(1);
16182     transform: translate3d(0, 0, 0) scale(1);
16183     opacity: 1;
16184   }
16185   50% {
16186     -webkit-transform: translate3d(0, 0, 0) scale(1.05);
16187     transform: translate3d(0, 0, 0) scale(1.05);
16188     opacity: 1;
16189   }
16190   100% {
16191     -webkit-transform: translate3d(0, 0, 0) scale(0.5);
16192     transform: translate3d(0, 0, 0) scale(0.5);
16193     opacity: 0;
16194   }
16195 }
16196 .ios .toolbar ~ .photo-browser-captions {
16197   bottom: 44px;
16198   -webkit-transform: translate3d(0, 0px, 0);
16199   transform: translate3d(0, 0px, 0);
16200 }
16201 .ios .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed {
16202   -webkit-transform: translate3d(0, 0px, 0);
16203   transform: translate3d(0, 0px, 0);
16204 }
16205 .ios .photo-browser-exposed .toolbar ~ .photo-browser-captions {
16206   -webkit-transform: translate3d(0, 44px, 0);
16207   transform: translate3d(0, 44px, 0);
16208 }
16209 .ios .photo-browser-page .toolbar {
16210   -webkit-transform: none;
16211   transform: none;
16212 }
16213 .ios .view.with-photo-browser-page-exposed .navbar {
16214   opacity: 0;
16215 }
16216 .ios .photo-browser-page .navbar,
16217 .ios .view.with-photo-browser-page .navbar,
16218 .ios .photo-browser-page .toolbar,
16219 .ios .view.with-photo-browser-page .toolbar {
16220   background: rgba(247, 247, 248, 0.95);
16221   -webkit-transition: 400ms;
16222   transition: 400ms;
16223 }
16224 .ios .photo-browser-dark .navbar,
16225 .ios .photo-browser-page-dark .navbar,
16226 .ios .view.with-photo-browser-page-dark .navbar,
16227 .ios .photo-browser-dark .toolbar,
16228 .ios .photo-browser-page-dark .toolbar,
16229 .ios .view.with-photo-browser-page-dark .toolbar {
16230   background: rgba(30, 30, 30, 0.8);
16231   color: #fff;
16232 }
16233 .ios .photo-browser-dark .navbar:before,
16234 .ios .photo-browser-page-dark .navbar:before,
16235 .ios .view.with-photo-browser-page-dark .navbar:before,
16236 .ios .photo-browser-dark .toolbar:before,
16237 .ios .photo-browser-page-dark .toolbar:before,
16238 .ios .view.with-photo-browser-page-dark .toolbar:before {
16239   display: none !important;
16240 }
16241 .ios .photo-browser-dark .navbar:after,
16242 .ios .photo-browser-page-dark .navbar:after,
16243 .ios .view.with-photo-browser-page-dark .navbar:after,
16244 .ios .photo-browser-dark .toolbar:after,
16245 .ios .photo-browser-page-dark .toolbar:after,
16246 .ios .view.with-photo-browser-page-dark .toolbar:after {
16247   display: none !important;
16248 }
16249 .ios .photo-browser-dark .navbar a,
16250 .ios .photo-browser-page-dark .navbar a,
16251 .ios .view.with-photo-browser-page-dark .navbar a,
16252 .ios .photo-browser-dark .toolbar a,
16253 .ios .photo-browser-page-dark .toolbar a,
16254 .ios .view.with-photo-browser-page-dark .toolbar a {
16255   color: #fff;
16256 }
16257 .ios.device-iphone-x .photo-browser-captions {
16258   bottom: constant(safe-area-inset-bottom);
16259   bottom: env(safe-area-inset-bottom);
16260 }
16261 .ios.device-iphone-x .toolbar ~ .photo-browser-captions {
16262   bottom: calc(44px + constant(safe-area-inset-bottom));
16263   bottom: calc(44px + env(safe-area-inset-bottom));
16264 }
16265 /* === Notifications === */
16266 .notification {
16267   position: absolute;
16268   left: 0;
16269   top: 0;
16270   width: 100%;
16271   z-index: 20000;
16272   font-size: 14px;
16273   margin: 0;
16274   border: none;
16275   display: none;
16276   -webkit-box-sizing: border-box;
16277   box-sizing: border-box;
16278   -webkit-transition-property: -webkit-transform;
16279   transition-property: -webkit-transform;
16280   transition-property: transform;
16281   transition-property: transform, -webkit-transform;
16282   direction: ltr;
16283 }
16284 .notification-icon {
16285   font-size: 0;
16286 }
16287 .notification-header {
16288   display: -webkit-box;
16289   display: -webkit-flex;
16290   display: -ms-flexbox;
16291   display: flex;
16292   -webkit-box-pack: start;
16293   -webkit-justify-content: flex-start;
16294   -ms-flex-pack: start;
16295   justify-content: flex-start;
16296   -webkit-box-align: center;
16297   -webkit-align-items: center;
16298   -ms-flex-align: center;
16299   align-items: center;
16300 }
16301 .notification-close-button {
16302   margin-left: auto;
16303   cursor: pointer;
16304 }
16305 html.with-statusbar.device-ios .notification,
16306 html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification {
16307   margin-top: 20px;
16308 }
16309 html.with-statusbar.device-android .notification,
16310 html.with-statusbar.md:not(.device-ios):not(.device-android) .notification {
16311   margin-top: 24px;
16312 }
16313 html.with-statusbar.device-iphone-x .notification {
16314   margin-top: constant(safe-area-inset-top);
16315   margin-top: env(safe-area-inset-top);
16316 }
16317 .ios .notification {
16318   left: 8px;
16319   top: 8px;
16320   width: calc(100% - 16px);
16321   background: rgba(250, 250, 250, 0.95);
16322   border-radius: 12px;
16323   -webkit-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7);
16324   box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7);
16325   padding: 10px;
16326   color: #000;
16327   max-width: 568px;
16328   -webkit-transition-duration: 450ms;
16329   transition-duration: 450ms;
16330   -webkit-transform: translate3d(0%, -200%, 0);
16331   transform: translate3d(0%, -200%, 0);
16332 }
16333 @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
16334   .ios .notification {
16335     background: rgba(255, 255, 255, 0.65);
16336     -webkit-backdrop-filter: blur(10px);
16337     backdrop-filter: blur(10px);
16338   }
16339 }
16340 @media (min-width: 584px) {
16341   .ios .notification {
16342     left: 50%;
16343     width: 568px;
16344     margin-left: -284px;
16345   }
16346 }
16347 .ios .notification.modal-in {
16348   -webkit-transform: translate3d(0%, 0%, 0);
16349   transform: translate3d(0%, 0%, 0);
16350   opacity: 1;
16351 }
16352 .ios .notification.modal-out {
16353   -webkit-transform: translate3d(0%, -200%, 0);
16354   transform: translate3d(0%, -200%, 0);
16355 }
16356 .ios .notification-icon {
16357   width: 20px;
16358   height: 20px;
16359   line-height: 20px;
16360   margin-right: 8px;
16361 }
16362 .ios .notification-icon i {
16363   width: 20px;
16364   height: 20px;
16365   font-size: 20px;
16366 }
16367 .ios .notification-title {
16368   font-size: 13px;
16369   text-transform: uppercase;
16370   letter-spacing: 0.02em;
16371 }
16372 .ios .notification-subtitle {
16373   font-size: 15px;
16374   font-weight: 600;
16375   line-height: 1.35;
16376 }
16377 .ios .notification-text {
16378   font-size: 15px;
16379   line-height: 1.2;
16380 }
16381 .ios .notification-header + .notification-content {
16382   margin-top: 10px;
16383 }
16384 .ios .notification-title-right-text {
16385   color: #444a51;
16386   font-size: 13px;
16387   margin-right: 6px;
16388   margin-left: auto;
16389 }
16390 .ios .notification-title-right-text + .notification-close-button {
16391   margin-left: 10px;
16392 }
16393 .ios .notification-close-button {
16394   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
16395   width: 20px;
16396   height: 20px;
16397   background-position: center top;
16398   background-repeat: no-repeat;
16399   background-size: 100% auto;
16400   position: relative;
16401   opacity: 0.3;
16402   -webkit-transition-duration: 300ms;
16403   transition-duration: 300ms;
16404 }
16405 .ios .notification-close-button.active-state {
16406   -webkit-transition-duration: 0ms;
16407   transition-duration: 0ms;
16408   opacity: 0.1;
16409 }
16410 .ios .notification-close-button:after {
16411   content: '';
16412   position: absolute;
16413   left: 50%;
16414   top: 50%;
16415   width: 44px;
16416   height: 44px;
16417   margin-left: -22px;
16418   margin-top: -22px;
16419 }
16420 /* === Autocomplete === */
16421 .autocomplete-page .autocomplete-found {
16422   display: block;
16423 }
16424 .autocomplete-page .autocomplete-not-found {
16425   display: none;
16426 }
16427 .autocomplete-page .autocomplete-values {
16428   display: block;
16429 }
16430 .autocomplete-page .list ul:empty {
16431   display: none;
16432 }
16433 .autocomplete-preloader:not(.autocomplete-preloader-visible) {
16434   visibility: hidden;
16435 }
16436 .autocomplete-preloader:not(.autocomplete-preloader-visible),
16437 .autocomplete-preloader:not(.autocomplete-preloader-visible) * {
16438   -webkit-animation: none;
16439   animation: none;
16440 }
16441 .autocomplete-dropdown {
16442   background: #fff;
16443   -webkit-box-sizing: border-box;
16444   box-sizing: border-box;
16445   position: absolute;
16446   z-index: 500;
16447   width: 100%;
16448   right: 0;
16449 }
16450 .autocomplete-dropdown .autocomplete-dropdown-inner {
16451   position: relative;
16452   overflow: auto;
16453   -webkit-overflow-scrolling: touch;
16454   height: 100%;
16455   z-index: 1;
16456 }
16457 .autocomplete-dropdown .autocomplete-preloader {
16458   display: none;
16459   position: absolute;
16460   bottom: 100%;
16461   width: 20px;
16462   height: 20px;
16463 }
16464 .autocomplete-dropdown .autocomplete-preloader-visible {
16465   display: block;
16466 }
16467 .autocomplete-dropdown .autocomplete-dropdown-placeholder {
16468   color: #a9a9a9;
16469 }
16470 .autocomplete-dropdown .list {
16471   margin: 0;
16472 }
16473 .autocomplete-dropdown .list ul {
16474   background: none !important;
16475 }
16476 .autocomplete-dropdown .list ul:before {
16477   display: none !important;
16478 }
16479 .autocomplete-dropdown .list ul:after {
16480   display: none !important;
16481 }
16482 .list .item-content-dropdown-expanded .item-title.item-label {
16483   width: 0;
16484   -webkit-flex-shrink: 10;
16485   -ms-flex-negative: 10;
16486   flex-shrink: 10;
16487   overflow: hidden;
16488 }
16489 .list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap {
16490   margin-right: 0;
16491 }
16492 .list .item-content-dropdown-expanded .item-input-wrap {
16493   width: 100%;
16494 }
16495 .ios .autocomplete-dropdown {
16496   -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
16497   box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
16498 }
16499 .ios .autocomplete-dropdown .autocomplete-preloader {
16500   left: 15px;
16501   margin-bottom: 12px;
16502 }
16503 .ios .autocomplete-dropdown .list b {
16504   font-weight: 600;
16505 }
16506 .ios .searchbar-input-wrap .autocomplete-dropdown {
16507   margin-top: -32px;
16508   top: 100%;
16509   background: #e8e8ea;
16510   z-index: 20;
16511   border-radius: 8px;
16512 }
16513 .ios .searchbar-input-wrap .autocomplete-dropdown .item-content {
16514   padding-right: 28px;
16515 }
16516 .ios .searchbar-input-wrap .autocomplete-dropdown li:last-child {
16517   border-radius: 0 0 8px 8px;
16518   position: relative;
16519   overflow: hidden;
16520 }
16521 .ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner {
16522   padding-top: 32px;
16523 }
16524 .ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder {
16525   color: #939398;
16526 }
16527 .ios .theme-dark .autocomplete-dropdown {
16528   background-color: #1c1c1d;
16529 }
16530 .ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown {
16531   background-color: #171717;
16532 }
16533 /* === Tooltip === */
16534 .tooltip {
16535   position: absolute;
16536   z-index: 20000;
16537   background: rgba(0, 0, 0, 0.87);
16538   border-radius: 4px;
16539   padding: 8px 16px;
16540   color: #fff;
16541   font-size: 14px;
16542   -webkit-box-sizing: border-box;
16543   box-sizing: border-box;
16544   line-height: 1.2;
16545   opacity: 0;
16546   -webkit-transform: scale(0.9);
16547   transform: scale(0.9);
16548   -webkit-transition-duration: 150ms;
16549   transition-duration: 150ms;
16550   -webkit-transition-property: opacity, -webkit-transform;
16551   transition-property: opacity, -webkit-transform;
16552   transition-property: opacity, transform;
16553   transition-property: opacity, transform, -webkit-transform;
16554   z-index: 99000;
16555   font-weight: 500;
16556 }
16557 .tooltip.tooltip-in {
16558   -webkit-transform: scale(1);
16559   transform: scale(1);
16560   opacity: 1;
16561 }
16562 .tooltip.tooltip-out {
16563   opacity: 0;
16564   -webkit-transform: scale(1);
16565   transform: scale(1);
16566 }
16567 .device-desktop .tooltip {
16568   font-size: 12px;
16569   padding: 6px 8px;
16570 }
16571 /* === Gauge === */
16572 .gauge {
16573   position: relative;
16574   text-align: center;
16575   margin-left: auto;
16576   margin-right: auto;
16577   display: inline-block;
16578 }
16579 .gauge-svg,
16580 .gauge svg {
16581   max-width: 100%;
16582   height: auto;
16583 }
16584 .gauge-svg circle,
16585 .gauge svg circle,
16586 .gauge-svg path,
16587 .gauge svg path {
16588   -webkit-transition-duration: 400ms;
16589   transition-duration: 400ms;
16590 }
16591 iframe#viAd {
16592   z-index: 12900 !important;
16593   background: #000 !important;
16594 }
16595 .vi-overlay {
16596   background: rgba(0, 0, 0, 0.85);
16597   z-index: 13100;
16598   position: absolute;
16599   left: 0%;
16600   top: 0%;
16601   width: 100%;
16602   height: 100%;
16603   border-radius: 3px;
16604   display: -webkit-box;
16605   display: -webkit-flex;
16606   display: -ms-flexbox;
16607   display: flex;
16608   -webkit-box-pack: center;
16609   -webkit-justify-content: center;
16610   -ms-flex-pack: center;
16611   justify-content: center;
16612   -webkit-box-orient: vertical;
16613   -webkit-box-direction: normal;
16614   -webkit-flex-direction: column;
16615   -ms-flex-direction: column;
16616   flex-direction: column;
16617   -webkit-box-align: center;
16618   -webkit-align-items: center;
16619   -ms-flex-align: center;
16620   align-items: center;
16621   -webkit-align-content: center;
16622   -ms-flex-line-pack: center;
16623   align-content: center;
16624   text-align: center;
16625   -webkit-user-select: none;
16626   -moz-user-select: none;
16627   -ms-user-select: none;
16628   user-select: none;
16629 }
16630 @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
16631   .vi-overlay {
16632     background: rgba(0, 0, 0, 0.65);
16633     -webkit-backdrop-filter: blur(10px);
16634     backdrop-filter: blur(10px);
16635   }
16636 }
16637 .vi-overlay .vi-overlay-text {
16638   text-align: center;
16639   color: #fff;
16640   max-width: 80%;
16641 }
16642 .vi-overlay .vi-overlay-text + .vi-overlay-play-button {
16643   margin-top: 15px;
16644 }
16645 .vi-overlay .vi-overlay-play-button {
16646   width: 44px;
16647   height: 44px;
16648   border-radius: 50%;
16649   border: 2px solid #fff;
16650   position: relative;
16651 }
16652 .vi-overlay .vi-overlay-play-button.active-state {
16653   opacity: 0.55;
16654 }
16655 .vi-overlay .vi-overlay-play-button:before {
16656   content: '';
16657   width: 0;
16658   height: 0;
16659   border-top: 8px solid transparent;
16660   border-bottom: 8px solid transparent;
16661   border-left: 14px solid #fff;
16662   position: absolute;
16663   left: 50%;
16664   top: 50%;
16665   margin-left: 2px;
16666   -webkit-transform: translate(-50%, -50%);
16667   transform: translate(-50%, -50%);
16668 }
16669 /* === Elevation === */
16670 .elevation-0 {
16671   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
16672   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
16673 }
16674 .elevation-1 {
16675   -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
16676   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
16677 }
16678 .elevation-2 {
16679   -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
16680   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
16681 }
16682 .elevation-3 {
16683   -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
16684   box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
16685 }
16686 .elevation-4 {
16687   -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
16688   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
16689 }
16690 .elevation-5 {
16691   -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
16692   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
16693 }
16694 .elevation-6 {
16695   -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
16696   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
16697 }
16698 .elevation-7 {
16699   -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
16700   box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
16701 }
16702 .elevation-8 {
16703   -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
16704   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
16705 }
16706 .elevation-9 {
16707   -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
16708   box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
16709 }
16710 .elevation-10 {
16711   -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
16712   box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
16713 }
16714 .elevation-11 {
16715   -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
16716   box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
16717 }
16718 .elevation-12 {
16719   -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
16720   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
16721 }
16722 .elevation-13 {
16723   -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
16724   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
16725 }
16726 .elevation-14 {
16727   -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
16728   box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
16729 }
16730 .elevation-15 {
16731   -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
16732   box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
16733 }
16734 .elevation-16 {
16735   -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
16736   box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
16737 }
16738 .elevation-17 {
16739   -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
16740   box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
16741 }
16742 .elevation-18 {
16743   -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
16744   box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
16745 }
16746 .elevation-19 {
16747   -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
16748   box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
16749 }
16750 .elevation-20 {
16751   -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
16752   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
16753 }
16754 .elevation-21 {
16755   -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
16756   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
16757 }
16758 .elevation-22 {
16759   -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
16760   box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
16761 }
16762 .elevation-23 {
16763   -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
16764   box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
16765 }
16766 .elevation-24 {
16767   -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
16768   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
16769 }
16770 .device-desktop .elevation-hover-0:hover {
16771   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
16772   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
16773 }
16774 .device-desktop .elevation-hover-1:hover {
16775   -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
16776   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
16777 }
16778 .device-desktop .elevation-hover-2:hover {
16779   -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
16780   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
16781 }
16782 .device-desktop .elevation-hover-3:hover {
16783   -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
16784   box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
16785 }
16786 .device-desktop .elevation-hover-4:hover {
16787   -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
16788   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
16789 }
16790 .device-desktop .elevation-hover-5:hover {
16791   -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
16792   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
16793 }
16794 .device-desktop .elevation-hover-6:hover {
16795   -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
16796   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
16797 }
16798 .device-desktop .elevation-hover-7:hover {
16799   -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
16800   box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
16801 }
16802 .device-desktop .elevation-hover-8:hover {
16803   -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
16804   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
16805 }
16806 .device-desktop .elevation-hover-9:hover {
16807   -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
16808   box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
16809 }
16810 .device-desktop .elevation-hover-10:hover {
16811   -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
16812   box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
16813 }
16814 .device-desktop .elevation-hover-11:hover {
16815   -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
16816   box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
16817 }
16818 .device-desktop .elevation-hover-12:hover {
16819   -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
16820   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
16821 }
16822 .device-desktop .elevation-hover-13:hover {
16823   -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
16824   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
16825 }
16826 .device-desktop .elevation-hover-14:hover {
16827   -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
16828   box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
16829 }
16830 .device-desktop .elevation-hover-15:hover {
16831   -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
16832   box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
16833 }
16834 .device-desktop .elevation-hover-16:hover {
16835   -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
16836   box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
16837 }
16838 .device-desktop .elevation-hover-17:hover {
16839   -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
16840   box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
16841 }
16842 .device-desktop .elevation-hover-18:hover {
16843   -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
16844   box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
16845 }
16846 .device-desktop .elevation-hover-19:hover {
16847   -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
16848   box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
16849 }
16850 .device-desktop .elevation-hover-20:hover {
16851   -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
16852   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
16853 }
16854 .device-desktop .elevation-hover-21:hover {
16855   -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
16856   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
16857 }
16858 .device-desktop .elevation-hover-22:hover {
16859   -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
16860   box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
16861 }
16862 .device-desktop .elevation-hover-23:hover {
16863   -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
16864   box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
16865 }
16866 .device-desktop .elevation-hover-24:hover {
16867   -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
16868   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
16869 }
16870 .active-state.elevation-pressed-0,
16871 .device-desktop .active-state.elevation-pressed-0 {
16872   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
16873   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
16874 }
16875 .active-state.elevation-pressed-1,
16876 .device-desktop .active-state.elevation-pressed-1 {
16877   -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
16878   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
16879 }
16880 .active-state.elevation-pressed-2,
16881 .device-desktop .active-state.elevation-pressed-2 {
16882   -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
16883   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
16884 }
16885 .active-state.elevation-pressed-3,
16886 .device-desktop .active-state.elevation-pressed-3 {
16887   -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
16888   box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
16889 }
16890 .active-state.elevation-pressed-4,
16891 .device-desktop .active-state.elevation-pressed-4 {
16892   -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
16893   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
16894 }
16895 .active-state.elevation-pressed-5,
16896 .device-desktop .active-state.elevation-pressed-5 {
16897   -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
16898   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
16899 }
16900 .active-state.elevation-pressed-6,
16901 .device-desktop .active-state.elevation-pressed-6 {
16902   -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
16903   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
16904 }
16905 .active-state.elevation-pressed-7,
16906 .device-desktop .active-state.elevation-pressed-7 {
16907   -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
16908   box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
16909 }
16910 .active-state.elevation-pressed-8,
16911 .device-desktop .active-state.elevation-pressed-8 {
16912   -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
16913   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
16914 }
16915 .active-state.elevation-pressed-9,
16916 .device-desktop .active-state.elevation-pressed-9 {
16917   -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
16918   box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
16919 }
16920 .active-state.elevation-pressed-10,
16921 .device-desktop .active-state.elevation-pressed-10 {
16922   -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
16923   box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
16924 }
16925 .active-state.elevation-pressed-11,
16926 .device-desktop .active-state.elevation-pressed-11 {
16927   -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
16928   box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
16929 }
16930 .active-state.elevation-pressed-12,
16931 .device-desktop .active-state.elevation-pressed-12 {
16932   -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
16933   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
16934 }
16935 .active-state.elevation-pressed-13,
16936 .device-desktop .active-state.elevation-pressed-13 {
16937   -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
16938   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
16939 }
16940 .active-state.elevation-pressed-14,
16941 .device-desktop .active-state.elevation-pressed-14 {
16942   -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
16943   box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
16944 }
16945 .active-state.elevation-pressed-15,
16946 .device-desktop .active-state.elevation-pressed-15 {
16947   -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
16948   box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
16949 }
16950 .active-state.elevation-pressed-16,
16951 .device-desktop .active-state.elevation-pressed-16 {
16952   -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
16953   box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
16954 }
16955 .active-state.elevation-pressed-17,
16956 .device-desktop .active-state.elevation-pressed-17 {
16957   -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
16958   box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
16959 }
16960 .active-state.elevation-pressed-18,
16961 .device-desktop .active-state.elevation-pressed-18 {
16962   -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
16963   box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
16964 }
16965 .active-state.elevation-pressed-19,
16966 .device-desktop .active-state.elevation-pressed-19 {
16967   -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
16968   box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
16969 }
16970 .active-state.elevation-pressed-20,
16971 .device-desktop .active-state.elevation-pressed-20 {
16972   -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
16973   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
16974 }
16975 .active-state.elevation-pressed-21,
16976 .device-desktop .active-state.elevation-pressed-21 {
16977   -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
16978   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
16979 }
16980 .active-state.elevation-pressed-22,
16981 .device-desktop .active-state.elevation-pressed-22 {
16982   -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
16983   box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
16984 }
16985 .active-state.elevation-pressed-23,
16986 .device-desktop .active-state.elevation-pressed-23 {
16987   -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
16988   box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
16989 }
16990 .active-state.elevation-pressed-24,
16991 .device-desktop .active-state.elevation-pressed-24 {
16992   -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
16993   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
16994 }
16995 .elevation-transition-100 {
16996   -webkit-transition-duration: 100ms;
16997   transition-duration: 100ms;
16998   -webkit-transition-property: -webkit-box-shadow;
16999   transition-property: -webkit-box-shadow;
17000   transition-property: box-shadow;
17001   transition-property: box-shadow, -webkit-box-shadow;
17002 }
17003 .elevation-transition,
17004 .elevation-transition-200 {
17005   -webkit-transition-duration: 200ms;
17006   transition-duration: 200ms;
17007   -webkit-transition-property: -webkit-box-shadow;
17008   transition-property: -webkit-box-shadow;
17009   transition-property: box-shadow;
17010   transition-property: box-shadow, -webkit-box-shadow;
17011 }
17012 .elevation-transition-300 {
17013   -webkit-transition-duration: 300ms;
17014   transition-duration: 300ms;
17015   -webkit-transition-property: -webkit-box-shadow;
17016   transition-property: -webkit-box-shadow;
17017   transition-property: box-shadow;
17018   transition-property: box-shadow, -webkit-box-shadow;
17019 }
17020 .elevation-transition-400 {
17021   -webkit-transition-duration: 400ms;
17022   transition-duration: 400ms;
17023   -webkit-transition-property: -webkit-box-shadow;
17024   transition-property: -webkit-box-shadow;
17025   transition-property: box-shadow;
17026   transition-property: box-shadow, -webkit-box-shadow;
17027 }
17028 .elevation-transition-500 {
17029   -webkit-transition-duration: 500ms;
17030   transition-duration: 500ms;
17031   -webkit-transition-property: -webkit-box-shadow;
17032   transition-property: -webkit-box-shadow;
17033   transition-property: box-shadow;
17034   transition-property: box-shadow, -webkit-box-shadow;
17035 }
17036 /* === Typography === */
17037 .display-flex {
17038   display: -webkit-box !important;
17039   display: -webkit-flex !important;
17040   display: -ms-flexbox !important;
17041   display: flex !important;
17042 }
17043 .display-block {
17044   display: block !important;
17045 }
17046 .display-inline-flex {
17047   display: -webkit-inline-box !important;
17048   display: -webkit-inline-flex !important;
17049   display: -ms-inline-flexbox !important;
17050   display: inline-flex !important;
17051 }
17052 .display-inline-block {
17053   display: inline-block !important;
17054 }
17055 .display-inline {
17056   display: inline !important;
17057 }
17058 .display-none {
17059   display: none !important;
17060 }
17061 .flex-shrink-0 {
17062   -webkit-flex-shrink: 0 !important;
17063   -ms-flex-negative: 0 !important;
17064   flex-shrink: 0 !important;
17065 }
17066 .flex-shrink-1 {
17067   -webkit-flex-shrink: 1 !important;
17068   -ms-flex-negative: 1 !important;
17069   flex-shrink: 1 !important;
17070 }
17071 .flex-shrink-2 {
17072   -webkit-flex-shrink: 2 !important;
17073   -ms-flex-negative: 2 !important;
17074   flex-shrink: 2 !important;
17075 }
17076 .flex-shrink-3 {
17077   -webkit-flex-shrink: 3 !important;
17078   -ms-flex-negative: 3 !important;
17079   flex-shrink: 3 !important;
17080 }
17081 .flex-shrink-4 {
17082   -webkit-flex-shrink: 4 !important;
17083   -ms-flex-negative: 4 !important;
17084   flex-shrink: 4 !important;
17085 }
17086 .flex-shrink-5 {
17087   -webkit-flex-shrink: 5 !important;
17088   -ms-flex-negative: 5 !important;
17089   flex-shrink: 5 !important;
17090 }
17091 .flex-shrink-6 {
17092   -webkit-flex-shrink: 6 !important;
17093   -ms-flex-negative: 6 !important;
17094   flex-shrink: 6 !important;
17095 }
17096 .flex-shrink-7 {
17097   -webkit-flex-shrink: 7 !important;
17098   -ms-flex-negative: 7 !important;
17099   flex-shrink: 7 !important;
17100 }
17101 .flex-shrink-8 {
17102   -webkit-flex-shrink: 8 !important;
17103   -ms-flex-negative: 8 !important;
17104   flex-shrink: 8 !important;
17105 }
17106 .flex-shrink-9 {
17107   -webkit-flex-shrink: 9 !important;
17108   -ms-flex-negative: 9 !important;
17109   flex-shrink: 9 !important;
17110 }
17111 .flex-shrink-10 {
17112   -webkit-flex-shrink: 10 !important;
17113   -ms-flex-negative: 10 !important;
17114   flex-shrink: 10 !important;
17115 }
17116 .justify-content-flex-start {
17117   -webkit-box-pack: start !important;
17118   -webkit-justify-content: flex-start !important;
17119   -ms-flex-pack: start !important;
17120   justify-content: flex-start !important;
17121 }
17122 .justify-content-center {
17123   -webkit-box-pack: center !important;
17124   -webkit-justify-content: center !important;
17125   -ms-flex-pack: center !important;
17126   justify-content: center !important;
17127 }
17128 .justify-content-flex-end {
17129   -webkit-box-pack: end !important;
17130   -webkit-justify-content: flex-end !important;
17131   -ms-flex-pack: end !important;
17132   justify-content: flex-end !important;
17133 }
17134 .justify-content-space-between {
17135   -webkit-box-pack: justify !important;
17136   -webkit-justify-content: space-between !important;
17137   -ms-flex-pack: justify !important;
17138   justify-content: space-between !important;
17139 }
17140 .justify-content-space-around {
17141   -webkit-justify-content: space-around !important;
17142   -ms-flex-pack: distribute !important;
17143   justify-content: space-around !important;
17144 }
17145 .justify-content-space-evenly {
17146   -webkit-box-pack: space-evenly !important;
17147   -webkit-justify-content: space-evenly !important;
17148   -ms-flex-pack: space-evenly !important;
17149   justify-content: space-evenly !important;
17150 }
17151 .justify-content-stretch {
17152   -webkit-box-pack: stretch !important;
17153   -webkit-justify-content: stretch !important;
17154   -ms-flex-pack: stretch !important;
17155   justify-content: stretch !important;
17156 }
17157 .justify-content-start {
17158   -webkit-box-pack: start !important;
17159   -webkit-justify-content: start !important;
17160   -ms-flex-pack: start !important;
17161   justify-content: start !important;
17162 }
17163 .justify-content-end {
17164   -webkit-box-pack: end !important;
17165   -webkit-justify-content: end !important;
17166   -ms-flex-pack: end !important;
17167   justify-content: end !important;
17168 }
17169 .justify-content-left {
17170   -webkit-box-pack: left !important;
17171   -webkit-justify-content: left !important;
17172   -ms-flex-pack: left !important;
17173   justify-content: left !important;
17174 }
17175 .justify-content-right {
17176   -webkit-box-pack: right !important;
17177   -webkit-justify-content: right !important;
17178   -ms-flex-pack: right !important;
17179   justify-content: right !important;
17180 }
17181 .align-content-flex-start {
17182   -webkit-align-content: flex-start !important;
17183   -ms-flex-line-pack: start !important;
17184   align-content: flex-start !important;
17185 }
17186 .align-content-flex-end {
17187   -webkit-align-content: flex-end !important;
17188   -ms-flex-line-pack: end !important;
17189   align-content: flex-end !important;
17190 }
17191 .align-content-center {
17192   -webkit-align-content: center !important;
17193   -ms-flex-line-pack: center !important;
17194   align-content: center !important;
17195 }
17196 .align-content-space-between {
17197   -webkit-align-content: space-between !important;
17198   -ms-flex-line-pack: justify !important;
17199   align-content: space-between !important;
17200 }
17201 .align-content-space-around {
17202   -webkit-align-content: space-around !important;
17203   -ms-flex-line-pack: distribute !important;
17204   align-content: space-around !important;
17205 }
17206 .align-content-stretch {
17207   -webkit-align-content: stretch !important;
17208   -ms-flex-line-pack: stretch !important;
17209   align-content: stretch !important;
17210 }
17211 .align-items-flex-start {
17212   -webkit-box-align: start !important;
17213   -webkit-align-items: flex-start !important;
17214   -ms-flex-align: start !important;
17215   align-items: flex-start !important;
17216 }
17217 .align-items-flex-end {
17218   -webkit-box-align: end !important;
17219   -webkit-align-items: flex-end !important;
17220   -ms-flex-align: end !important;
17221   align-items: flex-end !important;
17222 }
17223 .align-items-center {
17224   -webkit-box-align: center !important;
17225   -webkit-align-items: center !important;
17226   -ms-flex-align: center !important;
17227   align-items: center !important;
17228 }
17229 .align-items-stretch {
17230   -webkit-box-align: stretch !important;
17231   -webkit-align-items: stretch !important;
17232   -ms-flex-align: stretch !important;
17233   align-items: stretch !important;
17234 }
17235 .align-self-flex-start {
17236   -webkit-align-self: flex-start !important;
17237   -ms-flex-item-align: start !important;
17238   align-self: flex-start !important;
17239 }
17240 .align-self-flex-end {
17241   -webkit-align-self: flex-end !important;
17242   -ms-flex-item-align: end !important;
17243   align-self: flex-end !important;
17244 }
17245 .align-self-center {
17246   -webkit-align-self: center !important;
17247   -ms-flex-item-align: center !important;
17248   align-self: center !important;
17249 }
17250 .align-self-stretch {
17251   -webkit-align-self: stretch !important;
17252   -ms-flex-item-align: stretch !important;
17253   align-self: stretch !important;
17254 }
17255 .text-align-left {
17256   text-align: left !important;
17257 }
17258 .text-align-center {
17259   text-align: center !important;
17260 }
17261 .text-align-right {
17262   text-align: right !important;
17263 }
17264 .text-align-justify {
17265   text-align: justify !important;
17266 }
17267 .float-left {
17268   float: left !important;
17269 }
17270 .float-right {
17271   float: right !important;
17272 }
17273 .float-none {
17274   float: none !important;
17275 }
17276 .vertical-align-bottom {
17277   vertical-align: bottom !important;
17278 }
17279 .vertical-align-middle {
17280   vertical-align: middle !important;
17281 }
17282 .vertical-align-top {
17283   vertical-align: top !important;
17284 }
17285 .no-padding {
17286   padding: 0 !important;
17287 }
17288 .no-padding-left {
17289   padding-left: 0 !important;
17290 }
17291 .no-padding-right {
17292   padding-right: 0 !important;
17293 }
17294 .no-padding-top {
17295   padding-top: 0 !important;
17296 }
17297 .no-padding-bottom {
17298   padding-bottom: 0 !important;
17299 }
17300 .no-margin {
17301   margin: 0 !important;
17302 }
17303 .no-margin-left {
17304   margin-left: 0 !important;
17305 }
17306 .no-margin-right {
17307   margin-right: 0 !important;
17308 }
17309 .no-margin-top {
17310   margin-top: 0 !important;
17311 }
17312 .no-margin-bottom {
17313   margin-bottom: 0 !important;
17314 }
17315 .width-auto {
17316   width: auto !important;
17317 }
17318 .width-100 {
17319   width: 100% !important;
17320 }
17321 .ios .padding {
17322   padding: 15px !important;
17323 }
17324 .ios .padding-top {
17325   padding-top: 15px !important;
17326 }
17327 .ios .padding-bottom {
17328   padding-bottom: 15px !important;
17329 }
17330 .ios .padding-left {
17331   padding-left: 15px !important;
17332 }
17333 .ios .padding-left-ios-edge {
17334   padding-left: constant(safe-area-inset-left);
17335   padding-left: env(safe-area-inset-left);
17336 }
17337 .ios .padding-right-ios-edge {
17338   padding-right: constant(safe-area-inset-right);
17339   padding-right: env(safe-area-inset-right);
17340 }
17341 .ios .padding-top-ios-edge {
17342   padding-top: constant(safe-area-inset-top);
17343   padding-top: env(safe-area-inset-top);
17344 }
17345 .ios .padding-bottom-ios-edge {
17346   padding-bottom: constant(safe-area-inset-bottom);
17347   padding-bottom: env(safe-area-inset-bottom);
17348 }
17349 .ios .padding-right {
17350   padding-right: 15px !important;
17351 }
17352 .ios .padding-vertical {
17353   padding-top: 15px !important;
17354   padding-bottom: 15px !important;
17355 }
17356 .ios .padding-horizontal {
17357   padding-left: 15px !important;
17358   padding-right: 15px !important;
17359 }
17360 .ios .margin {
17361   margin: 15px !important;
17362 }
17363 .ios .margin-top {
17364   margin-top: 15px !important;
17365 }
17366 .ios .margin-bottom {
17367   margin-bottom: 15px !important;
17368 }
17369 .ios .margin-left {
17370   margin-left: 15px !important;
17371 }
17372 .ios .margin-right {
17373   margin-right: 15px !important;
17374 }
17375 .ios .margin-vertical {
17376   margin-top: 15px !important;
17377   margin-bottom: 15px !important;
17378 }
17379 .ios .margin-horizontal {
17380   margin-left: 15px !important;
17381   margin-right: 15px !important;
17382 }
17383 .ios .text-color-red {
17384   color: #ff3b30 !important;
17385 }
17386 .ios .bg-color-red {
17387   background-color: #ff3b30 !important;
17388 }
17389 .ios .border-color-red {
17390   border-color: #ff3b30 !important;
17391 }
17392 .ios .text-color-green {
17393   color: #4cd964 !important;
17394 }
17395 .ios .bg-color-green {
17396   background-color: #4cd964 !important;
17397 }
17398 .ios .border-color-green {
17399   border-color: #4cd964 !important;
17400 }
17401 .ios .text-color-blue {
17402   color: #007aff !important;
17403 }
17404 .ios .bg-color-blue {
17405   background-color: #007aff !important;
17406 }
17407 .ios .border-color-blue {
17408   border-color: #007aff !important;
17409 }
17410 .ios .text-color-pink {
17411   color: #ff2d55 !important;
17412 }
17413 .ios .bg-color-pink {
17414   background-color: #ff2d55 !important;
17415 }
17416 .ios .border-color-pink {
17417   border-color: #ff2d55 !important;
17418 }
17419 .ios .text-color-yellow {
17420   color: #ffcc00 !important;
17421 }
17422 .ios .bg-color-yellow {
17423   background-color: #ffcc00 !important;
17424 }
17425 .ios .border-color-yellow {
17426   border-color: #ffcc00 !important;
17427 }
17428 .ios .text-color-orange {
17429   color: #ff9500 !important;
17430 }
17431 .ios .bg-color-orange {
17432   background-color: #ff9500 !important;
17433 }
17434 .ios .border-color-orange {
17435   border-color: #ff9500 !important;
17436 }
17437 .ios .text-color-gray {
17438   color: #8e8e93 !important;
17439 }
17440 .ios .bg-color-gray {
17441   background-color: #8e8e93 !important;
17442 }
17443 .ios .border-color-gray {
17444   border-color: #8e8e93 !important;
17445 }
17446 .ios .text-color-white {
17447   color: #ffffff !important;
17448 }
17449 .ios .bg-color-white {
17450   background-color: #ffffff !important;
17451 }
17452 .ios .border-color-white {
17453   border-color: #ffffff !important;
17454 }
17455 .ios .text-color-black {
17456   color: #000000 !important;
17457 }
17458 .ios .bg-color-black {
17459   background-color: #000000 !important;
17460 }
17461 .ios .border-color-black {
17462   border-color: #000000 !important;
17463 }