framework7_rails 1.0.6 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/lib/framework7_rails/version.rb +1 -1
  3. data/vendor/assets/images/i-f7-ios.png +0 -0
  4. data/vendor/assets/images/i-f7-material.png +0 -0
  5. data/vendor/assets/images/i-form-calendar-ios.svg +16 -0
  6. data/vendor/assets/images/i-form-calendar-material.svg +4 -0
  7. data/vendor/assets/images/i-form-comment-ios.svg +10 -0
  8. data/vendor/assets/images/i-form-comment-material.svg +4 -0
  9. data/vendor/assets/images/i-form-email-ios.svg +13 -0
  10. data/vendor/assets/images/i-form-email-material.svg +4 -0
  11. data/vendor/assets/images/i-form-gender-ios.svg +16 -0
  12. data/vendor/assets/images/i-form-gender-material.svg +8 -0
  13. data/vendor/assets/images/i-form-name-ios.svg +10 -0
  14. data/vendor/assets/images/i-form-name-material.svg +4 -0
  15. data/vendor/assets/images/i-form-password-ios.svg +13 -0
  16. data/vendor/assets/images/i-form-password-material.svg +4 -0
  17. data/vendor/assets/images/i-form-settings-ios.svg +14 -0
  18. data/vendor/assets/images/i-form-settings-material.svg +7 -0
  19. data/vendor/assets/images/i-form-tel-ios.svg +10 -0
  20. data/vendor/assets/images/i-form-tel-material.svg +4 -0
  21. data/vendor/assets/images/i-form-toggle-ios.svg +11 -0
  22. data/vendor/assets/images/i-form-toggle-material.svg +5 -0
  23. data/vendor/assets/images/i-form-url-ios.svg +28 -0
  24. data/vendor/assets/images/i-form-url-material.svg +4 -0
  25. data/vendor/assets/javascripts/framework7.js +4034 -1684
  26. data/vendor/assets/javascripts/framework7.js.map +1 -1
  27. data/vendor/assets/stylesheets/framework7.ios.colors.css +2077 -0
  28. data/vendor/assets/stylesheets/{framework7.css → framework7.ios.css} +739 -1604
  29. data/vendor/assets/stylesheets/{framework7.rtl.css → framework7.ios.rtl.css} +63 -55
  30. data/vendor/assets/stylesheets/framework7.material.colors.css +7085 -0
  31. data/vendor/assets/stylesheets/framework7.material.css +6889 -0
  32. data/vendor/assets/stylesheets/framework7.material.rtl.css +555 -0
  33. metadata +31 -17
  34. data/vendor/assets/images/i-f7.png +0 -0
  35. data/vendor/assets/images/i-form-calendar.png +0 -0
  36. data/vendor/assets/images/i-form-comment.png +0 -0
  37. data/vendor/assets/images/i-form-email.png +0 -0
  38. data/vendor/assets/images/i-form-gender.png +0 -0
  39. data/vendor/assets/images/i-form-name.png +0 -0
  40. data/vendor/assets/images/i-form-password.png +0 -0
  41. data/vendor/assets/images/i-form-settings.png +0 -0
  42. data/vendor/assets/images/i-form-tel.png +0 -0
  43. data/vendor/assets/images/i-form-toggle.png +0 -0
  44. data/vendor/assets/images/i-form-url.png +0 -0
  45. data/vendor/assets/stylesheets/framework7.themes.css +0 -443
@@ -1,6 +1,8 @@
1
1
  /**
2
- * Framework7 1.0.6
3
- * Full Featured Mobile HTML Framework For Building iOS Apps
2
+ * Framework7 1.4.0
3
+ * Full Featured Mobile HTML Framework For Building iOS & Android Apps
4
+ *
5
+ * iOS Theme
4
6
  *
5
7
  * http://www.idangero.us/framework7
6
8
  *
@@ -10,7 +12,7 @@
10
12
  *
11
13
  * Licensed under MIT
12
14
  *
13
- * Released on: May 1, 2015
15
+ * Released on: December 7, 2015
14
16
  */
15
17
  html,
16
18
  body {
@@ -20,7 +22,7 @@ body {
20
22
  overflow-x: hidden;
21
23
  }
22
24
  body {
23
- font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
25
+ font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
24
26
  margin: 0;
25
27
  padding: 0;
26
28
  color: #000;
@@ -81,8 +83,6 @@ p {
81
83
  align-items: flex-start;
82
84
  }
83
85
  .row > [class*="col-"] {
84
- -webkit-box-sizing: border-box;
85
- -moz-box-sizing: border-box;
86
86
  box-sizing: border-box;
87
87
  }
88
88
  .row .col-auto {
@@ -660,8 +660,6 @@ p {
660
660
  }
661
661
  .view {
662
662
  overflow: hidden;
663
- -webkit-box-sizing: border-box;
664
- -moz-box-sizing: border-box;
665
663
  box-sizing: border-box;
666
664
  }
667
665
  /* === Pages === */
@@ -673,8 +671,6 @@ p {
673
671
  background: #000;
674
672
  }
675
673
  .page {
676
- -webkit-box-sizing: border-box;
677
- -moz-box-sizing: border-box;
678
674
  box-sizing: border-box;
679
675
  position: absolute;
680
676
  left: 0;
@@ -706,8 +702,6 @@ p {
706
702
  .page-content {
707
703
  overflow: auto;
708
704
  -webkit-overflow-scrolling: touch;
709
- -webkit-box-sizing: border-box;
710
- -moz-box-sizing: border-box;
711
705
  box-sizing: border-box;
712
706
  height: 100%;
713
707
  position: relative;
@@ -887,8 +881,6 @@ html.android .page-from-center-to-right:before {
887
881
  width: 100%;
888
882
  height: 100%;
889
883
  padding: 0 8px;
890
- -webkit-box-sizing: border-box;
891
- -moz-box-sizing: border-box;
892
884
  box-sizing: border-box;
893
885
  display: -webkit-box;
894
886
  display: -ms-flexbox;
@@ -910,8 +902,6 @@ html.android .page-from-center-to-right:before {
910
902
  .toolbar {
911
903
  height: 44px;
912
904
  width: 100%;
913
- -webkit-box-sizing: border-box;
914
- -moz-box-sizing: border-box;
915
905
  box-sizing: border-box;
916
906
  font-size: 17px;
917
907
  position: relative;
@@ -924,8 +914,18 @@ html.android .page-from-center-to-right:before {
924
914
  .toolbar b {
925
915
  font-weight: 500;
926
916
  }
917
+ html.ios-gt-8 .navbar b,
918
+ html.ios-gt-8 .toolbar b {
919
+ font-weight: 600;
920
+ }
921
+ .navbar,
922
+ .toolbar,
923
+ .subnavbar {
924
+ background: #f7f7f8;
925
+ }
927
926
  .navbar a.link,
928
- .toolbar a.link {
927
+ .toolbar a.link,
928
+ .subnavbar a.link {
929
929
  line-height: 44px;
930
930
  height: 44px;
931
931
  text-decoration: none;
@@ -944,27 +944,36 @@ html.android .page-from-center-to-right:before {
944
944
  align-items: center;
945
945
  -webkit-transition-duration: 300ms;
946
946
  transition-duration: 300ms;
947
+ -webkit-transform: translateZ(0px);
948
+ transform: translateZ(0px);
947
949
  }
948
950
  html:not(.watch-active-state) .navbar a.link:active,
949
951
  html:not(.watch-active-state) .toolbar a.link:active,
952
+ html:not(.watch-active-state) .subnavbar a.link:active,
950
953
  .navbar a.link.active-state,
951
- .toolbar a.link.active-state {
954
+ .toolbar a.link.active-state,
955
+ .subnavbar a.link.active-state {
952
956
  opacity: 0.3;
953
957
  -webkit-transition-duration: 0ms;
954
958
  transition-duration: 0ms;
955
959
  }
956
960
  .navbar a.link i + span,
957
961
  .toolbar a.link i + span,
962
+ .subnavbar a.link i + span,
958
963
  .navbar a.link i + i,
959
964
  .toolbar a.link i + i,
965
+ .subnavbar a.link i + i,
960
966
  .navbar a.link span + i,
961
967
  .toolbar a.link span + i,
968
+ .subnavbar a.link span + i,
962
969
  .navbar a.link span + span,
963
- .toolbar a.link span + span {
970
+ .toolbar a.link span + span,
971
+ .subnavbar a.link span + span {
964
972
  margin-left: 7px;
965
973
  }
966
974
  .navbar a.icon-only,
967
- .toolbar a.icon-only {
975
+ .toolbar a.icon-only,
976
+ .subnavbar a.icon-only {
968
977
  min-width: 44px;
969
978
  display: -webkit-box;
970
979
  display: -ms-flexbox;
@@ -981,13 +990,13 @@ html:not(.watch-active-state) .toolbar a.link:active,
981
990
  margin: 0;
982
991
  }
983
992
  .navbar i.icon,
984
- .toolbar i.icon {
993
+ .toolbar i.icon,
994
+ .subnavbar i.icon {
985
995
  display: block;
986
996
  }
987
997
  .navbar {
988
998
  left: 0;
989
999
  top: 0;
990
- background: #f7f7f8;
991
1000
  }
992
1001
  .navbar:after {
993
1002
  content: '';
@@ -1004,14 +1013,17 @@ html:not(.watch-active-state) .toolbar a.link:active,
1004
1013
  -webkit-transform-origin: 50% 100%;
1005
1014
  transform-origin: 50% 100%;
1006
1015
  }
1007
- html.ios-gt-6.pixel-ratio-2 .navbar:after {
1016
+ html.pixel-ratio-2 .navbar:after {
1008
1017
  -webkit-transform: scaleY(0.5);
1009
1018
  transform: scaleY(0.5);
1010
1019
  }
1011
- html.ios-gt-6.pixel-ratio-3 .navbar:after {
1020
+ html.pixel-ratio-3 .navbar:after {
1012
1021
  -webkit-transform: scaleY(0.33);
1013
1022
  transform: scaleY(0.33);
1014
1023
  }
1024
+ .navbar:after {
1025
+ backface-visibility: hidden;
1026
+ }
1015
1027
  .navbar.no-border:after {
1016
1028
  display: none;
1017
1029
  }
@@ -1037,6 +1049,9 @@ html.ios-gt-6.pixel-ratio-3 .navbar:after {
1037
1049
  -webkit-align-items: center;
1038
1050
  align-items: center;
1039
1051
  }
1052
+ html.ios-gt-8 .navbar .center {
1053
+ font-weight: 600;
1054
+ }
1040
1055
  .navbar .left,
1041
1056
  .navbar .right {
1042
1057
  -webkit-flex-shrink: 0;
@@ -1083,10 +1098,7 @@ html.ios-gt-6.pixel-ratio-3 .navbar:after {
1083
1098
  left: 0;
1084
1099
  top: 100%;
1085
1100
  margin-top: -1px;
1086
- background: #f7f7f8;
1087
1101
  z-index: 20;
1088
- -webkit-box-sizing: border-box;
1089
- -moz-box-sizing: border-box;
1090
1102
  box-sizing: border-box;
1091
1103
  padding: 0 8px;
1092
1104
  display: -webkit-box;
@@ -1117,11 +1129,11 @@ html.ios-gt-6.pixel-ratio-3 .navbar:after {
1117
1129
  -webkit-transform-origin: 50% 100%;
1118
1130
  transform-origin: 50% 100%;
1119
1131
  }
1120
- html.ios-gt-6.pixel-ratio-2 .subnavbar:after {
1132
+ html.pixel-ratio-2 .subnavbar:after {
1121
1133
  -webkit-transform: scaleY(0.5);
1122
1134
  transform: scaleY(0.5);
1123
1135
  }
1124
- html.ios-gt-6.pixel-ratio-3 .subnavbar:after {
1136
+ html.pixel-ratio-3 .subnavbar:after {
1125
1137
  -webkit-transform: scaleY(0.33);
1126
1138
  transform: scaleY(0.33);
1127
1139
  }
@@ -1161,7 +1173,6 @@ html.ios-gt-6.pixel-ratio-3 .subnavbar:after {
1161
1173
  .toolbar {
1162
1174
  left: 0;
1163
1175
  bottom: 0;
1164
- background: #f7f7f8;
1165
1176
  }
1166
1177
  .toolbar:before {
1167
1178
  content: '';
@@ -1178,11 +1189,11 @@ html.ios-gt-6.pixel-ratio-3 .subnavbar:after {
1178
1189
  -webkit-transform-origin: 50% 0%;
1179
1190
  transform-origin: 50% 0%;
1180
1191
  }
1181
- html.ios-gt-6.pixel-ratio-2 .toolbar:before {
1192
+ html.pixel-ratio-2 .toolbar:before {
1182
1193
  -webkit-transform: scaleY(0.5);
1183
1194
  transform: scaleY(0.5);
1184
1195
  }
1185
- html.ios-gt-6.pixel-ratio-3 .toolbar:before {
1196
+ html.pixel-ratio-3 .toolbar:before {
1186
1197
  -webkit-transform: scaleY(0.33);
1187
1198
  transform: scaleY(0.33);
1188
1199
  }
@@ -1215,8 +1226,6 @@ html.ios-gt-6.pixel-ratio-3 .toolbar:before {
1215
1226
  .tabbar a.link {
1216
1227
  height: 100%;
1217
1228
  width: 100%;
1218
- -webkit-box-sizing: border-box;
1219
- -moz-box-sizing: border-box;
1220
1229
  box-sizing: border-box;
1221
1230
  display: -webkit-box;
1222
1231
  display: -ms-flexbox;
@@ -1535,8 +1544,6 @@ html.ios-gt-6.pixel-ratio-3 .toolbar:before {
1535
1544
  height: 44px;
1536
1545
  width: 100%;
1537
1546
  background: #c9c9ce;
1538
- -webkit-box-sizing: border-box;
1539
- -moz-box-sizing: border-box;
1540
1547
  box-sizing: border-box;
1541
1548
  padding: 0 8px;
1542
1549
  overflow: hidden;
@@ -1565,11 +1572,11 @@ html.ios-gt-6.pixel-ratio-3 .toolbar:before {
1565
1572
  -webkit-transform-origin: 50% 100%;
1566
1573
  transform-origin: 50% 100%;
1567
1574
  }
1568
- html.ios-gt-6.pixel-ratio-2 .searchbar:after {
1575
+ html.pixel-ratio-2 .searchbar:after {
1569
1576
  -webkit-transform: scaleY(0.5);
1570
1577
  transform: scaleY(0.5);
1571
1578
  }
1572
- html.ios-gt-6.pixel-ratio-3 .searchbar:after {
1579
+ html.pixel-ratio-3 .searchbar:after {
1573
1580
  -webkit-transform: scaleY(0.33);
1574
1581
  transform: scaleY(0.33);
1575
1582
  }
@@ -1582,8 +1589,6 @@ html.ios-gt-6.pixel-ratio-3 .searchbar:after {
1582
1589
  flex-shrink: 1;
1583
1590
  }
1584
1591
  .searchbar input[type="search"] {
1585
- -webkit-box-sizing: border-box;
1586
- -moz-box-sizing: border-box;
1587
1592
  box-sizing: border-box;
1588
1593
  width: 100%;
1589
1594
  height: 100%;
@@ -1812,57 +1817,58 @@ i.icon.icon-camera {
1812
1817
  i.icon.icon-f7 {
1813
1818
  width: 29px;
1814
1819
  height: 29px;
1815
- background-image: url("../assets/i-f7.png");
1820
+ background-image: url("../assets/i-f7-ios.png");
1821
+ border-radius: 6px;
1816
1822
  }
1817
1823
  i.icon.icon-form-name {
1818
1824
  width: 29px;
1819
1825
  height: 29px;
1820
- background-image: url("../assets/i-form-name.png");
1826
+ background-image: url("../assets/i-form-name-ios.svg");
1821
1827
  }
1822
1828
  i.icon.icon-form-password {
1823
1829
  width: 29px;
1824
1830
  height: 29px;
1825
- background-image: url("../assets/i-form-password.png");
1831
+ background-image: url("../assets/i-form-password-ios.svg");
1826
1832
  }
1827
1833
  i.icon.icon-form-email {
1828
1834
  width: 29px;
1829
1835
  height: 29px;
1830
- background-image: url("../assets/i-form-email.png");
1836
+ background-image: url("../assets/i-form-email-ios.svg");
1831
1837
  }
1832
1838
  i.icon.icon-form-calendar {
1833
1839
  width: 29px;
1834
1840
  height: 29px;
1835
- background-image: url("../assets/i-form-calendar.png");
1841
+ background-image: url("../assets/i-form-calendar-ios.svg");
1836
1842
  }
1837
1843
  i.icon.icon-form-tel {
1838
1844
  width: 29px;
1839
1845
  height: 29px;
1840
- background-image: url("../assets/i-form-tel.png");
1846
+ background-image: url("../assets/i-form-tel-ios.svg");
1841
1847
  }
1842
1848
  i.icon.icon-form-gender {
1843
1849
  width: 29px;
1844
1850
  height: 29px;
1845
- background-image: url("../assets/i-form-gender.png");
1851
+ background-image: url("../assets/i-form-gender-ios.svg");
1846
1852
  }
1847
1853
  i.icon.icon-form-toggle {
1848
1854
  width: 29px;
1849
1855
  height: 29px;
1850
- background-image: url("../assets/i-form-toggle.png");
1856
+ background-image: url("../assets/i-form-toggle-ios.svg");
1851
1857
  }
1852
1858
  i.icon.icon-form-comment {
1853
1859
  width: 29px;
1854
1860
  height: 29px;
1855
- background-image: url("../assets/i-form-comment.png");
1861
+ background-image: url("../assets/i-form-comment-ios.svg");
1856
1862
  }
1857
1863
  i.icon.icon-form-settings {
1858
1864
  width: 29px;
1859
1865
  height: 29px;
1860
- background-image: url("../assets/i-form-settings.png");
1866
+ background-image: url("../assets/i-form-settings-ios.svg");
1861
1867
  }
1862
1868
  i.icon.icon-form-url {
1863
1869
  width: 29px;
1864
1870
  height: 29px;
1865
- background-image: url("../assets/i-form-url.png");
1871
+ background-image: url("../assets/i-form-url-ios.svg");
1866
1872
  }
1867
1873
  i.icon.icon-next,
1868
1874
  i.icon.icon-prev {
@@ -1889,10 +1895,14 @@ i.icon.icon-plus {
1889
1895
  color: #fff;
1890
1896
  background: #8e8e93;
1891
1897
  border-radius: 20px;
1892
- padding: 1px 7px;
1893
- -webkit-box-sizing: border-box;
1894
- -moz-box-sizing: border-box;
1898
+ padding: 0px 6px;
1899
+ height: 20px;
1900
+ line-height: 20px;
1895
1901
  box-sizing: border-box;
1902
+ text-align: center;
1903
+ }
1904
+ .item-after .badge {
1905
+ min-width: 20px;
1896
1906
  }
1897
1907
  .icon .badge {
1898
1908
  position: absolute;
@@ -1900,14 +1910,18 @@ i.icon.icon-plus {
1900
1910
  margin-left: -10px;
1901
1911
  top: -2px;
1902
1912
  font-size: 10px;
1903
- line-height: 1.4;
1904
- padding: 1px 5px;
1913
+ line-height: 16px;
1914
+ height: 16px;
1915
+ border-radius: 16px;
1916
+ padding: 0px 4px;
1917
+ min-width: 16px;
1905
1918
  }
1906
1919
  /* === Content Block === */
1907
1920
  .content-block {
1908
1921
  margin: 35px 0;
1909
1922
  padding: 0 15px;
1910
1923
  color: #6d6d72;
1924
+ box-sizing: border-box;
1911
1925
  }
1912
1926
  .content-block-title {
1913
1927
  position: relative;
@@ -1949,11 +1963,11 @@ i.icon.icon-plus {
1949
1963
  -webkit-transform-origin: 50% 0%;
1950
1964
  transform-origin: 50% 0%;
1951
1965
  }
1952
- html.ios-gt-6.pixel-ratio-2 .content-block-inner:before {
1966
+ html.pixel-ratio-2 .content-block-inner:before {
1953
1967
  -webkit-transform: scaleY(0.5);
1954
1968
  transform: scaleY(0.5);
1955
1969
  }
1956
- html.ios-gt-6.pixel-ratio-3 .content-block-inner:before {
1970
+ html.pixel-ratio-3 .content-block-inner:before {
1957
1971
  -webkit-transform: scaleY(0.33);
1958
1972
  transform: scaleY(0.33);
1959
1973
  }
@@ -1972,11 +1986,11 @@ html.ios-gt-6.pixel-ratio-3 .content-block-inner:before {
1972
1986
  -webkit-transform-origin: 50% 100%;
1973
1987
  transform-origin: 50% 100%;
1974
1988
  }
1975
- html.ios-gt-6.pixel-ratio-2 .content-block-inner:after {
1989
+ html.pixel-ratio-2 .content-block-inner:after {
1976
1990
  -webkit-transform: scaleY(0.5);
1977
1991
  transform: scaleY(0.5);
1978
1992
  }
1979
- html.ios-gt-6.pixel-ratio-3 .content-block-inner:after {
1993
+ html.pixel-ratio-3 .content-block-inner:after {
1980
1994
  -webkit-transform: scaleY(0.33);
1981
1995
  transform: scaleY(0.33);
1982
1996
  }
@@ -2016,7 +2030,7 @@ html.ios-gt-6.pixel-ratio-3 .content-block-inner:after {
2016
2030
  font-size: 17px;
2017
2031
  }
2018
2032
  .list-block ul {
2019
- background: #ffffff;
2033
+ background: #fff;
2020
2034
  list-style: none;
2021
2035
  padding: 0;
2022
2036
  margin: 0;
@@ -2037,11 +2051,11 @@ html.ios-gt-6.pixel-ratio-3 .content-block-inner:after {
2037
2051
  -webkit-transform-origin: 50% 0%;
2038
2052
  transform-origin: 50% 0%;
2039
2053
  }
2040
- html.ios-gt-6.pixel-ratio-2 .list-block ul:before {
2054
+ html.pixel-ratio-2 .list-block ul:before {
2041
2055
  -webkit-transform: scaleY(0.5);
2042
2056
  transform: scaleY(0.5);
2043
2057
  }
2044
- html.ios-gt-6.pixel-ratio-3 .list-block ul:before {
2058
+ html.pixel-ratio-3 .list-block ul:before {
2045
2059
  -webkit-transform: scaleY(0.33);
2046
2060
  transform: scaleY(0.33);
2047
2061
  }
@@ -2060,11 +2074,11 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:before {
2060
2074
  -webkit-transform-origin: 50% 100%;
2061
2075
  transform-origin: 50% 100%;
2062
2076
  }
2063
- html.ios-gt-6.pixel-ratio-2 .list-block ul:after {
2077
+ html.pixel-ratio-2 .list-block ul:after {
2064
2078
  -webkit-transform: scaleY(0.5);
2065
2079
  transform: scaleY(0.5);
2066
2080
  }
2067
- html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2081
+ html.pixel-ratio-3 .list-block ul:after {
2068
2082
  -webkit-transform: scaleY(0.33);
2069
2083
  transform: scaleY(0.33);
2070
2084
  }
@@ -2164,8 +2178,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2164
2178
  }
2165
2179
  }
2166
2180
  .list-block li {
2167
- -webkit-box-sizing: border-box;
2168
- -moz-box-sizing: border-box;
2169
2181
  box-sizing: border-box;
2170
2182
  position: relative;
2171
2183
  }
@@ -2183,8 +2195,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2183
2195
  -ms-flex-wrap: none;
2184
2196
  -ms-flex-wrap: nowrap;
2185
2197
  flex-wrap: nowrap;
2186
- -webkit-box-sizing: border-box;
2187
- -moz-box-sizing: border-box;
2188
2198
  box-sizing: border-box;
2189
2199
  -webkit-box-align: center;
2190
2200
  -ms-flex-align: center;
@@ -2196,7 +2206,7 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2196
2206
  .list-block .item-media i + i {
2197
2207
  margin-left: 5px;
2198
2208
  }
2199
- .list-block .item-media i + img {
2209
+ .list-block .item-media i + assets {
2200
2210
  margin-left: 5px;
2201
2211
  }
2202
2212
  .list-block .item-media + .item-inner {
@@ -2209,8 +2219,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2209
2219
  padding-top: 8px;
2210
2220
  padding-bottom: 7px;
2211
2221
  min-height: 44px;
2212
- -webkit-box-sizing: border-box;
2213
- -moz-box-sizing: border-box;
2214
2222
  box-sizing: border-box;
2215
2223
  display: -webkit-box;
2216
2224
  display: -ms-flexbox;
@@ -2218,6 +2226,7 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2218
2226
  display: flex;
2219
2227
  -webkit-box-flex: 1;
2220
2228
  -ms-flex: 1;
2229
+ overflow: hidden;
2221
2230
  -webkit-box-pack: justify;
2222
2231
  -ms-flex-pack: justify;
2223
2232
  -webkit-justify-content: space-between;
@@ -2226,6 +2235,9 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2226
2235
  -ms-flex-align: center;
2227
2236
  -webkit-align-items: center;
2228
2237
  align-items: center;
2238
+ -ms-flex-item-align: stretch;
2239
+ -webkit-align-self: stretch;
2240
+ align-self: stretch;
2229
2241
  }
2230
2242
  .list-block .item-inner:after {
2231
2243
  content: '';
@@ -2242,11 +2254,11 @@ html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
2242
2254
  -webkit-transform-origin: 50% 100%;
2243
2255
  transform-origin: 50% 100%;
2244
2256
  }
2245
- html.ios-gt-6.pixel-ratio-2 .list-block .item-inner:after {
2257
+ html.pixel-ratio-2 .list-block .item-inner:after {
2246
2258
  -webkit-transform: scaleY(0.5);
2247
2259
  transform: scaleY(0.5);
2248
2260
  }
2249
- html.ios-gt-6.pixel-ratio-3 .list-block .item-inner:after {
2261
+ html.pixel-ratio-3 .list-block .item-inner:after {
2250
2262
  -webkit-transform: scaleY(0.33);
2251
2263
  transform: scaleY(0.33);
2252
2264
  }
@@ -2254,28 +2266,13 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-inner:after {
2254
2266
  -webkit-flex-shrink: 1;
2255
2267
  -ms-flex: 0 1 auto;
2256
2268
  flex-shrink: 1;
2269
+ min-width: 0;
2257
2270
  white-space: nowrap;
2258
2271
  position: relative;
2259
2272
  overflow: hidden;
2260
2273
  text-overflow: ellipsis;
2261
2274
  max-width: 100%;
2262
2275
  }
2263
- .list-block .item-title.label {
2264
- width: 35%;
2265
- -webkit-flex-shrink: 0;
2266
- -ms-flex: 0 0 auto;
2267
- flex-shrink: 0;
2268
- }
2269
- .list-block .item-input {
2270
- width: 100%;
2271
- margin-top: -8px;
2272
- margin-bottom: -7px;
2273
- -webkit-box-flex: 1;
2274
- -ms-flex: 1;
2275
- -webkit-flex-shrink: 1;
2276
- -ms-flex: 0 1 auto;
2277
- flex-shrink: 1;
2278
- }
2279
2276
  .list-block .item-after {
2280
2277
  white-space: nowrap;
2281
2278
  color: #8e8e93;
@@ -2289,11 +2286,13 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-inner:after {
2289
2286
  display: flex;
2290
2287
  max-height: 28px;
2291
2288
  }
2292
- .list-block .smart-select .item-after {
2289
+ .list-block .smart-select .item-after,
2290
+ .list-block .autocomplete-opener .item-after {
2293
2291
  max-width: 70%;
2294
2292
  overflow: hidden;
2295
2293
  text-overflow: ellipsis;
2296
2294
  position: relative;
2295
+ display: block;
2297
2296
  }
2298
2297
  .list-block .item-link {
2299
2298
  -webkit-transition-duration: 300ms;
@@ -2342,17 +2341,15 @@ html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,
2342
2341
  -webkit-transform-origin: 50% 100%;
2343
2342
  transform-origin: 50% 100%;
2344
2343
  }
2345
- html.ios-gt-6.pixel-ratio-2 .list-block .item-link.list-button:after {
2344
+ html.pixel-ratio-2 .list-block .item-link.list-button:after {
2346
2345
  -webkit-transform: scaleY(0.5);
2347
2346
  transform: scaleY(0.5);
2348
2347
  }
2349
- html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
2348
+ html.pixel-ratio-3 .list-block .item-link.list-button:after {
2350
2349
  -webkit-transform: scaleY(0.33);
2351
2350
  transform: scaleY(0.33);
2352
2351
  }
2353
2352
  .list-block .item-content {
2354
- -webkit-box-sizing: border-box;
2355
- -moz-box-sizing: border-box;
2356
2353
  box-sizing: border-box;
2357
2354
  padding-left: 15px;
2358
2355
  min-height: 44px;
@@ -2485,6 +2482,10 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
2485
2482
  .list-block li.media-item .item-title {
2486
2483
  font-weight: 500;
2487
2484
  }
2485
+ html.ios-gt-8 .list-block.media-list .item-title,
2486
+ html.ios-gt-8 .list-block li.media-item .item-title {
2487
+ font-weight: 600;
2488
+ }
2488
2489
  .list-block.media-list .item-inner,
2489
2490
  .list-block li.media-item .item-inner {
2490
2491
  display: block;
@@ -2511,8 +2512,8 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
2511
2512
  padding-top: 9px;
2512
2513
  padding-bottom: 10px;
2513
2514
  }
2514
- .list-block.media-list .item-media img,
2515
- .list-block li.media-item .item-media img {
2515
+ .list-block.media-list .item-media assets,
2516
+ .list-block li.media-item .item-media assets {
2516
2517
  display: block;
2517
2518
  }
2518
2519
  .list-block.media-list .item-title-row,
@@ -2533,14 +2534,14 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
2533
2534
  }
2534
2535
  .list-block .list-group ul:after,
2535
2536
  .list-block .list-group ul:before {
2536
- z-index: 11;
2537
+ z-index: 25;
2537
2538
  }
2538
2539
  .list-block .list-group + .list-group ul:before {
2539
2540
  display: none;
2540
2541
  }
2541
2542
  .list-block .item-divider,
2542
2543
  .list-block .list-group-title {
2543
- background: #f7f7f7;
2544
+ background: #F7F7F7;
2544
2545
  margin-top: -1px;
2545
2546
  padding: 4px 15px;
2546
2547
  white-space: nowrap;
@@ -2549,6 +2550,7 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
2549
2550
  text-overflow: ellipsis;
2550
2551
  overflow: hidden;
2551
2552
  color: #8e8e93;
2553
+ z-index: 15;
2552
2554
  }
2553
2555
  .list-block .item-divider:before,
2554
2556
  .list-block .list-group-title:before {
@@ -2566,13 +2568,13 @@ html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
2566
2568
  -webkit-transform-origin: 50% 0%;
2567
2569
  transform-origin: 50% 0%;
2568
2570
  }
2569
- html.ios-gt-6.pixel-ratio-2 .list-block .item-divider:before,
2570
- html.ios-gt-6.pixel-ratio-2 .list-block .list-group-title:before {
2571
+ html.pixel-ratio-2 .list-block .item-divider:before,
2572
+ html.pixel-ratio-2 .list-block .list-group-title:before {
2571
2573
  -webkit-transform: scaleY(0.5);
2572
2574
  transform: scaleY(0.5);
2573
2575
  }
2574
- html.ios-gt-6.pixel-ratio-3 .list-block .item-divider:before,
2575
- html.ios-gt-6.pixel-ratio-3 .list-block .list-group-title:before {
2576
+ html.pixel-ratio-3 .list-block .item-divider:before,
2577
+ html.pixel-ratio-3 .list-block .list-group-title:before {
2576
2578
  -webkit-transform: scaleY(0.33);
2577
2579
  transform: scaleY(0.33);
2578
2580
  }
@@ -2658,13 +2660,13 @@ html.ios-gt-6.pixel-ratio-3 .list-block .list-group-title:before {
2658
2660
  -webkit-transform-origin: 50% 100%;
2659
2661
  transform-origin: 50% 100%;
2660
2662
  }
2661
- html.ios-gt-6.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
2662
- html.ios-gt-6.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
2663
+ html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
2664
+ html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
2663
2665
  -webkit-transform: scaleY(0.5);
2664
2666
  transform: scaleY(0.5);
2665
2667
  }
2666
- html.ios-gt-6.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
2667
- html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2668
+ html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
2669
+ html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2668
2670
  -webkit-transform: scaleY(0.33);
2669
2671
  transform: scaleY(0.33);
2670
2672
  }
@@ -2683,6 +2685,9 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2683
2685
  line-height: 22px;
2684
2686
  height: 22px;
2685
2687
  }
2688
+ html.ios-gt-8 .contacts-block .list-group-title {
2689
+ font-weight: 600;
2690
+ }
2686
2691
  .contacts-block .list-group:first-child ul:before {
2687
2692
  display: none;
2688
2693
  }
@@ -2706,16 +2711,13 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2706
2711
  -moz-appearance: none;
2707
2712
  -ms-appearance: none;
2708
2713
  appearance: none;
2709
- -webkit-box-sizing: border-box;
2710
- -moz-box-sizing: border-box;
2711
2714
  box-sizing: border-box;
2712
2715
  border: none;
2713
2716
  background: none;
2714
2717
  border-radius: 0 0 0 0;
2715
- -webkit-box-shadow: none;
2716
2718
  box-shadow: none;
2717
2719
  display: block;
2718
- padding: 0 0 0 5px;
2720
+ padding: 0px;
2719
2721
  margin: 0;
2720
2722
  width: 100%;
2721
2723
  height: 43px;
@@ -2723,6 +2725,12 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2723
2725
  font-size: 17px;
2724
2726
  font-family: inherit;
2725
2727
  }
2728
+ .list-block .item-title.label {
2729
+ vertical-align: top;
2730
+ }
2731
+ .list-block .item-title.label + .item-input {
2732
+ margin-left: 5px;
2733
+ }
2726
2734
  .list-block input[type="date"],
2727
2735
  .list-block input[type="datetime-local"] {
2728
2736
  line-height: 44px;
@@ -2733,9 +2741,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2733
2741
  -ms-appearance: none;
2734
2742
  appearance: none;
2735
2743
  }
2736
- .list-block .label {
2737
- vertical-align: top;
2738
- }
2739
2744
  .list-block textarea {
2740
2745
  height: 100px;
2741
2746
  resize: none;
@@ -2743,13 +2748,30 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2743
2748
  padding-top: 8px;
2744
2749
  padding-bottom: 7px;
2745
2750
  }
2751
+ .list-block textarea.resizable {
2752
+ height: 43px;
2753
+ }
2754
+ .list-block .item-input {
2755
+ width: 100%;
2756
+ margin-top: -8px;
2757
+ margin-bottom: -7px;
2758
+ -webkit-box-flex: 1;
2759
+ -ms-flex: 1;
2760
+ -webkit-flex-shrink: 1;
2761
+ -ms-flex: 0 1 auto;
2762
+ flex-shrink: 1;
2763
+ }
2764
+ .list-block .item-title.label {
2765
+ width: 35%;
2766
+ -webkit-flex-shrink: 0;
2767
+ -ms-flex: 0 0 auto;
2768
+ flex-shrink: 0;
2769
+ }
2746
2770
  .label-switch {
2747
2771
  display: inline-block;
2748
2772
  vertical-align: middle;
2749
2773
  width: 52px;
2750
2774
  border-radius: 16px;
2751
- -webkit-box-sizing: border-box;
2752
- -moz-box-sizing: border-box;
2753
2775
  box-sizing: border-box;
2754
2776
  height: 32px;
2755
2777
  position: relative;
@@ -2761,8 +2783,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2761
2783
  .label-switch .checkbox {
2762
2784
  width: 52px;
2763
2785
  border-radius: 16px;
2764
- -webkit-box-sizing: border-box;
2765
- -moz-box-sizing: border-box;
2766
2786
  box-sizing: border-box;
2767
2787
  height: 32px;
2768
2788
  background: #e5e5e5;
@@ -2786,8 +2806,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2786
2806
  top: 2px;
2787
2807
  width: 48px;
2788
2808
  border-radius: 16px;
2789
- -webkit-box-sizing: border-box;
2790
- -moz-box-sizing: border-box;
2791
2809
  box-sizing: border-box;
2792
2810
  height: 28px;
2793
2811
  background: #fff;
@@ -2807,7 +2825,6 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2807
2825
  z-index: 2;
2808
2826
  top: 2px;
2809
2827
  left: 2px;
2810
- -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
2811
2828
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
2812
2829
  -webkit-transform: translateX(0px);
2813
2830
  transform: translateX(0px);
@@ -2825,8 +2842,8 @@ html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
2825
2842
  transform: scale(0);
2826
2843
  }
2827
2844
  .label-switch input[type="checkbox"]:checked + .checkbox:after {
2828
- -webkit-transform: translateX(22px);
2829
- transform: translateX(22px);
2845
+ -webkit-transform: translateX(20px);
2846
+ transform: translateX(20px);
2830
2847
  }
2831
2848
  html.android .label-switch input[type="checkbox"] + .checkbox {
2832
2849
  -webkit-transition-duration: 0;
@@ -2845,8 +2862,6 @@ html.android .label-switch input[type="checkbox"] + .checkbox:before {
2845
2862
  display: block;
2846
2863
  border-radius: 5px;
2847
2864
  line-height: 27px;
2848
- -webkit-box-sizing: border-box;
2849
- -moz-box-sizing: border-box;
2850
2865
  box-sizing: border-box;
2851
2866
  -webkit-appearance: none;
2852
2867
  -moz-appearance: none;
@@ -2863,6 +2878,7 @@ html.android .label-switch input[type="checkbox"] + .checkbox:before {
2863
2878
  font-size: 14px;
2864
2879
  font-family: inherit;
2865
2880
  cursor: pointer;
2881
+ outline: 0;
2866
2882
  }
2867
2883
  input[type="submit"].button,
2868
2884
  input[type="button"].button {
@@ -2933,6 +2949,9 @@ html:not(.watch-active-state) .button.button-fill:active,
2933
2949
  .buttons-row .button:last-child {
2934
2950
  border-radius: 0 5px 5px 0;
2935
2951
  }
2952
+ .buttons-row .button:first-child:last-child {
2953
+ border-radius: 5px;
2954
+ }
2936
2955
  .buttons-row .button.button-round:first-child {
2937
2956
  border-radius: 27px 0 0 27px;
2938
2957
  }
@@ -2965,6 +2984,14 @@ html:not(.watch-active-state) .button.button-fill:active,
2965
2984
  background-size: 100% 2px;
2966
2985
  background-repeat: no-repeat;
2967
2986
  outline: 0;
2987
+ border: none;
2988
+ box-sizing: content-box;
2989
+ -ms-background-position-y: 500px;
2990
+ }
2991
+ .range-slider input[type="range"]:focus,
2992
+ .range-slider input[type="range"]:active {
2993
+ border: 0;
2994
+ outline: 0;
2968
2995
  }
2969
2996
  .range-slider input[type="range"]:after {
2970
2997
  height: 2px;
@@ -2994,12 +3021,14 @@ html:not(.watch-active-state) .button.button-fill:active,
2994
3021
  border-radius: 28px;
2995
3022
  background: #fff;
2996
3023
  z-index: 10;
2997
- -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
2998
3024
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
3025
+ border: 0;
3026
+ outline: 0;
2999
3027
  position: absolute;
3028
+ box-sizing: border-box;
3029
+ content: ' ';
3000
3030
  left: 0;
3001
3031
  top: 0;
3002
- content: ' ';
3003
3032
  }
3004
3033
  .range-slider input[type="range"]::-webkit-slider-thumb:before {
3005
3034
  position: absolute;
@@ -3012,6 +3041,57 @@ html:not(.watch-active-state) .button.button-fill:active,
3012
3041
  background: #007aff;
3013
3042
  content: ' ';
3014
3043
  }
3044
+ .range-slider input[type="range"]::-moz-range-track {
3045
+ width: 100%;
3046
+ height: 2px;
3047
+ background: #b7b8b7;
3048
+ border: none;
3049
+ outline: 0;
3050
+ }
3051
+ .range-slider input[type="range"]::-moz-range-thumb {
3052
+ height: 28px;
3053
+ width: 28px;
3054
+ border-radius: 28px;
3055
+ background: #fff;
3056
+ z-index: 10;
3057
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
3058
+ border: 0;
3059
+ outline: 0;
3060
+ position: absolute;
3061
+ box-sizing: border-box;
3062
+ content: ' ';
3063
+ }
3064
+ .range-slider input[type="range"]::-ms-track {
3065
+ width: 100%;
3066
+ height: 2px;
3067
+ cursor: pointer;
3068
+ background: transparent;
3069
+ border-color: transparent;
3070
+ color: transparent;
3071
+ }
3072
+ .range-slider input[type="range"]::-ms-thumb {
3073
+ height: 28px;
3074
+ width: 28px;
3075
+ border-radius: 28px;
3076
+ background: #fff;
3077
+ z-index: 10;
3078
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
3079
+ border: 0;
3080
+ outline: 0;
3081
+ position: absolute;
3082
+ content: ' ';
3083
+ box-shadow: none;
3084
+ border: 1px solid rgba(0, 0, 0, 0.2);
3085
+ box-sizing: border-box;
3086
+ margin-top: 0;
3087
+ top: 50%;
3088
+ }
3089
+ .range-slider input[type="range"]::-ms-fill-lower {
3090
+ background: #007aff;
3091
+ }
3092
+ .range-slider input[type="range"]::-ms-fill-upper {
3093
+ background: #b7b8b7;
3094
+ }
3015
3095
  label.label-checkbox {
3016
3096
  cursor: pointer;
3017
3097
  }
@@ -3021,8 +3101,6 @@ label.label-checkbox i.icon-form-checkbox {
3021
3101
  position: relative;
3022
3102
  border-radius: 22px;
3023
3103
  border: 1px solid #c7c7cc;
3024
- -webkit-box-sizing: border-box;
3025
- -moz-box-sizing: border-box;
3026
3104
  box-sizing: border-box;
3027
3105
  }
3028
3106
  label.label-checkbox i.icon-form-checkbox:after {
@@ -3129,8 +3207,12 @@ html:not(.watch-active-state) .list-block .accordion-item-toggle:active > .item-
3129
3207
  -webkit-transition-duration: 300ms;
3130
3208
  transition-duration: 300ms;
3131
3209
  }
3132
- .list-block .accordion-item-expanded .accordion-item-toggle .item-inner,
3133
- .list-block .accordion-item-expanded > .item-link .item-inner {
3210
+ .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,
3211
+ .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) > .item-link .item-inner,
3212
+ .list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,
3213
+ .list-block.media-list .accordion-item-expanded > .item-link .item-title-row,
3214
+ .list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,
3215
+ .list-block .accordion-item-expanded.media-item > .item-link .item-title-row {
3134
3216
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
3135
3217
  background-size: 20px 20px;
3136
3218
  }
@@ -3323,11 +3405,11 @@ html:not(.watch-active-state) .card-footer a.link:active,
3323
3405
  -webkit-transform-origin: 50% 100%;
3324
3406
  transform-origin: 50% 100%;
3325
3407
  }
3326
- html.ios-gt-6.pixel-ratio-2 .card-header:after {
3408
+ html.pixel-ratio-2 .card-header:after {
3327
3409
  -webkit-transform: scaleY(0.5);
3328
3410
  transform: scaleY(0.5);
3329
3411
  }
3330
- html.ios-gt-6.pixel-ratio-3 .card-header:after {
3412
+ html.pixel-ratio-3 .card-header:after {
3331
3413
  -webkit-transform: scaleY(0.33);
3332
3414
  transform: scaleY(0.33);
3333
3415
  }
@@ -3353,11 +3435,11 @@ html.ios-gt-6.pixel-ratio-3 .card-header:after {
3353
3435
  -webkit-transform-origin: 50% 0%;
3354
3436
  transform-origin: 50% 0%;
3355
3437
  }
3356
- html.ios-gt-6.pixel-ratio-2 .card-footer:before {
3438
+ html.pixel-ratio-2 .card-footer:before {
3357
3439
  -webkit-transform: scaleY(0.5);
3358
3440
  transform: scaleY(0.5);
3359
3441
  }
3360
- html.ios-gt-6.pixel-ratio-3 .card-footer:before {
3442
+ html.pixel-ratio-3 .card-footer:before {
3361
3443
  -webkit-transform: scaleY(0.33);
3362
3444
  transform: scaleY(0.33);
3363
3445
  }
@@ -3374,7 +3456,7 @@ html.ios-gt-6.pixel-ratio-3 .card-footer:before {
3374
3456
  width: 100%;
3375
3457
  height: 100%;
3376
3458
  background: rgba(0, 0, 0, 0.4);
3377
- z-index: 10600;
3459
+ z-index: 13000;
3378
3460
  visibility: hidden;
3379
3461
  opacity: 0;
3380
3462
  -webkit-transition-duration: 400ms;
@@ -3387,18 +3469,19 @@ html.ios-gt-6.pixel-ratio-3 .card-footer:before {
3387
3469
  opacity: 1;
3388
3470
  }
3389
3471
  .popup-overlay {
3390
- z-index: 10200;
3472
+ z-index: 10500;
3391
3473
  }
3392
3474
  .modal {
3393
3475
  width: 270px;
3394
3476
  position: absolute;
3395
- z-index: 11000;
3477
+ z-index: 13500;
3396
3478
  left: 50%;
3397
3479
  margin-left: -135px;
3398
3480
  margin-top: 0;
3399
3481
  top: 50%;
3400
3482
  text-align: center;
3401
- border-radius: 7px;
3483
+ border-radius: 13px;
3484
+ overflow: hidden;
3402
3485
  opacity: 0;
3403
3486
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
3404
3487
  transform: translate3d(0, 0, 0) scale(1.185);
@@ -3419,17 +3502,17 @@ html.ios-gt-6.pixel-ratio-3 .card-footer:before {
3419
3502
  }
3420
3503
  .modal.modal-out {
3421
3504
  opacity: 0;
3422
- z-index: 10999;
3505
+ z-index: 13499;
3423
3506
  -webkit-transition-duration: 400ms;
3424
3507
  transition-duration: 400ms;
3425
- -webkit-transform: translate3d(0, 0, 0) scale(0.815);
3426
- transform: translate3d(0, 0, 0) scale(0.815);
3508
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
3509
+ transform: translate3d(0, 0, 0) scale(1);
3427
3510
  }
3428
3511
  .modal-inner {
3429
3512
  padding: 15px;
3430
- border-radius: 7px 7px 0 0;
3513
+ border-radius: 13px 13px 0 0;
3431
3514
  position: relative;
3432
- background: #e8e8e8;
3515
+ background: rgba(255, 255, 255, 0.95);
3433
3516
  }
3434
3517
  .modal-inner:after {
3435
3518
  content: '';
@@ -3440,17 +3523,17 @@ html.ios-gt-6.pixel-ratio-3 .card-footer:before {
3440
3523
  top: auto;
3441
3524
  height: 1px;
3442
3525
  width: 100%;
3443
- background-color: #b5b5b5;
3526
+ background-color: rgba(0, 0, 0, 0.2);
3444
3527
  display: block;
3445
3528
  z-index: 15;
3446
3529
  -webkit-transform-origin: 50% 100%;
3447
3530
  transform-origin: 50% 100%;
3448
3531
  }
3449
- html.ios-gt-6.pixel-ratio-2 .modal-inner:after {
3532
+ html.pixel-ratio-2 .modal-inner:after {
3450
3533
  -webkit-transform: scaleY(0.5);
3451
3534
  transform: scaleY(0.5);
3452
3535
  }
3453
- html.ios-gt-6.pixel-ratio-3 .modal-inner:after {
3536
+ html.pixel-ratio-3 .modal-inner:after {
3454
3537
  -webkit-transform: scaleY(0.33);
3455
3538
  transform: scaleY(0.33);
3456
3539
  }
@@ -3459,12 +3542,15 @@ html.ios-gt-6.pixel-ratio-3 .modal-inner:after {
3459
3542
  font-size: 18px;
3460
3543
  text-align: center;
3461
3544
  }
3545
+ html.ios-gt-8 .modal-title {
3546
+ font-weight: 600;
3547
+ }
3462
3548
  .modal-title + .modal-text {
3463
3549
  margin-top: 5px;
3464
3550
  }
3465
3551
  .modal-buttons {
3466
3552
  height: 44px;
3467
- overflow: hidden;
3553
+ position: relative;
3468
3554
  display: -webkit-box;
3469
3555
  display: -ms-flexbox;
3470
3556
  display: -webkit-flex;
@@ -3486,18 +3572,16 @@ html.ios-gt-6.pixel-ratio-3 .modal-inner:after {
3486
3572
  line-height: 44px;
3487
3573
  text-align: center;
3488
3574
  color: #007aff;
3489
- background: #e8e8e8;
3490
3575
  display: block;
3491
3576
  position: relative;
3492
3577
  white-space: nowrap;
3493
3578
  text-overflow: ellipsis;
3494
3579
  overflow: hidden;
3495
3580
  cursor: pointer;
3496
- -webkit-box-sizing: border-box;
3497
- -moz-box-sizing: border-box;
3498
3581
  box-sizing: border-box;
3499
3582
  -webkit-box-flex: 1;
3500
3583
  -ms-flex: 1;
3584
+ background: rgba(255, 255, 255, 0.95);
3501
3585
  }
3502
3586
  .modal-button:after {
3503
3587
  content: '';
@@ -3508,38 +3592,41 @@ html.ios-gt-6.pixel-ratio-3 .modal-inner:after {
3508
3592
  bottom: auto;
3509
3593
  width: 1px;
3510
3594
  height: 100%;
3511
- background-color: #b5b5b5;
3595
+ background-color: rgba(0, 0, 0, 0.2);
3512
3596
  display: block;
3513
3597
  z-index: 15;
3514
3598
  -webkit-transform-origin: 100% 50%;
3515
3599
  transform-origin: 100% 50%;
3516
3600
  }
3517
- html.ios-gt-6.pixel-ratio-2 .modal-button:after {
3601
+ html.pixel-ratio-2 .modal-button:after {
3518
3602
  -webkit-transform: scaleX(0.5);
3519
3603
  transform: scaleX(0.5);
3520
3604
  }
3521
- html.ios-gt-6.pixel-ratio-3 .modal-button:after {
3605
+ html.pixel-ratio-3 .modal-button:after {
3522
3606
  -webkit-transform: scaleX(0.33);
3523
3607
  transform: scaleX(0.33);
3524
3608
  }
3525
3609
  .modal-button:first-child {
3526
- border-radius: 0 0 0 7px;
3610
+ border-radius: 0 0 0 13px;
3527
3611
  }
3528
3612
  .modal-button:last-child {
3529
- border-radius: 0 0 7px 0;
3613
+ border-radius: 0 0 13px 0;
3530
3614
  }
3531
3615
  .modal-button:last-child:after {
3532
3616
  display: none;
3533
3617
  }
3534
3618
  .modal-button:first-child:last-child {
3535
- border-radius: 0 0 7px 7px;
3619
+ border-radius: 0 0 13px 13px;
3536
3620
  }
3537
3621
  .modal-button.modal-button-bold {
3538
3622
  font-weight: 500;
3539
3623
  }
3624
+ html.ios-gt-8 .modal-button.modal-button-bold {
3625
+ font-weight: 600;
3626
+ }
3540
3627
  html:not(.watch-active-state) .modal-button:active,
3541
3628
  .modal-button.active-state {
3542
- background: #d4d4d4;
3629
+ background: rgba(230, 230, 230, 0.95);
3543
3630
  }
3544
3631
  .modal-buttons-vertical .modal-button {
3545
3632
  border-radius: 0;
@@ -3559,28 +3646,28 @@ html:not(.watch-active-state) .modal-button:active,
3559
3646
  top: auto;
3560
3647
  height: 1px;
3561
3648
  width: 100%;
3562
- background-color: #b5b5b5;
3649
+ background-color: rgba(0, 0, 0, 0.2);
3563
3650
  display: block;
3564
3651
  z-index: 15;
3565
3652
  -webkit-transform-origin: 50% 100%;
3566
3653
  transform-origin: 50% 100%;
3567
3654
  }
3568
- html.ios-gt-6.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
3655
+ html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
3569
3656
  -webkit-transform: scaleY(0.5);
3570
3657
  transform: scaleY(0.5);
3571
3658
  }
3572
- html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3659
+ html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3573
3660
  -webkit-transform: scaleY(0.33);
3574
3661
  transform: scaleY(0.33);
3575
3662
  }
3576
3663
  .modal-buttons-vertical .modal-button:last-child {
3577
- border-radius: 0 0 7px 7px;
3664
+ border-radius: 0 0 13px 13px;
3578
3665
  }
3579
3666
  .modal-buttons-vertical .modal-button:last-child:after {
3580
3667
  display: none;
3581
3668
  }
3582
3669
  .modal-no-buttons .modal-inner {
3583
- border-radius: 7px;
3670
+ border-radius: 13px;
3584
3671
  }
3585
3672
  .modal-no-buttons .modal-inner:after {
3586
3673
  display: none;
@@ -3592,11 +3679,18 @@ html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3592
3679
  position: absolute;
3593
3680
  left: 0;
3594
3681
  bottom: 0;
3595
- z-index: 11000;
3682
+ z-index: 13500;
3596
3683
  width: 100%;
3597
3684
  -webkit-transform: translate3d(0, 100%, 0);
3598
3685
  transform: translate3d(0, 100%, 0);
3599
3686
  }
3687
+ @media (min-width: 496px) {
3688
+ .actions-modal {
3689
+ width: 480px;
3690
+ left: 50%;
3691
+ margin-left: -240px;
3692
+ }
3693
+ }
3600
3694
  .actions-modal.modal-in {
3601
3695
  -webkit-transition-duration: 300ms;
3602
3696
  transition-duration: 300ms;
@@ -3604,7 +3698,7 @@ html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3604
3698
  transform: translate3d(0, 0, 0);
3605
3699
  }
3606
3700
  .actions-modal.modal-out {
3607
- z-index: 10999;
3701
+ z-index: 13499;
3608
3702
  -webkit-transition-duration: 300ms;
3609
3703
  transition-duration: 300ms;
3610
3704
  -webkit-transform: translate3d(0, 100%, 0);
@@ -3612,6 +3706,11 @@ html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3612
3706
  }
3613
3707
  .actions-modal-group {
3614
3708
  margin: 8px;
3709
+ position: relative;
3710
+ border-radius: 13px;
3711
+ overflow: hidden;
3712
+ -webkit-transform: translate3d(0, 0, 0);
3713
+ transform: translate3d(0, 0, 0);
3615
3714
  }
3616
3715
  .actions-modal-button,
3617
3716
  .actions-modal-label {
@@ -3619,12 +3718,11 @@ html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3619
3718
  text-align: center;
3620
3719
  font-weight: normal;
3621
3720
  margin: 0;
3622
- background: rgba(243, 243, 243, 0.95);
3623
- -webkit-box-sizing: border-box;
3624
- -moz-box-sizing: border-box;
3721
+ background: rgba(255, 255, 255, 0.95);
3625
3722
  box-sizing: border-box;
3626
3723
  display: block;
3627
3724
  position: relative;
3725
+ overflow: hidden;
3628
3726
  }
3629
3727
  .actions-modal-button:after,
3630
3728
  .actions-modal-label:after {
@@ -3636,19 +3734,19 @@ html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
3636
3734
  top: auto;
3637
3735
  height: 1px;
3638
3736
  width: 100%;
3639
- background-color: #d2d2d6;
3737
+ background-color: rgba(0, 0, 0, 0.2);
3640
3738
  display: block;
3641
3739
  z-index: 15;
3642
3740
  -webkit-transform-origin: 50% 100%;
3643
3741
  transform-origin: 50% 100%;
3644
3742
  }
3645
- html.ios-gt-6.pixel-ratio-2 .actions-modal-button:after,
3646
- html.ios-gt-6.pixel-ratio-2 .actions-modal-label:after {
3743
+ html.pixel-ratio-2 .actions-modal-button:after,
3744
+ html.pixel-ratio-2 .actions-modal-label:after {
3647
3745
  -webkit-transform: scaleY(0.5);
3648
3746
  transform: scaleY(0.5);
3649
3747
  }
3650
- html.ios-gt-6.pixel-ratio-3 .actions-modal-button:after,
3651
- html.ios-gt-6.pixel-ratio-3 .actions-modal-label:after {
3748
+ html.pixel-ratio-3 .actions-modal-button:after,
3749
+ html.pixel-ratio-3 .actions-modal-label:after {
3652
3750
  -webkit-transform: scaleY(0.33);
3653
3751
  transform: scaleY(0.33);
3654
3752
  }
@@ -3656,26 +3754,35 @@ html.ios-gt-6.pixel-ratio-3 .actions-modal-label:after {
3656
3754
  .actions-modal-label a {
3657
3755
  text-decoration: none;
3658
3756
  color: inherit;
3757
+ display: block;
3659
3758
  }
3660
3759
  .actions-modal-button b,
3661
3760
  .actions-modal-label b {
3662
3761
  font-weight: 500;
3663
3762
  }
3763
+ html.ios-gt-8 .actions-modal-button b,
3764
+ html.ios-gt-8 .actions-modal-label b {
3765
+ font-weight: 600;
3766
+ }
3664
3767
  .actions-modal-button.actions-modal-button-bold,
3665
3768
  .actions-modal-label.actions-modal-button-bold {
3666
3769
  font-weight: 500;
3667
3770
  }
3771
+ html.ios-gt-8 .actions-modal-button.actions-modal-button-bold,
3772
+ html.ios-gt-8 .actions-modal-label.actions-modal-button-bold {
3773
+ font-weight: 600;
3774
+ }
3668
3775
  .actions-modal-button.actions-modal-button-red,
3669
3776
  .actions-modal-label.actions-modal-button-red {
3670
3777
  color: #ff3b30;
3671
3778
  }
3672
3779
  .actions-modal-button:first-child,
3673
3780
  .actions-modal-label:first-child {
3674
- border-radius: 4px 4px 0 0;
3781
+ border-radius: 13px 13px 0 0;
3675
3782
  }
3676
3783
  .actions-modal-button:last-child,
3677
3784
  .actions-modal-label:last-child {
3678
- border-radius: 0 0 4px 4px;
3785
+ border-radius: 0 0 13px 13px;
3679
3786
  }
3680
3787
  .actions-modal-button:last-child:after,
3681
3788
  .actions-modal-label:last-child:after {
@@ -3683,27 +3790,30 @@ html.ios-gt-6.pixel-ratio-3 .actions-modal-label:after {
3683
3790
  }
3684
3791
  .actions-modal-button:first-child:last-child,
3685
3792
  .actions-modal-label:first-child:last-child {
3686
- border-radius: 4px;
3793
+ border-radius: 13px;
3687
3794
  }
3688
3795
  .actions-modal-button.disabled,
3689
3796
  .actions-modal-label.disabled {
3690
- opacity: 0.95;
3797
+ opacity: 0.9;
3691
3798
  color: #8e8e93;
3692
3799
  }
3693
3800
  .actions-modal-button {
3694
3801
  cursor: pointer;
3695
- line-height: 43px;
3802
+ height: 57px;
3803
+ line-height: 57px;
3696
3804
  font-size: 20px;
3697
3805
  color: #007aff;
3806
+ white-space: normal;
3807
+ text-overflow: ellipsis;
3698
3808
  }
3699
3809
  html:not(.watch-active-state) .actions-modal-button:active,
3700
3810
  .actions-modal-button.active-state {
3701
- background: #dcdcdc;
3811
+ background: rgba(230, 230, 230, 0.9);
3702
3812
  }
3703
3813
  .actions-modal-label {
3704
3814
  font-size: 13px;
3705
3815
  line-height: 1.3;
3706
- min-height: 44px;
3816
+ min-height: 57px;
3707
3817
  padding: 8px 10px;
3708
3818
  color: #8a8a8a;
3709
3819
  display: -webkit-box;
@@ -3719,22 +3829,28 @@ html:not(.watch-active-state) .actions-modal-button:active,
3719
3829
  -webkit-align-items: center;
3720
3830
  align-items: center;
3721
3831
  }
3832
+ @media (orientation: landscape) {
3833
+ .actions-modal-label {
3834
+ min-height: 44px;
3835
+ }
3836
+ .actions-modal-button {
3837
+ height: 44px;
3838
+ line-height: 44px;
3839
+ }
3840
+ }
3722
3841
  input.modal-text-input {
3723
- -webkit-box-sizing: border-box;
3724
- -moz-box-sizing: border-box;
3725
3842
  box-sizing: border-box;
3726
- height: 30px;
3843
+ height: 26px;
3727
3844
  background: #fff;
3728
3845
  margin: 0;
3729
3846
  margin-top: 15px;
3730
3847
  padding: 0 5px;
3731
- border: 1px solid #a0a0a0;
3732
- border-radius: 5px;
3848
+ border: 1px solid rgba(0, 0, 0, 0.3);
3849
+ border-radius: 0;
3733
3850
  width: 100%;
3734
3851
  font-size: 14px;
3735
3852
  font-family: inherit;
3736
3853
  display: block;
3737
- -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
3738
3854
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
3739
3855
  -webkit-appearance: none;
3740
3856
  -moz-appearance: none;
@@ -3744,23 +3860,19 @@ input.modal-text-input {
3744
3860
  input.modal-text-input + input.modal-text-input {
3745
3861
  margin-top: 5px;
3746
3862
  }
3747
- input.modal-text-input.modal-text-input-double {
3748
- border-radius: 5px 5px 0 0;
3749
- }
3750
- input.modal-text-input.modal-text-input-double + input.modal-text-input {
3751
- margin-top: 0;
3863
+ .modal-input-double + .modal-input-double input.modal-text-input {
3752
3864
  border-top: 0;
3753
- border-radius: 0 0 5px 5px;
3865
+ margin-top: 0;
3754
3866
  }
3755
3867
  .popover {
3756
3868
  width: 320px;
3757
3869
  background: rgba(255, 255, 255, 0.95);
3758
- z-index: 11000;
3870
+ z-index: 13500;
3759
3871
  margin: 0;
3760
3872
  top: 0;
3761
3873
  opacity: 0;
3762
3874
  left: 0;
3763
- border-radius: 7px;
3875
+ border-radius: 13px;
3764
3876
  position: absolute;
3765
3877
  display: none;
3766
3878
  -webkit-transform: none;
@@ -3783,26 +3895,26 @@ input.modal-text-input.modal-text-input-double + input.modal-text-input {
3783
3895
  background: none;
3784
3896
  }
3785
3897
  .popover .list-block:first-child ul {
3786
- border-radius: 7px 7px 0 0;
3898
+ border-radius: 13px 13px 0 0;
3787
3899
  }
3788
3900
  .popover .list-block:first-child ul:before {
3789
3901
  display: none;
3790
3902
  }
3791
3903
  .popover .list-block:first-child li:first-child a {
3792
- border-radius: 7px 7px 0 0;
3904
+ border-radius: 13px 13px 0 0;
3793
3905
  }
3794
3906
  .popover .list-block:last-child ul {
3795
- border-radius: 0 0 7px 7px;
3907
+ border-radius: 0 0 13px 13px;
3796
3908
  }
3797
3909
  .popover .list-block:last-child ul:after {
3798
3910
  display: none;
3799
3911
  }
3800
3912
  .popover .list-block:last-child li:last-child a {
3801
- border-radius: 0 0 7px 7px;
3913
+ border-radius: 0 0 13px 13px;
3802
3914
  }
3803
3915
  .popover .list-block:first-child:last-child li:first-child:last-child a,
3804
3916
  .popover .list-block:first-child:last-child ul:first-child:last-child {
3805
- border-radius: 7px;
3917
+ border-radius: 13px;
3806
3918
  }
3807
3919
  .popover .list-block + .list-block {
3808
3920
  margin-top: 35px;
@@ -3885,17 +3997,17 @@ input.modal-text-input.modal-text-input-double + input.modal-text-input {
3885
3997
  top: auto;
3886
3998
  height: 1px;
3887
3999
  width: 100%;
3888
- background-color: #d2d2d6;
4000
+ background-color: rgba(0, 0, 0, 0.2);
3889
4001
  display: block;
3890
4002
  z-index: 15;
3891
4003
  -webkit-transform-origin: 50% 100%;
3892
4004
  transform-origin: 50% 100%;
3893
4005
  }
3894
- html.ios-gt-6.pixel-ratio-2 .actions-popover-label:after {
4006
+ html.pixel-ratio-2 .actions-popover-label:after {
3895
4007
  -webkit-transform: scaleY(0.5);
3896
4008
  transform: scaleY(0.5);
3897
4009
  }
3898
- html.ios-gt-6.pixel-ratio-3 .actions-popover-label:after {
4010
+ html.pixel-ratio-3 .actions-popover-label:after {
3899
4011
  -webkit-transform: scaleY(0.33);
3900
4012
  transform: scaleY(0.33);
3901
4013
  }
@@ -3909,10 +4021,8 @@ html.ios-gt-6.pixel-ratio-3 .actions-popover-label:after {
3909
4021
  top: 0;
3910
4022
  width: 100%;
3911
4023
  height: 100%;
3912
- z-index: 10400;
4024
+ z-index: 11000;
3913
4025
  background: #fff;
3914
- -webkit-box-sizing: border-box;
3915
- -moz-box-sizing: border-box;
3916
4026
  box-sizing: border-box;
3917
4027
  display: none;
3918
4028
  overflow: auto;
@@ -3973,7 +4083,7 @@ html.ios-gt-6.pixel-ratio-3 .actions-popover-label:after {
3973
4083
  top: 20px;
3974
4084
  }
3975
4085
  html.with-statusbar-overlay .popup-overlay {
3976
- z-index: 9800;
4086
+ z-index: 9500;
3977
4087
  }
3978
4088
  }
3979
4089
  html.with-statusbar-overlay .login-screen,
@@ -3999,7 +4109,7 @@ html.with-statusbar-overlay .popup.tablet-fullscreen {
3999
4109
  margin-left: -25px;
4000
4110
  margin-top: -25px;
4001
4111
  background: rgba(0, 0, 0, 0.8);
4002
- z-index: 11000;
4112
+ z-index: 13500;
4003
4113
  border-radius: 5px;
4004
4114
  }
4005
4115
  .preloader-indicator-modal .preloader {
@@ -4013,7 +4123,7 @@ html.with-statusbar-overlay .popup.tablet-fullscreen {
4013
4123
  bottom: 0;
4014
4124
  width: 100%;
4015
4125
  height: 260px;
4016
- z-index: 11500;
4126
+ z-index: 12500;
4017
4127
  display: none;
4018
4128
  -webkit-transition-property: -webkit-transform;
4019
4129
  -moz-transition-property: -moz-transform;
@@ -4044,6 +4154,7 @@ html.with-statusbar-overlay .popup.tablet-fullscreen {
4044
4154
  .picker-modal .toolbar {
4045
4155
  position: relative;
4046
4156
  width: 100%;
4157
+ background: #f7f7f8;
4047
4158
  }
4048
4159
  .picker-modal .toolbar:before {
4049
4160
  content: '';
@@ -4060,11 +4171,11 @@ html.with-statusbar-overlay .popup.tablet-fullscreen {
4060
4171
  -webkit-transform-origin: 50% 0%;
4061
4172
  transform-origin: 50% 0%;
4062
4173
  }
4063
- html.ios-gt-6.pixel-ratio-2 .picker-modal .toolbar:before {
4174
+ html.pixel-ratio-2 .picker-modal .toolbar:before {
4064
4175
  -webkit-transform: scaleY(0.5);
4065
4176
  transform: scaleY(0.5);
4066
4177
  }
4067
- html.ios-gt-6.pixel-ratio-3 .picker-modal .toolbar:before {
4178
+ html.pixel-ratio-3 .picker-modal .toolbar:before {
4068
4179
  -webkit-transform: scaleY(0.33);
4069
4180
  transform: scaleY(0.33);
4070
4181
  }
@@ -4102,13 +4213,13 @@ html.ios-gt-6.pixel-ratio-3 .picker-modal .toolbar:before {
4102
4213
  -webkit-transform-origin: 50% 100%;
4103
4214
  transform-origin: 50% 100%;
4104
4215
  }
4105
- html.ios-gt-6.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,
4106
- html.ios-gt-6.pixel-ratio-2 .popover .picker-modal .toolbar:after {
4216
+ html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,
4217
+ html.pixel-ratio-2 .popover .picker-modal .toolbar:after {
4107
4218
  -webkit-transform: scaleY(0.5);
4108
4219
  transform: scaleY(0.5);
4109
4220
  }
4110
- html.ios-gt-6.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,
4111
- html.ios-gt-6.pixel-ratio-3 .popover .picker-modal .toolbar:after {
4221
+ html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,
4222
+ html.pixel-ratio-3 .popover .picker-modal .toolbar:after {
4112
4223
  -webkit-transform: scaleY(0.33);
4113
4224
  transform: scaleY(0.33);
4114
4225
  }
@@ -4118,6 +4229,41 @@ html.ios-gt-6.pixel-ratio-3 .popover .picker-modal .toolbar:after {
4118
4229
  .popover .picker-modal .toolbar {
4119
4230
  background: none;
4120
4231
  }
4232
+ .picker-modal.smart-select-picker .page {
4233
+ background: #fff;
4234
+ }
4235
+ .picker-modal.smart-select-picker .toolbar:after {
4236
+ content: '';
4237
+ position: absolute;
4238
+ left: 0;
4239
+ bottom: 0;
4240
+ right: auto;
4241
+ top: auto;
4242
+ height: 1px;
4243
+ width: 100%;
4244
+ background-color: #c4c4c4;
4245
+ display: block;
4246
+ z-index: 15;
4247
+ -webkit-transform-origin: 50% 100%;
4248
+ transform-origin: 50% 100%;
4249
+ }
4250
+ html.pixel-ratio-2 .picker-modal.smart-select-picker .toolbar:after {
4251
+ -webkit-transform: scaleY(0.5);
4252
+ transform: scaleY(0.5);
4253
+ }
4254
+ html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after {
4255
+ -webkit-transform: scaleY(0.33);
4256
+ transform: scaleY(0.33);
4257
+ }
4258
+ .picker-modal.smart-select-picker .list-block {
4259
+ margin: 0;
4260
+ }
4261
+ .picker-modal.smart-select-picker .list-block ul:before {
4262
+ display: none;
4263
+ }
4264
+ .picker-modal.smart-select-picker .list-block ul:after {
4265
+ display: none;
4266
+ }
4121
4267
  /* === Panels === */
4122
4268
  .panel-overlay {
4123
4269
  position: absolute;
@@ -4134,8 +4280,6 @@ html.ios-gt-6.pixel-ratio-3 .popover .picker-modal .toolbar:after {
4134
4280
  z-index: 1000;
4135
4281
  display: none;
4136
4282
  background: #111;
4137
- -webkit-box-sizing: border-box;
4138
- -moz-box-sizing: border-box;
4139
4283
  box-sizing: border-box;
4140
4284
  overflow: auto;
4141
4285
  -webkit-overflow-scrolling: touch;
@@ -4262,9 +4406,15 @@ body.panel-closing .views {
4262
4406
  -ms-flex: 0 0 auto;
4263
4407
  flex-shrink: 0;
4264
4408
  }
4265
- /* === Messages === */
4266
- .messages-content {
4267
- background: #fff;
4409
+ .tabs-swipeable-wrap {
4410
+ height: 100%;
4411
+ }
4412
+ .tabs-swipeable-wrap > .tabs > .tab {
4413
+ display: block;
4414
+ }
4415
+ /* === Messages === */
4416
+ .messages-content {
4417
+ background: #fff;
4268
4418
  }
4269
4419
  .messages {
4270
4420
  display: -webkit-box;
@@ -4285,12 +4435,13 @@ body.panel-closing .views {
4285
4435
  margin: 10px 15px;
4286
4436
  color: #8e8e93;
4287
4437
  }
4438
+ html.ios-gt-8 .messages-date {
4439
+ font-weight: 600;
4440
+ }
4288
4441
  .messages-date span {
4289
4442
  font-weight: 400;
4290
4443
  }
4291
4444
  .message {
4292
- -webkit-box-sizing: border-box;
4293
- -moz-box-sizing: border-box;
4294
4445
  box-sizing: border-box;
4295
4446
  margin: 1px 10px 0;
4296
4447
  max-width: 70%;
@@ -4308,8 +4459,6 @@ body.panel-closing .views {
4308
4459
  margin-top: 10px;
4309
4460
  }
4310
4461
  .message .message-text {
4311
- -webkit-box-sizing: border-box;
4312
- -moz-box-sizing: border-box;
4313
4462
  box-sizing: border-box;
4314
4463
  border-radius: 16px;
4315
4464
  padding: 6px 16px 9px;
@@ -4323,7 +4472,7 @@ body.panel-closing .views {
4323
4472
  padding: 0;
4324
4473
  background: none;
4325
4474
  }
4326
- .message.message-pic img {
4475
+ .message.message-pic assets {
4327
4476
  display: block;
4328
4477
  height: auto;
4329
4478
  max-width: 100%;
@@ -4399,8 +4548,8 @@ body.panel-closing .views {
4399
4548
  border-radius: 16px 16px 0 16px;
4400
4549
  -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%;
4401
4550
  }
4402
- .message-sent.message-last.message-pic img,
4403
- .message-sent.message-with-tail.message-pic img {
4551
+ .message-sent.message-last.message-pic assets,
4552
+ .message-sent.message-with-tail.message-pic assets {
4404
4553
  border-radius: 16px 16px 0 16px;
4405
4554
  }
4406
4555
  .message-received {
@@ -4438,8 +4587,8 @@ body.panel-closing .views {
4438
4587
  border-radius: 16px 16px 16px 0;
4439
4588
  -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%;
4440
4589
  }
4441
- .message-received.message-last.message-pic img,
4442
- .message-received.message-with-tail.message-pic img {
4590
+ .message-received.message-last.message-pic assets,
4591
+ .message-received.message-with-tail.message-pic assets {
4443
4592
  border-radius: 16px 16px 16px 0;
4444
4593
  }
4445
4594
  .message-last {
@@ -4470,7 +4619,7 @@ body.panel-closing .views {
4470
4619
  display: block;
4471
4620
  }
4472
4621
  html.retina.ios-6 .message,
4473
- html.retina.ios-6 .message.message-pic img {
4622
+ html.retina.ios-6 .message.message-pic assets {
4474
4623
  -webkit-mask-box-image: none;
4475
4624
  border-radius: 16px;
4476
4625
  }
@@ -4509,8 +4658,6 @@ html.retina.ios-6 .message.message-pic img {
4509
4658
  /* === Statusbar overlay === */
4510
4659
  html.with-statusbar-overlay body {
4511
4660
  padding-top: 20px;
4512
- -webkit-box-sizing: border-box;
4513
- -moz-box-sizing: border-box;
4514
4661
  box-sizing: border-box;
4515
4662
  }
4516
4663
  html.with-statusbar-overlay body .statusbar-overlay {
@@ -4536,22 +4683,14 @@ html.with-statusbar-overlay body .panel {
4536
4683
  display: inline-block;
4537
4684
  width: 20px;
4538
4685
  height: 20px;
4539
- -webkit-transform-origin: 50%;
4540
- transform-origin: 50%;
4541
- -webkit-animation: preloader-spin 1s steps(12, end) infinite;
4542
- animation: preloader-spin 1s steps(12, end) infinite;
4543
- }
4544
- .preloader:after {
4545
- display: block;
4546
- content: "";
4547
- width: 100%;
4548
- height: 100%;
4549
4686
  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");
4550
4687
  background-position: 50%;
4551
4688
  background-size: 100%;
4552
4689
  background-repeat: no-repeat;
4690
+ -webkit-animation: preloader-spin 1s steps(12, end) infinite;
4691
+ animation: preloader-spin 1s steps(12, end) infinite;
4553
4692
  }
4554
- .preloader-white:after {
4693
+ .preloader-white {
4555
4694
  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'%23fff'%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");
4556
4695
  }
4557
4696
  @-webkit-keyframes preloader-spin {
@@ -4564,6 +4703,177 @@ html.with-statusbar-overlay body .panel {
4564
4703
  transform: rotate(360deg);
4565
4704
  }
4566
4705
  }
4706
+ /* === Progress Bar === */
4707
+ .progressbar,
4708
+ .progressbar-infinite {
4709
+ height: 2px;
4710
+ width: 100%;
4711
+ overflow: hidden;
4712
+ position: relative;
4713
+ display: block;
4714
+ background: #b6b6b6;
4715
+ border-radius: 2px;
4716
+ -webkit-transform-origin: center top;
4717
+ transform-origin: center top;
4718
+ -webkit-transform-style: preserve-3d;
4719
+ transform-style: preserve-3d;
4720
+ }
4721
+ .progressbar {
4722
+ vertical-align: middle;
4723
+ }
4724
+ .progressbar span {
4725
+ width: 100%;
4726
+ background: #007aff;
4727
+ height: 100%;
4728
+ position: absolute;
4729
+ left: 0;
4730
+ top: 0;
4731
+ -webkit-transform: translate3d(-100%, 0, 0);
4732
+ transform: translate3d(-100%, 0, 0);
4733
+ -webkit-transition-duration: 150ms;
4734
+ transition-duration: 150ms;
4735
+ }
4736
+ .progressbar-infinite:before {
4737
+ content: '';
4738
+ position: absolute;
4739
+ left: 0;
4740
+ top: 0;
4741
+ width: 100%;
4742
+ height: 100%;
4743
+ background: #007aff;
4744
+ -webkit-transform: translate3d(0, 0, 0);
4745
+ transform: translate3d(0, 0, 0);
4746
+ -webkit-transform-origin: left center;
4747
+ transform-origin: left center;
4748
+ -webkit-animation: progressbar-infinite 1s linear infinite;
4749
+ animation: progressbar-infinite 1s linear infinite;
4750
+ }
4751
+ html.with-statusbar-overlay body > .progressbar-infinite {
4752
+ top: 20px;
4753
+ }
4754
+ .progressbar-infinite.color-multi {
4755
+ background: none;
4756
+ }
4757
+ .progressbar-infinite.color-multi:before {
4758
+ content: '';
4759
+ position: absolute;
4760
+ left: 0;
4761
+ top: 0;
4762
+ width: 400%;
4763
+ height: 100%;
4764
+ background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
4765
+ background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
4766
+ background-size: 25% 100%;
4767
+ background-repeat: repeat-x;
4768
+ -webkit-transform: translate3d(0, 0, 0);
4769
+ transform: translate3d(0, 0, 0);
4770
+ -webkit-animation: progressbar-infinite-multicolor 3s linear infinite;
4771
+ animation: progressbar-infinite-multicolor 3s linear infinite;
4772
+ }
4773
+ html.with-statusbar-overlay body > .progressbar-infinite.color-multi {
4774
+ top: 20px;
4775
+ }
4776
+ body > .progressbar,
4777
+ .view > .progressbar,
4778
+ .views > .progressbar,
4779
+ .page > .progressbar,
4780
+ .panel > .progressbar,
4781
+ .popup > .progressbar,
4782
+ body > .progressbar-infinite,
4783
+ .view > .progressbar-infinite,
4784
+ .views > .progressbar-infinite,
4785
+ .page > .progressbar-infinite,
4786
+ .panel > .progressbar-infinite,
4787
+ .popup > .progressbar-infinite {
4788
+ position: absolute;
4789
+ left: 0;
4790
+ top: 0;
4791
+ z-index: 15000;
4792
+ border-radius: 0;
4793
+ }
4794
+ .progressbar-in {
4795
+ -webkit-animation: progressbar-in 300ms forwards;
4796
+ animation: progressbar-in 300ms forwards;
4797
+ }
4798
+ .progressbar-out {
4799
+ -webkit-animation: progressbar-out 300ms forwards;
4800
+ animation: progressbar-out 300ms forwards;
4801
+ }
4802
+ html.with-statusbar-overlay body > .progressbar {
4803
+ top: 20px;
4804
+ }
4805
+ @-webkit-keyframes progressbar-in {
4806
+ from {
4807
+ opacity: 0;
4808
+ -webkit-transform: scaleY(0);
4809
+ }
4810
+ to {
4811
+ opacity: 1;
4812
+ -webkit-transform: scaleY(1);
4813
+ }
4814
+ }
4815
+ @keyframes progressbar-in {
4816
+ from {
4817
+ opacity: 0;
4818
+ transform: scaleY(0);
4819
+ }
4820
+ to {
4821
+ opacity: 1;
4822
+ transform: scaleY(1);
4823
+ }
4824
+ }
4825
+ @-webkit-keyframes progressbar-out {
4826
+ from {
4827
+ opacity: 1;
4828
+ -webkit-transform: scaleY(1);
4829
+ }
4830
+ to {
4831
+ opacity: 0;
4832
+ -webkit-transform: scaleY(0);
4833
+ }
4834
+ }
4835
+ @keyframes progressbar-out {
4836
+ from {
4837
+ opacity: 1;
4838
+ transform: scaleY(1);
4839
+ }
4840
+ to {
4841
+ opacity: 0;
4842
+ transform: scaleY(0);
4843
+ }
4844
+ }
4845
+ @-webkit-keyframes progressbar-infinite {
4846
+ 0% {
4847
+ -webkit-transform: translate3d(-50%, 0, 0) scaleX(0.5);
4848
+ }
4849
+ 100% {
4850
+ -webkit-transform: translate3d(100%, 0, 0) scaleX(0.5);
4851
+ }
4852
+ }
4853
+ @keyframes progressbar-infinite {
4854
+ 0% {
4855
+ transform: translate3d(-50%, 0, 0) scaleX(0.5);
4856
+ }
4857
+ 100% {
4858
+ transform: translate3d(100%, 0, 0) scaleX(0.5);
4859
+ }
4860
+ }
4861
+ @-webkit-keyframes progressbar-infinite-multicolor {
4862
+ from {
4863
+ -webkit-transform: translate3d(0%, 0, 0);
4864
+ }
4865
+ to {
4866
+ -webkit-transform: translate3d(-50%, 0, 0);
4867
+ }
4868
+ }
4869
+ @keyframes progressbar-infinite-multicolor {
4870
+ from {
4871
+ transform: translate3d(0%, 0, 0);
4872
+ }
4873
+ to {
4874
+ transform: translate3d(-50%, 0, 0);
4875
+ }
4876
+ }
4567
4877
  /* === Pull To Refresh === */
4568
4878
  .pull-to-refresh-layer {
4569
4879
  position: absolute;
@@ -4633,6 +4943,85 @@ html.with-statusbar-overlay body .panel {
4633
4943
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
4634
4944
  transform: rotate(180deg) translate3d(0, 0, 0);
4635
4945
  }
4946
+ /* === Autocomplete === */
4947
+ .autocomplete-page .autocomplete-found {
4948
+ display: block;
4949
+ }
4950
+ .autocomplete-page .autocomplete-not-found {
4951
+ display: none;
4952
+ }
4953
+ .autocomplete-page .autocomplete-values {
4954
+ display: block;
4955
+ }
4956
+ .autocomplete-page .list-block ul:empty {
4957
+ display: none;
4958
+ }
4959
+ .autocomplete-preloader:not(.autocomplete-preloader-visible) {
4960
+ -webkit-animation: none;
4961
+ animation: none;
4962
+ visibility: hidden;
4963
+ }
4964
+ .autocomplete-dropdown {
4965
+ background: #fff;
4966
+ box-sizing: border-box;
4967
+ position: absolute;
4968
+ z-index: 500;
4969
+ box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
4970
+ width: 100%;
4971
+ left: 0;
4972
+ }
4973
+ .autocomplete-dropdown .autocomplete-dropdown-inner {
4974
+ position: relative;
4975
+ overflow: auto;
4976
+ -webkit-overflow-scrolling: touch;
4977
+ height: 100%;
4978
+ z-index: 1;
4979
+ }
4980
+ .autocomplete-dropdown .autocomplete-preloader {
4981
+ display: none;
4982
+ position: absolute;
4983
+ right: 15px;
4984
+ bottom: 100%;
4985
+ margin-bottom: 12px;
4986
+ width: 20px;
4987
+ height: 20px;
4988
+ }
4989
+ .autocomplete-dropdown .autocomplete-preloader-visible {
4990
+ display: block;
4991
+ }
4992
+ .autocomplete-dropdown .autocomplete-dropdown-placeholder {
4993
+ color: #a9a9a9;
4994
+ }
4995
+ .autocomplete-dropdown .list-block {
4996
+ margin: 0;
4997
+ }
4998
+ .autocomplete-dropdown .list-block ul {
4999
+ background: none !important;
5000
+ }
5001
+ .autocomplete-dropdown .list-block ul:before {
5002
+ display: none;
5003
+ }
5004
+ .autocomplete-dropdown .list-block ul:after {
5005
+ display: none;
5006
+ }
5007
+ .autocomplete-dropdown .list-block b {
5008
+ font-weight: 500;
5009
+ }
5010
+ html.ios-gt-8 .autocomplete-dropdown .list-block b {
5011
+ font-weight: 600;
5012
+ }
5013
+ .list-block .item-content-dropdown-expand .item-title.label {
5014
+ width: 0;
5015
+ -webkit-flex-shrink: 10;
5016
+ -ms-flex: 0 10 auto;
5017
+ flex-shrink: 10;
5018
+ }
5019
+ .list-block .item-content-dropdown-expand .item-title.label + .item-input {
5020
+ margin-left: 0;
5021
+ }
5022
+ .list-block .item-content-dropdown-expand .item-input {
5023
+ width: 100%;
5024
+ }
4636
5025
  /* === Swiper === */
4637
5026
  .swiper-container {
4638
5027
  margin: 0 auto;
@@ -4661,10 +5050,6 @@ html.with-statusbar-overlay body .panel {
4661
5050
  display: -ms-flexbox;
4662
5051
  display: -webkit-flex;
4663
5052
  display: flex;
4664
- -webkit-transform-style: preserve-3d;
4665
- -moz-transform-style: preserve-3d;
4666
- -ms-transform-style: preserve-3d;
4667
- transform-style: preserve-3d;
4668
5053
  -webkit-transition-property: -webkit-transform;
4669
5054
  -moz-transition-property: -moz-transform;
4670
5055
  -o-transition-property: -o-transform;
@@ -4685,7 +5070,7 @@ html.with-statusbar-overlay body .panel {
4685
5070
  .swiper-container-multirow > .swiper-wrapper {
4686
5071
  -webkit-box-lines: multiple;
4687
5072
  -moz-box-lines: multiple;
4688
- -ms-fles-wrap: wrap;
5073
+ -ms-flex-wrap: wrap;
4689
5074
  -webkit-flex-wrap: wrap;
4690
5075
  flex-wrap: wrap;
4691
5076
  }
@@ -4698,10 +5083,6 @@ html.with-statusbar-overlay body .panel {
4698
5083
  margin: 0 auto;
4699
5084
  }
4700
5085
  .swiper-slide {
4701
- -webkit-transform-style: preserve-3d;
4702
- -moz-transform-style: preserve-3d;
4703
- -ms-transform-style: preserve-3d;
4704
- transform-style: preserve-3d;
4705
5086
  -webkit-flex-shrink: 0;
4706
5087
  -ms-flex: 0 0 auto;
4707
5088
  flex-shrink: 0;
@@ -4709,6 +5090,22 @@ html.with-statusbar-overlay body .panel {
4709
5090
  height: 100%;
4710
5091
  position: relative;
4711
5092
  }
5093
+ /* Auto Height */
5094
+ .swiper-container-autoheight,
5095
+ .swiper-container-autoheight .swiper-slide {
5096
+ height: auto;
5097
+ }
5098
+ .swiper-container-autoheight .swiper-wrapper {
5099
+ -webkit-box-align: start;
5100
+ -ms-flex-align: start;
5101
+ -webkit-align-items: flex-start;
5102
+ align-items: flex-start;
5103
+ -webkit-transition-property: -webkit-transform, height;
5104
+ -moz-transition-property: -moz-transform;
5105
+ -o-transition-property: -o-transform;
5106
+ -ms-transition-property: -ms-transform;
5107
+ transition-property: transform, height;
5108
+ }
4712
5109
  /* a11y */
4713
5110
  .swiper-container .swiper-notification {
4714
5111
  position: absolute;
@@ -4906,7 +5303,11 @@ html.with-statusbar-overlay body .panel {
4906
5303
  .swiper-container-fade .swiper-slide {
4907
5304
  pointer-events: none;
4908
5305
  }
4909
- .swiper-container-fade .swiper-slide-active {
5306
+ .swiper-container-fade .swiper-slide .swiper-slide {
5307
+ pointer-events: none;
5308
+ }
5309
+ .swiper-container-fade .swiper-slide-active,
5310
+ .swiper-container-fade .swiper-slide-active .swiper-slide-active {
4910
5311
  pointer-events: auto;
4911
5312
  }
4912
5313
  /* Cube */
@@ -4926,6 +5327,7 @@ html.with-statusbar-overlay body .panel {
4926
5327
  backface-visibility: hidden;
4927
5328
  width: 100%;
4928
5329
  height: 100%;
5330
+ z-index: 1;
4929
5331
  }
4930
5332
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
4931
5333
  -webkit-transform-origin: 100% 0;
@@ -4940,6 +5342,16 @@ html.with-statusbar-overlay body .panel {
4940
5342
  pointer-events: auto;
4941
5343
  visibility: visible;
4942
5344
  }
5345
+ .swiper-container-cube .swiper-slide-shadow-top,
5346
+ .swiper-container-cube .swiper-slide-shadow-bottom,
5347
+ .swiper-container-cube .swiper-slide-shadow-left,
5348
+ .swiper-container-cube .swiper-slide-shadow-right {
5349
+ z-index: 0;
5350
+ -webkit-backface-visibility: hidden;
5351
+ -moz-backface-visibility: hidden;
5352
+ -ms-backface-visibility: hidden;
5353
+ backface-visibility: hidden;
5354
+ }
4943
5355
  .swiper-container-cube .swiper-cube-shadow {
4944
5356
  position: absolute;
4945
5357
  left: 0;
@@ -4950,8 +5362,6 @@ html.with-statusbar-overlay body .panel {
4950
5362
  opacity: 0.6;
4951
5363
  -webkit-filter: blur(50px);
4952
5364
  filter: blur(50px);
4953
- }
4954
- .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
4955
5365
  z-index: 0;
4956
5366
  }
4957
5367
  /* Scrollbar */
@@ -5007,7 +5417,7 @@ html.with-statusbar-overlay body .panel {
5007
5417
  top: 0;
5008
5418
  width: 100%;
5009
5419
  height: 100%;
5010
- z-index: 10500;
5420
+ z-index: 11500;
5011
5421
  }
5012
5422
  body > .photo-browser {
5013
5423
  opacity: 0;
@@ -5044,9 +5454,9 @@ body > .photo-browser .toolbar {
5044
5454
  background: none;
5045
5455
  }
5046
5456
  .photo-browser .navbar,
5047
- .view[data-page="photo-browser-slides"] .navbar,
5457
+ .views .view[data-page="photo-browser-slides"] .navbar,
5048
5458
  .photo-browser .toolbar,
5049
- .view[data-page="photo-browser-slides"] .toolbar {
5459
+ .views .view[data-page="photo-browser-slides"] .toolbar {
5050
5460
  background: rgba(247, 247, 247, 0.95);
5051
5461
  -webkit-transition-duration: 400ms;
5052
5462
  transition-duration: 400ms;
@@ -5096,8 +5506,6 @@ body > .photo-browser .toolbar {
5096
5506
  transform: translate3d(0, 0px, 0);
5097
5507
  }
5098
5508
  .photo-browser-caption {
5099
- -webkit-box-sizing: border-box;
5100
- -moz-box-sizing: border-box;
5101
5509
  box-sizing: border-box;
5102
5510
  -webkit-transition-duration: 300ms;
5103
5511
  transition-duration: 300ms;
@@ -5171,8 +5579,6 @@ body > .photo-browser .toolbar {
5171
5579
  -webkit-flex-shrink: 0;
5172
5580
  -ms-flex: 0 0 auto;
5173
5581
  flex-shrink: 0;
5174
- -webkit-box-sizing: border-box;
5175
- -moz-box-sizing: border-box;
5176
5582
  box-sizing: border-box;
5177
5583
  }
5178
5584
  .photo-browser-slide.transitioning {
@@ -5184,7 +5590,7 @@ body > .photo-browser .toolbar {
5184
5590
  text-align: center;
5185
5591
  display: none;
5186
5592
  }
5187
- .photo-browser-slide img {
5593
+ .photo-browser-slide assets {
5188
5594
  width: auto;
5189
5595
  height: auto;
5190
5596
  max-width: 100%;
@@ -5196,9 +5602,9 @@ body > .photo-browser .toolbar {
5196
5602
  .photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
5197
5603
  display: block;
5198
5604
  }
5199
- .photo-browser-slide.swiper-slide-active img,
5200
- .photo-browser-slide.swiper-slide-next img,
5201
- .photo-browser-slide.swiper-slide-prev img {
5605
+ .photo-browser-slide.swiper-slide-active assets,
5606
+ .photo-browser-slide.swiper-slide-next assets,
5607
+ .photo-browser-slide.swiper-slide-prev assets {
5202
5608
  display: inline;
5203
5609
  }
5204
5610
  .photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
@@ -5356,8 +5762,6 @@ body > .photo-browser .toolbar {
5356
5762
  left: 0;
5357
5763
  top: 0;
5358
5764
  width: 100%;
5359
- -webkit-box-sizing: border-box;
5360
- -moz-box-sizing: border-box;
5361
5765
  box-sizing: border-box;
5362
5766
  -webkit-transition-duration: 300ms;
5363
5767
  transition-duration: 300ms;
@@ -5375,8 +5779,6 @@ body > .photo-browser .toolbar {
5375
5779
  }
5376
5780
  .picker-center-highlight {
5377
5781
  height: 36px;
5378
- -webkit-box-sizing: border-box;
5379
- -moz-box-sizing: border-box;
5380
5782
  box-sizing: border-box;
5381
5783
  position: absolute;
5382
5784
  left: 0;
@@ -5400,11 +5802,11 @@ body > .photo-browser .toolbar {
5400
5802
  -webkit-transform-origin: 50% 0%;
5401
5803
  transform-origin: 50% 0%;
5402
5804
  }
5403
- html.ios-gt-6.pixel-ratio-2 .picker-center-highlight:before {
5805
+ html.pixel-ratio-2 .picker-center-highlight:before {
5404
5806
  -webkit-transform: scaleY(0.5);
5405
5807
  transform: scaleY(0.5);
5406
5808
  }
5407
- html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:before {
5809
+ html.pixel-ratio-3 .picker-center-highlight:before {
5408
5810
  -webkit-transform: scaleY(0.33);
5409
5811
  transform: scaleY(0.33);
5410
5812
  }
@@ -5423,11 +5825,11 @@ html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:before {
5423
5825
  -webkit-transform-origin: 50% 100%;
5424
5826
  transform-origin: 50% 100%;
5425
5827
  }
5426
- html.ios-gt-6.pixel-ratio-2 .picker-center-highlight:after {
5828
+ html.pixel-ratio-2 .picker-center-highlight:after {
5427
5829
  -webkit-transform: scaleY(0.5);
5428
5830
  transform: scaleY(0.5);
5429
5831
  }
5430
- html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:after {
5832
+ html.pixel-ratio-3 .picker-center-highlight:after {
5431
5833
  -webkit-transform: scaleY(0.33);
5432
5834
  transform: scaleY(0.33);
5433
5835
  }
@@ -5456,7 +5858,7 @@ html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:after {
5456
5858
  /* === Calendar === */
5457
5859
  .picker-calendar {
5458
5860
  background: #fff;
5459
- height: 300px;
5861
+ height: 320px;
5460
5862
  width: 100%;
5461
5863
  overflow: hidden;
5462
5864
  }
@@ -5468,6 +5870,9 @@ html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:after {
5468
5870
  .picker-calendar .picker-modal-inner {
5469
5871
  overflow: hidden;
5470
5872
  }
5873
+ .popover-picker-calendar .picker-calendar {
5874
+ height: 320px;
5875
+ }
5471
5876
  .popover.popover-picker-calendar {
5472
5877
  width: 320px;
5473
5878
  }
@@ -5479,8 +5884,6 @@ html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:after {
5479
5884
  display: -webkit-flex;
5480
5885
  display: flex;
5481
5886
  font-size: 11px;
5482
- -webkit-box-sizing: border-box;
5483
- -moz-box-sizing: border-box;
5484
5887
  box-sizing: border-box;
5485
5888
  position: relative;
5486
5889
  }
@@ -5499,11 +5902,11 @@ html.ios-gt-6.pixel-ratio-3 .picker-center-highlight:after {
5499
5902
  -webkit-transform-origin: 50% 100%;
5500
5903
  transform-origin: 50% 100%;
5501
5904
  }
5502
- html.ios-gt-6.pixel-ratio-2 .picker-calendar-week-days:after {
5905
+ html.pixel-ratio-2 .picker-calendar-week-days:after {
5503
5906
  -webkit-transform: scaleY(0.5);
5504
5907
  transform: scaleY(0.5);
5505
5908
  }
5506
- html.ios-gt-6.pixel-ratio-3 .picker-calendar-week-days:after {
5909
+ html.pixel-ratio-3 .picker-calendar-week-days:after {
5507
5910
  -webkit-transform: scaleY(0.33);
5508
5911
  transform: scaleY(0.33);
5509
5912
  }
@@ -5576,17 +5979,17 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar-week-days:after {
5576
5979
  top: auto;
5577
5980
  height: 1px;
5578
5981
  width: 100%;
5579
- background-color: #cccccc;
5982
+ background-color: #ccc;
5580
5983
  display: block;
5581
5984
  z-index: 15;
5582
5985
  -webkit-transform-origin: 50% 100%;
5583
5986
  transform-origin: 50% 100%;
5584
5987
  }
5585
- html.ios-gt-6.pixel-ratio-2 .picker-calendar-row:after {
5988
+ html.pixel-ratio-2 .picker-calendar-row:after {
5586
5989
  -webkit-transform: scaleY(0.5);
5587
5990
  transform: scaleY(0.5);
5588
5991
  }
5589
- html.ios-gt-6.pixel-ratio-3 .picker-calendar-row:after {
5992
+ html.pixel-ratio-3 .picker-calendar-row:after {
5590
5993
  -webkit-transform: scaleY(0.33);
5591
5994
  transform: scaleY(0.33);
5592
5995
  }
@@ -5609,8 +6012,6 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar-row:after {
5609
6012
  -ms-flex-align: center;
5610
6013
  -webkit-align-items: center;
5611
6014
  align-items: center;
5612
- -webkit-box-sizing: border-box;
5613
- -moz-box-sizing: border-box;
5614
6015
  box-sizing: border-box;
5615
6016
  width: 14.28571429%;
5616
6017
  width: -webkit-calc(100% / 7);
@@ -5620,6 +6021,8 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar-row:after {
5620
6021
  color: #000;
5621
6022
  font-size: 15px;
5622
6023
  cursor: pointer;
6024
+ z-index: 20;
6025
+ height: 100%;
5623
6026
  }
5624
6027
  .picker-calendar-day.picker-calendar-day-prev,
5625
6028
  .picker-calendar-day.picker-calendar-day-next {
@@ -5636,12 +6039,54 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar-row:after {
5636
6039
  background: #007aff;
5637
6040
  color: #fff;
5638
6041
  }
6042
+ .picker-calendar-day.picker-calendar-day-has-events span:after {
6043
+ content: '';
6044
+ width: 4px;
6045
+ height: 4px;
6046
+ border-radius: 50%;
6047
+ background: #ccc;
6048
+ position: absolute;
6049
+ margin-left: -2px;
6050
+ left: 50%;
6051
+ bottom: 1px;
6052
+ }
6053
+ .picker-calendar-day.picker-calendar-day-has-events.picker-calendar-day-selected span:after {
6054
+ display: none;
6055
+ }
5639
6056
  .picker-calendar-day span {
5640
6057
  display: inline-block;
5641
6058
  border-radius: 100%;
5642
6059
  width: 30px;
5643
6060
  height: 30px;
5644
6061
  line-height: 30px;
6062
+ position: relative;
6063
+ }
6064
+ .picker-calendar-range .picker-calendar-day.picker-calendar-day-selected {
6065
+ -webkit-box-align: stretch;
6066
+ -ms-flex-align: stretch;
6067
+ -webkit-align-items: stretch;
6068
+ align-items: stretch;
6069
+ -ms-flex-line-pack: stretch;
6070
+ -webkit-align-content: stretch;
6071
+ align-content: stretch;
6072
+ }
6073
+ .picker-calendar-range .picker-calendar-day.picker-calendar-day-selected span {
6074
+ width: 100%;
6075
+ border-radius: 0;
6076
+ height: auto;
6077
+ text-align: center;
6078
+ display: -webkit-box;
6079
+ display: -ms-flexbox;
6080
+ display: -webkit-flex;
6081
+ display: flex;
6082
+ -webkit-box-align: center;
6083
+ -ms-flex-align: center;
6084
+ -webkit-align-items: center;
6085
+ align-items: center;
6086
+ -webkit-box-pack: center;
6087
+ -ms-flex-pack: center;
6088
+ -webkit-justify-content: center;
6089
+ justify-content: center;
5645
6090
  }
5646
6091
  .picker-calendar-month-picker,
5647
6092
  .picker-calendar-year-picker {
@@ -5710,17 +6155,17 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar-row:after {
5710
6155
  -webkit-transform-origin: 50% 0%;
5711
6156
  transform-origin: 50% 0%;
5712
6157
  }
5713
- html.ios-gt-6.pixel-ratio-2 .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
5714
- html.ios-gt-6.pixel-ratio-2 .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
5715
- html.ios-gt-6.pixel-ratio-2 .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
5716
- html.ios-gt-6.pixel-ratio-2 .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
6158
+ html.pixel-ratio-2 .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
6159
+ html.pixel-ratio-2 .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
6160
+ html.pixel-ratio-2 .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
6161
+ html.pixel-ratio-2 .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
5717
6162
  -webkit-transform: scaleY(0.5);
5718
6163
  transform: scaleY(0.5);
5719
6164
  }
5720
- html.ios-gt-6.pixel-ratio-3 .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
5721
- html.ios-gt-6.pixel-ratio-3 .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
5722
- html.ios-gt-6.pixel-ratio-3 .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
5723
- html.ios-gt-6.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
6165
+ html.pixel-ratio-3 .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
6166
+ html.pixel-ratio-3 .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
6167
+ html.pixel-ratio-3 .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
6168
+ html.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
5724
6169
  -webkit-transform: scaleY(0.33);
5725
6170
  transform: scaleY(0.33);
5726
6171
  }
@@ -5736,8 +6181,6 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calenda
5736
6181
  margin: 0;
5737
6182
  border: none;
5738
6183
  display: none;
5739
- -webkit-box-sizing: border-box;
5740
- -moz-box-sizing: border-box;
5741
6184
  box-sizing: border-box;
5742
6185
  max-height: 100%;
5743
6186
  overflow: auto;
@@ -5777,6 +6220,9 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calenda
5777
6220
  .notifications .item-title {
5778
6221
  font-weight: 500;
5779
6222
  }
6223
+ html.ios-gt-8 .notifications .item-title {
6224
+ font-weight: 600;
6225
+ }
5780
6226
  .notifications .item-text {
5781
6227
  height: auto;
5782
6228
  color: #d2d2d2;
@@ -5872,1314 +6318,3 @@ html.ios-gt-6.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calenda
5872
6318
  [disabled] [disabled] {
5873
6319
  opacity: 1;
5874
6320
  }
5875
- /* === Color Themes === */
5876
- .color-gray {
5877
- color: #8e8e93;
5878
- }
5879
- .list-block .item-link.list-button.color-gray,
5880
- .tabbar a.active.color-gray,
5881
- a.color-gray {
5882
- color: #8e8e93;
5883
- }
5884
- .label-switch input[type="checkbox"]:checked + .checkbox.color-gray,
5885
- .label-switch.color-gray input[type="checkbox"]:checked + .checkbox {
5886
- background-color: #8e8e93;
5887
- }
5888
- .color-gray.button:not(.button-fill),
5889
- .color-gray.buttons-row .button,
5890
- .theme-gray .button:not(.button-fill) {
5891
- border-color: #8e8e93;
5892
- }
5893
- html:not(.watch-active-state) .color-gray.button:not(.button-fill):active,
5894
- html:not(.watch-active-state) .color-gray.buttons-row .button:active,
5895
- html:not(.watch-active-state) .theme-gray .button:not(.button-fill):active,
5896
- .color-gray.button:not(.button-fill).active-state,
5897
- .color-gray.buttons-row .button.active-state,
5898
- .theme-gray .button:not(.button-fill).active-state {
5899
- background-color: rgba(142, 142, 147, 0.15);
5900
- }
5901
- .color-gray.button:not(.button-fill).active,
5902
- .color-gray.buttons-row .button.active,
5903
- .theme-gray .button:not(.button-fill).active {
5904
- background-color: #8e8e93;
5905
- color: #fff;
5906
- }
5907
- .theme-gray .button.button-fill,
5908
- .button.button-fill.color-gray {
5909
- background: #8e8e93;
5910
- color: #fff;
5911
- }
5912
- .color-gray i.icon,
5913
- .theme-gray i.icon,
5914
- i.icon.color-gray,
5915
- i.icon.theme-gray {
5916
- color: #8e8e93;
5917
- }
5918
- i.icon-next.color-gray,
5919
- i.icon-next.theme-gray,
5920
- .theme-gray i.icon-next {
5921
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5922
- }
5923
- i.icon-prev.color-gray,
5924
- i.icon-prev.theme-gray,
5925
- .theme-gray i.icon-prev {
5926
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
5927
- }
5928
- i.icon-back.color-gray,
5929
- i.icon-back.theme-gray,
5930
- .theme-gray i.icon-back {
5931
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
5932
- }
5933
- i.icon-forward.color-gray,
5934
- i.icon-forward.theme-gray,
5935
- .theme-gray i.icon-forward {
5936
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
5937
- }
5938
- i.icon-bars.color-gray,
5939
- i.icon-bars.theme-gray,
5940
- .theme-gray i.icon-bars {
5941
- 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%2021%2014'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
5942
- }
5943
- @media (-webkit-min-device-pixel-ratio: 2) {
5944
- i.icon-bars.color-gray,
5945
- i.icon-bars.theme-gray,
5946
- .theme-gray i.icon-bars {
5947
- 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%2042%2026'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
5948
- }
5949
- }
5950
- .theme-gray a,
5951
- .theme-gray .item-link.list-button {
5952
- color: #8e8e93;
5953
- }
5954
- .theme-gray .tabbar a,
5955
- .tabbar.theme-gray a,
5956
- .theme-gray .tabbar a i,
5957
- .tabbar.theme-gray a i {
5958
- color: inherit;
5959
- }
5960
- .theme-gray .tabbar a.active,
5961
- .tabbar.theme-gray a.active,
5962
- .theme-gray .tabbar a.active i,
5963
- .tabbar.theme-gray a.active i {
5964
- color: #8e8e93;
5965
- }
5966
- .theme-gray .range-slider input[type="range"]::-webkit-slider-thumb:before,
5967
- .range-slider.theme-gray input[type="range"]::-webkit-slider-thumb:before {
5968
- background-color: #8e8e93;
5969
- }
5970
- .theme-gray label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
5971
- .theme-gray label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
5972
- background-color: #8e8e93;
5973
- }
5974
- .theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-inner,
5975
- .theme-gray label.label-radio input[type="radio"]:checked ~ .item-inner {
5976
- 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");
5977
- }
5978
- .theme-gray .picker-calendar-day.picker-calendar-day-selected span {
5979
- background-color: #8e8e93 !important;
5980
- }
5981
- .swiper-pagination.color-gray .swiper-pagination-bullet-active,
5982
- .theme-gray .swiper-pagination .swiper-pagination-bullet-active {
5983
- background-color: #8e8e93;
5984
- }
5985
- .swiper-button-next.color-gray,
5986
- .swiper-container-rtl .swiper-button-prev.color-gray,
5987
- .theme-gray .swiper-button-next,
5988
- .theme-gray .swiper-container-rtl .swiper-button-prev {
5989
- 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");
5990
- }
5991
- .swiper-button-prev.color-gray,
5992
- .swiper-container-rtl .swiper-button-next.color-gray,
5993
- .theme-gray .swiper-button-prev,
5994
- .theme-gray .swiper-container-rtl .swiper-button-next {
5995
- 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");
5996
- }
5997
- .bg-gray,
5998
- .button.button-fill.bg-gray,
5999
- a.bg-gray,
6000
- .list-block .swipeout-actions-left a.bg-gray,
6001
- .list-block .swipeout-actions-right a.bg-gray {
6002
- background-color: #8e8e93;
6003
- }
6004
- .border-gray {
6005
- border-color: #8e8e93;
6006
- }
6007
- .color-white {
6008
- color: #ffffff;
6009
- }
6010
- .list-block .item-link.list-button.color-white,
6011
- .tabbar a.active.color-white,
6012
- a.color-white {
6013
- color: #ffffff;
6014
- }
6015
- .label-switch input[type="checkbox"]:checked + .checkbox.color-white,
6016
- .label-switch.color-white input[type="checkbox"]:checked + .checkbox {
6017
- background-color: #ffffff;
6018
- }
6019
- .color-white.button:not(.button-fill),
6020
- .color-white.buttons-row .button,
6021
- .theme-white .button:not(.button-fill) {
6022
- border-color: #ffffff;
6023
- }
6024
- html:not(.watch-active-state) .color-white.button:not(.button-fill):active,
6025
- html:not(.watch-active-state) .color-white.buttons-row .button:active,
6026
- html:not(.watch-active-state) .theme-white .button:not(.button-fill):active,
6027
- .color-white.button:not(.button-fill).active-state,
6028
- .color-white.buttons-row .button.active-state,
6029
- .theme-white .button:not(.button-fill).active-state {
6030
- background-color: rgba(255, 255, 255, 0.15);
6031
- }
6032
- .color-white.button:not(.button-fill).active,
6033
- .color-white.buttons-row .button.active,
6034
- .theme-white .button:not(.button-fill).active {
6035
- background-color: #ffffff;
6036
- color: #fff;
6037
- }
6038
- .theme-white .button.button-fill,
6039
- .button.button-fill.color-white {
6040
- background: #ffffff;
6041
- color: #fff;
6042
- }
6043
- .color-white i.icon,
6044
- .theme-white i.icon,
6045
- i.icon.color-white,
6046
- i.icon.theme-white {
6047
- color: #ffffff;
6048
- }
6049
- i.icon-next.color-white,
6050
- i.icon-next.theme-white,
6051
- .theme-white i.icon-next {
6052
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6053
- }
6054
- i.icon-prev.color-white,
6055
- i.icon-prev.theme-white,
6056
- .theme-white i.icon-prev {
6057
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6058
- }
6059
- i.icon-back.color-white,
6060
- i.icon-back.theme-white,
6061
- .theme-white i.icon-back {
6062
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
6063
- }
6064
- i.icon-forward.color-white,
6065
- i.icon-forward.theme-white,
6066
- .theme-white i.icon-forward {
6067
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
6068
- }
6069
- i.icon-bars.color-white,
6070
- i.icon-bars.theme-white,
6071
- .theme-white i.icon-bars {
6072
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6073
- }
6074
- @media (-webkit-min-device-pixel-ratio: 2) {
6075
- i.icon-bars.color-white,
6076
- i.icon-bars.theme-white,
6077
- .theme-white i.icon-bars {
6078
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6079
- }
6080
- }
6081
- .theme-white a,
6082
- .theme-white .item-link.list-button {
6083
- color: #ffffff;
6084
- }
6085
- .theme-white .tabbar a,
6086
- .tabbar.theme-white a,
6087
- .theme-white .tabbar a i,
6088
- .tabbar.theme-white a i {
6089
- color: inherit;
6090
- }
6091
- .theme-white .tabbar a.active,
6092
- .tabbar.theme-white a.active,
6093
- .theme-white .tabbar a.active i,
6094
- .tabbar.theme-white a.active i {
6095
- color: #ffffff;
6096
- }
6097
- .theme-white .range-slider input[type="range"]::-webkit-slider-thumb:before,
6098
- .range-slider.theme-white input[type="range"]::-webkit-slider-thumb:before {
6099
- background-color: #ffffff;
6100
- }
6101
- .theme-white label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6102
- .theme-white label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6103
- background-color: #ffffff;
6104
- }
6105
- .theme-white label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6106
- .theme-white label.label-radio input[type="radio"]:checked ~ .item-inner {
6107
- 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");
6108
- }
6109
- .theme-white .picker-calendar-day.picker-calendar-day-selected span {
6110
- background-color: #ffffff !important;
6111
- }
6112
- .swiper-pagination.color-white .swiper-pagination-bullet-active,
6113
- .theme-white .swiper-pagination .swiper-pagination-bullet-active {
6114
- background-color: #ffffff;
6115
- }
6116
- .swiper-button-next.color-white,
6117
- .swiper-container-rtl .swiper-button-prev.color-white,
6118
- .theme-white .swiper-button-next,
6119
- .theme-white .swiper-container-rtl .swiper-button-prev {
6120
- 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");
6121
- }
6122
- .swiper-button-prev.color-white,
6123
- .swiper-container-rtl .swiper-button-next.color-white,
6124
- .theme-white .swiper-button-prev,
6125
- .theme-white .swiper-container-rtl .swiper-button-next {
6126
- 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");
6127
- }
6128
- .bg-white,
6129
- .button.button-fill.bg-white,
6130
- a.bg-white,
6131
- .list-block .swipeout-actions-left a.bg-white,
6132
- .list-block .swipeout-actions-right a.bg-white {
6133
- background-color: #ffffff;
6134
- }
6135
- .border-white {
6136
- border-color: #ffffff;
6137
- }
6138
- .color-black {
6139
- color: #000000;
6140
- }
6141
- .list-block .item-link.list-button.color-black,
6142
- .tabbar a.active.color-black,
6143
- a.color-black {
6144
- color: #000000;
6145
- }
6146
- .label-switch input[type="checkbox"]:checked + .checkbox.color-black,
6147
- .label-switch.color-black input[type="checkbox"]:checked + .checkbox {
6148
- background-color: #000000;
6149
- }
6150
- .color-black.button:not(.button-fill),
6151
- .color-black.buttons-row .button,
6152
- .theme-black .button:not(.button-fill) {
6153
- border-color: #000000;
6154
- }
6155
- html:not(.watch-active-state) .color-black.button:not(.button-fill):active,
6156
- html:not(.watch-active-state) .color-black.buttons-row .button:active,
6157
- html:not(.watch-active-state) .theme-black .button:not(.button-fill):active,
6158
- .color-black.button:not(.button-fill).active-state,
6159
- .color-black.buttons-row .button.active-state,
6160
- .theme-black .button:not(.button-fill).active-state {
6161
- background-color: rgba(0, 0, 0, 0.15);
6162
- }
6163
- .color-black.button:not(.button-fill).active,
6164
- .color-black.buttons-row .button.active,
6165
- .theme-black .button:not(.button-fill).active {
6166
- background-color: #000000;
6167
- color: #fff;
6168
- }
6169
- .theme-black .button.button-fill,
6170
- .button.button-fill.color-black {
6171
- background: #000000;
6172
- color: #fff;
6173
- }
6174
- .color-black i.icon,
6175
- .theme-black i.icon,
6176
- i.icon.color-black,
6177
- i.icon.theme-black {
6178
- color: #000000;
6179
- }
6180
- i.icon-next.color-black,
6181
- i.icon-next.theme-black,
6182
- .theme-black i.icon-next {
6183
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6184
- }
6185
- i.icon-prev.color-black,
6186
- i.icon-prev.theme-black,
6187
- .theme-black i.icon-prev {
6188
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6189
- }
6190
- i.icon-back.color-black,
6191
- i.icon-back.theme-black,
6192
- .theme-black i.icon-back {
6193
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
6194
- }
6195
- i.icon-forward.color-black,
6196
- i.icon-forward.theme-black,
6197
- .theme-black i.icon-forward {
6198
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
6199
- }
6200
- i.icon-bars.color-black,
6201
- i.icon-bars.theme-black,
6202
- .theme-black i.icon-bars {
6203
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6204
- }
6205
- @media (-webkit-min-device-pixel-ratio: 2) {
6206
- i.icon-bars.color-black,
6207
- i.icon-bars.theme-black,
6208
- .theme-black i.icon-bars {
6209
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6210
- }
6211
- }
6212
- .theme-black a,
6213
- .theme-black .item-link.list-button {
6214
- color: #000000;
6215
- }
6216
- .theme-black .tabbar a,
6217
- .tabbar.theme-black a,
6218
- .theme-black .tabbar a i,
6219
- .tabbar.theme-black a i {
6220
- color: inherit;
6221
- }
6222
- .theme-black .tabbar a.active,
6223
- .tabbar.theme-black a.active,
6224
- .theme-black .tabbar a.active i,
6225
- .tabbar.theme-black a.active i {
6226
- color: #000000;
6227
- }
6228
- .theme-black .range-slider input[type="range"]::-webkit-slider-thumb:before,
6229
- .range-slider.theme-black input[type="range"]::-webkit-slider-thumb:before {
6230
- background-color: #000000;
6231
- }
6232
- .theme-black label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6233
- .theme-black label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6234
- background-color: #000000;
6235
- }
6236
- .theme-black label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6237
- .theme-black label.label-radio input[type="radio"]:checked ~ .item-inner {
6238
- 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");
6239
- }
6240
- .theme-black .picker-calendar-day.picker-calendar-day-selected span {
6241
- background-color: #000000 !important;
6242
- }
6243
- .swiper-pagination.color-black .swiper-pagination-bullet-active,
6244
- .theme-black .swiper-pagination .swiper-pagination-bullet-active {
6245
- background-color: #000000;
6246
- }
6247
- .swiper-button-next.color-black,
6248
- .swiper-container-rtl .swiper-button-prev.color-black,
6249
- .theme-black .swiper-button-next,
6250
- .theme-black .swiper-container-rtl .swiper-button-prev {
6251
- 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");
6252
- }
6253
- .swiper-button-prev.color-black,
6254
- .swiper-container-rtl .swiper-button-next.color-black,
6255
- .theme-black .swiper-button-prev,
6256
- .theme-black .swiper-container-rtl .swiper-button-next {
6257
- 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");
6258
- }
6259
- .bg-black,
6260
- .button.button-fill.bg-black,
6261
- a.bg-black,
6262
- .list-block .swipeout-actions-left a.bg-black,
6263
- .list-block .swipeout-actions-right a.bg-black {
6264
- background-color: #000000;
6265
- }
6266
- .border-black {
6267
- border-color: #000000;
6268
- }
6269
- .color-lightblue {
6270
- color: #5ac8fa;
6271
- }
6272
- .list-block .item-link.list-button.color-lightblue,
6273
- .tabbar a.active.color-lightblue,
6274
- a.color-lightblue {
6275
- color: #5ac8fa;
6276
- }
6277
- .label-switch input[type="checkbox"]:checked + .checkbox.color-lightblue,
6278
- .label-switch.color-lightblue input[type="checkbox"]:checked + .checkbox {
6279
- background-color: #5ac8fa;
6280
- }
6281
- .color-lightblue.button:not(.button-fill),
6282
- .color-lightblue.buttons-row .button,
6283
- .theme-lightblue .button:not(.button-fill) {
6284
- border-color: #5ac8fa;
6285
- }
6286
- html:not(.watch-active-state) .color-lightblue.button:not(.button-fill):active,
6287
- html:not(.watch-active-state) .color-lightblue.buttons-row .button:active,
6288
- html:not(.watch-active-state) .theme-lightblue .button:not(.button-fill):active,
6289
- .color-lightblue.button:not(.button-fill).active-state,
6290
- .color-lightblue.buttons-row .button.active-state,
6291
- .theme-lightblue .button:not(.button-fill).active-state {
6292
- background-color: rgba(90, 200, 250, 0.15);
6293
- }
6294
- .color-lightblue.button:not(.button-fill).active,
6295
- .color-lightblue.buttons-row .button.active,
6296
- .theme-lightblue .button:not(.button-fill).active {
6297
- background-color: #5ac8fa;
6298
- color: #fff;
6299
- }
6300
- .theme-lightblue .button.button-fill,
6301
- .button.button-fill.color-lightblue {
6302
- background: #5ac8fa;
6303
- color: #fff;
6304
- }
6305
- .color-lightblue i.icon,
6306
- .theme-lightblue i.icon,
6307
- i.icon.color-lightblue,
6308
- i.icon.theme-lightblue {
6309
- color: #5ac8fa;
6310
- }
6311
- i.icon-next.color-lightblue,
6312
- i.icon-next.theme-lightblue,
6313
- .theme-lightblue i.icon-next {
6314
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6315
- }
6316
- i.icon-prev.color-lightblue,
6317
- i.icon-prev.theme-lightblue,
6318
- .theme-lightblue i.icon-prev {
6319
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6320
- }
6321
- i.icon-back.color-lightblue,
6322
- i.icon-back.theme-lightblue,
6323
- .theme-lightblue i.icon-back {
6324
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
6325
- }
6326
- i.icon-forward.color-lightblue,
6327
- i.icon-forward.theme-lightblue,
6328
- .theme-lightblue i.icon-forward {
6329
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
6330
- }
6331
- i.icon-bars.color-lightblue,
6332
- i.icon-bars.theme-lightblue,
6333
- .theme-lightblue i.icon-bars {
6334
- 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%2021%2014'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6335
- }
6336
- @media (-webkit-min-device-pixel-ratio: 2) {
6337
- i.icon-bars.color-lightblue,
6338
- i.icon-bars.theme-lightblue,
6339
- .theme-lightblue i.icon-bars {
6340
- 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%2042%2026'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6341
- }
6342
- }
6343
- .theme-lightblue a,
6344
- .theme-lightblue .item-link.list-button {
6345
- color: #5ac8fa;
6346
- }
6347
- .theme-lightblue .tabbar a,
6348
- .tabbar.theme-lightblue a,
6349
- .theme-lightblue .tabbar a i,
6350
- .tabbar.theme-lightblue a i {
6351
- color: inherit;
6352
- }
6353
- .theme-lightblue .tabbar a.active,
6354
- .tabbar.theme-lightblue a.active,
6355
- .theme-lightblue .tabbar a.active i,
6356
- .tabbar.theme-lightblue a.active i {
6357
- color: #5ac8fa;
6358
- }
6359
- .theme-lightblue .range-slider input[type="range"]::-webkit-slider-thumb:before,
6360
- .range-slider.theme-lightblue input[type="range"]::-webkit-slider-thumb:before {
6361
- background-color: #5ac8fa;
6362
- }
6363
- .theme-lightblue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6364
- .theme-lightblue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6365
- background-color: #5ac8fa;
6366
- }
6367
- .theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6368
- .theme-lightblue label.label-radio input[type="radio"]:checked ~ .item-inner {
6369
- 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'%235ac8fa'%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");
6370
- }
6371
- .theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
6372
- background-color: #5ac8fa !important;
6373
- }
6374
- .swiper-pagination.color-lightblue .swiper-pagination-bullet-active,
6375
- .theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {
6376
- background-color: #5ac8fa;
6377
- }
6378
- .swiper-button-next.color-lightblue,
6379
- .swiper-container-rtl .swiper-button-prev.color-lightblue,
6380
- .theme-lightblue .swiper-button-next,
6381
- .theme-lightblue .swiper-container-rtl .swiper-button-prev {
6382
- 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'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
6383
- }
6384
- .swiper-button-prev.color-lightblue,
6385
- .swiper-container-rtl .swiper-button-next.color-lightblue,
6386
- .theme-lightblue .swiper-button-prev,
6387
- .theme-lightblue .swiper-container-rtl .swiper-button-next {
6388
- 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'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
6389
- }
6390
- .bg-lightblue,
6391
- .button.button-fill.bg-lightblue,
6392
- a.bg-lightblue,
6393
- .list-block .swipeout-actions-left a.bg-lightblue,
6394
- .list-block .swipeout-actions-right a.bg-lightblue {
6395
- background-color: #5ac8fa;
6396
- }
6397
- .border-lightblue {
6398
- border-color: #5ac8fa;
6399
- }
6400
- .color-yellow {
6401
- color: #ffcc00;
6402
- }
6403
- .list-block .item-link.list-button.color-yellow,
6404
- .tabbar a.active.color-yellow,
6405
- a.color-yellow {
6406
- color: #ffcc00;
6407
- }
6408
- .label-switch input[type="checkbox"]:checked + .checkbox.color-yellow,
6409
- .label-switch.color-yellow input[type="checkbox"]:checked + .checkbox {
6410
- background-color: #ffcc00;
6411
- }
6412
- .color-yellow.button:not(.button-fill),
6413
- .color-yellow.buttons-row .button,
6414
- .theme-yellow .button:not(.button-fill) {
6415
- border-color: #ffcc00;
6416
- }
6417
- html:not(.watch-active-state) .color-yellow.button:not(.button-fill):active,
6418
- html:not(.watch-active-state) .color-yellow.buttons-row .button:active,
6419
- html:not(.watch-active-state) .theme-yellow .button:not(.button-fill):active,
6420
- .color-yellow.button:not(.button-fill).active-state,
6421
- .color-yellow.buttons-row .button.active-state,
6422
- .theme-yellow .button:not(.button-fill).active-state {
6423
- background-color: rgba(255, 204, 0, 0.15);
6424
- }
6425
- .color-yellow.button:not(.button-fill).active,
6426
- .color-yellow.buttons-row .button.active,
6427
- .theme-yellow .button:not(.button-fill).active {
6428
- background-color: #ffcc00;
6429
- color: #fff;
6430
- }
6431
- .theme-yellow .button.button-fill,
6432
- .button.button-fill.color-yellow {
6433
- background: #ffcc00;
6434
- color: #fff;
6435
- }
6436
- .color-yellow i.icon,
6437
- .theme-yellow i.icon,
6438
- i.icon.color-yellow,
6439
- i.icon.theme-yellow {
6440
- color: #ffcc00;
6441
- }
6442
- i.icon-next.color-yellow,
6443
- i.icon-next.theme-yellow,
6444
- .theme-yellow i.icon-next {
6445
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6446
- }
6447
- i.icon-prev.color-yellow,
6448
- i.icon-prev.theme-yellow,
6449
- .theme-yellow i.icon-prev {
6450
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6451
- }
6452
- i.icon-back.color-yellow,
6453
- i.icon-back.theme-yellow,
6454
- .theme-yellow i.icon-back {
6455
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
6456
- }
6457
- i.icon-forward.color-yellow,
6458
- i.icon-forward.theme-yellow,
6459
- .theme-yellow i.icon-forward {
6460
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
6461
- }
6462
- i.icon-bars.color-yellow,
6463
- i.icon-bars.theme-yellow,
6464
- .theme-yellow i.icon-bars {
6465
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6466
- }
6467
- @media (-webkit-min-device-pixel-ratio: 2) {
6468
- i.icon-bars.color-yellow,
6469
- i.icon-bars.theme-yellow,
6470
- .theme-yellow i.icon-bars {
6471
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6472
- }
6473
- }
6474
- .theme-yellow a,
6475
- .theme-yellow .item-link.list-button {
6476
- color: #ffcc00;
6477
- }
6478
- .theme-yellow .tabbar a,
6479
- .tabbar.theme-yellow a,
6480
- .theme-yellow .tabbar a i,
6481
- .tabbar.theme-yellow a i {
6482
- color: inherit;
6483
- }
6484
- .theme-yellow .tabbar a.active,
6485
- .tabbar.theme-yellow a.active,
6486
- .theme-yellow .tabbar a.active i,
6487
- .tabbar.theme-yellow a.active i {
6488
- color: #ffcc00;
6489
- }
6490
- .theme-yellow .range-slider input[type="range"]::-webkit-slider-thumb:before,
6491
- .range-slider.theme-yellow input[type="range"]::-webkit-slider-thumb:before {
6492
- background-color: #ffcc00;
6493
- }
6494
- .theme-yellow label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6495
- .theme-yellow label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6496
- background-color: #ffcc00;
6497
- }
6498
- .theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6499
- .theme-yellow label.label-radio input[type="radio"]:checked ~ .item-inner {
6500
- 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");
6501
- }
6502
- .theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
6503
- background-color: #ffcc00 !important;
6504
- }
6505
- .swiper-pagination.color-yellow .swiper-pagination-bullet-active,
6506
- .theme-yellow .swiper-pagination .swiper-pagination-bullet-active {
6507
- background-color: #ffcc00;
6508
- }
6509
- .swiper-button-next.color-yellow,
6510
- .swiper-container-rtl .swiper-button-prev.color-yellow,
6511
- .theme-yellow .swiper-button-next,
6512
- .theme-yellow .swiper-container-rtl .swiper-button-prev {
6513
- 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");
6514
- }
6515
- .swiper-button-prev.color-yellow,
6516
- .swiper-container-rtl .swiper-button-next.color-yellow,
6517
- .theme-yellow .swiper-button-prev,
6518
- .theme-yellow .swiper-container-rtl .swiper-button-next {
6519
- 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");
6520
- }
6521
- .bg-yellow,
6522
- .button.button-fill.bg-yellow,
6523
- a.bg-yellow,
6524
- .list-block .swipeout-actions-left a.bg-yellow,
6525
- .list-block .swipeout-actions-right a.bg-yellow {
6526
- background-color: #ffcc00;
6527
- }
6528
- .border-yellow {
6529
- border-color: #ffcc00;
6530
- }
6531
- .color-orange {
6532
- color: #ff9500;
6533
- }
6534
- .list-block .item-link.list-button.color-orange,
6535
- .tabbar a.active.color-orange,
6536
- a.color-orange {
6537
- color: #ff9500;
6538
- }
6539
- .label-switch input[type="checkbox"]:checked + .checkbox.color-orange,
6540
- .label-switch.color-orange input[type="checkbox"]:checked + .checkbox {
6541
- background-color: #ff9500;
6542
- }
6543
- .color-orange.button:not(.button-fill),
6544
- .color-orange.buttons-row .button,
6545
- .theme-orange .button:not(.button-fill) {
6546
- border-color: #ff9500;
6547
- }
6548
- html:not(.watch-active-state) .color-orange.button:not(.button-fill):active,
6549
- html:not(.watch-active-state) .color-orange.buttons-row .button:active,
6550
- html:not(.watch-active-state) .theme-orange .button:not(.button-fill):active,
6551
- .color-orange.button:not(.button-fill).active-state,
6552
- .color-orange.buttons-row .button.active-state,
6553
- .theme-orange .button:not(.button-fill).active-state {
6554
- background-color: rgba(255, 149, 0, 0.15);
6555
- }
6556
- .color-orange.button:not(.button-fill).active,
6557
- .color-orange.buttons-row .button.active,
6558
- .theme-orange .button:not(.button-fill).active {
6559
- background-color: #ff9500;
6560
- color: #fff;
6561
- }
6562
- .theme-orange .button.button-fill,
6563
- .button.button-fill.color-orange {
6564
- background: #ff9500;
6565
- color: #fff;
6566
- }
6567
- .color-orange i.icon,
6568
- .theme-orange i.icon,
6569
- i.icon.color-orange,
6570
- i.icon.theme-orange {
6571
- color: #ff9500;
6572
- }
6573
- i.icon-next.color-orange,
6574
- i.icon-next.theme-orange,
6575
- .theme-orange i.icon-next {
6576
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6577
- }
6578
- i.icon-prev.color-orange,
6579
- i.icon-prev.theme-orange,
6580
- .theme-orange i.icon-prev {
6581
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6582
- }
6583
- i.icon-back.color-orange,
6584
- i.icon-back.theme-orange,
6585
- .theme-orange i.icon-back {
6586
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
6587
- }
6588
- i.icon-forward.color-orange,
6589
- i.icon-forward.theme-orange,
6590
- .theme-orange i.icon-forward {
6591
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
6592
- }
6593
- i.icon-bars.color-orange,
6594
- i.icon-bars.theme-orange,
6595
- .theme-orange i.icon-bars {
6596
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6597
- }
6598
- @media (-webkit-min-device-pixel-ratio: 2) {
6599
- i.icon-bars.color-orange,
6600
- i.icon-bars.theme-orange,
6601
- .theme-orange i.icon-bars {
6602
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6603
- }
6604
- }
6605
- .theme-orange a,
6606
- .theme-orange .item-link.list-button {
6607
- color: #ff9500;
6608
- }
6609
- .theme-orange .tabbar a,
6610
- .tabbar.theme-orange a,
6611
- .theme-orange .tabbar a i,
6612
- .tabbar.theme-orange a i {
6613
- color: inherit;
6614
- }
6615
- .theme-orange .tabbar a.active,
6616
- .tabbar.theme-orange a.active,
6617
- .theme-orange .tabbar a.active i,
6618
- .tabbar.theme-orange a.active i {
6619
- color: #ff9500;
6620
- }
6621
- .theme-orange .range-slider input[type="range"]::-webkit-slider-thumb:before,
6622
- .range-slider.theme-orange input[type="range"]::-webkit-slider-thumb:before {
6623
- background-color: #ff9500;
6624
- }
6625
- .theme-orange label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6626
- .theme-orange label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6627
- background-color: #ff9500;
6628
- }
6629
- .theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6630
- .theme-orange label.label-radio input[type="radio"]:checked ~ .item-inner {
6631
- 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");
6632
- }
6633
- .theme-orange .picker-calendar-day.picker-calendar-day-selected span {
6634
- background-color: #ff9500 !important;
6635
- }
6636
- .swiper-pagination.color-orange .swiper-pagination-bullet-active,
6637
- .theme-orange .swiper-pagination .swiper-pagination-bullet-active {
6638
- background-color: #ff9500;
6639
- }
6640
- .swiper-button-next.color-orange,
6641
- .swiper-container-rtl .swiper-button-prev.color-orange,
6642
- .theme-orange .swiper-button-next,
6643
- .theme-orange .swiper-container-rtl .swiper-button-prev {
6644
- 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");
6645
- }
6646
- .swiper-button-prev.color-orange,
6647
- .swiper-container-rtl .swiper-button-next.color-orange,
6648
- .theme-orange .swiper-button-prev,
6649
- .theme-orange .swiper-container-rtl .swiper-button-next {
6650
- 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");
6651
- }
6652
- .bg-orange,
6653
- .button.button-fill.bg-orange,
6654
- a.bg-orange,
6655
- .list-block .swipeout-actions-left a.bg-orange,
6656
- .list-block .swipeout-actions-right a.bg-orange {
6657
- background-color: #ff9500;
6658
- }
6659
- .border-orange {
6660
- border-color: #ff9500;
6661
- }
6662
- .color-pink {
6663
- color: #ff2d55;
6664
- }
6665
- .list-block .item-link.list-button.color-pink,
6666
- .tabbar a.active.color-pink,
6667
- a.color-pink {
6668
- color: #ff2d55;
6669
- }
6670
- .label-switch input[type="checkbox"]:checked + .checkbox.color-pink,
6671
- .label-switch.color-pink input[type="checkbox"]:checked + .checkbox {
6672
- background-color: #ff2d55;
6673
- }
6674
- .color-pink.button:not(.button-fill),
6675
- .color-pink.buttons-row .button,
6676
- .theme-pink .button:not(.button-fill) {
6677
- border-color: #ff2d55;
6678
- }
6679
- html:not(.watch-active-state) .color-pink.button:not(.button-fill):active,
6680
- html:not(.watch-active-state) .color-pink.buttons-row .button:active,
6681
- html:not(.watch-active-state) .theme-pink .button:not(.button-fill):active,
6682
- .color-pink.button:not(.button-fill).active-state,
6683
- .color-pink.buttons-row .button.active-state,
6684
- .theme-pink .button:not(.button-fill).active-state {
6685
- background-color: rgba(255, 45, 85, 0.15);
6686
- }
6687
- .color-pink.button:not(.button-fill).active,
6688
- .color-pink.buttons-row .button.active,
6689
- .theme-pink .button:not(.button-fill).active {
6690
- background-color: #ff2d55;
6691
- color: #fff;
6692
- }
6693
- .theme-pink .button.button-fill,
6694
- .button.button-fill.color-pink {
6695
- background: #ff2d55;
6696
- color: #fff;
6697
- }
6698
- .color-pink i.icon,
6699
- .theme-pink i.icon,
6700
- i.icon.color-pink,
6701
- i.icon.theme-pink {
6702
- color: #ff2d55;
6703
- }
6704
- i.icon-next.color-pink,
6705
- i.icon-next.theme-pink,
6706
- .theme-pink i.icon-next {
6707
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6708
- }
6709
- i.icon-prev.color-pink,
6710
- i.icon-prev.theme-pink,
6711
- .theme-pink i.icon-prev {
6712
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6713
- }
6714
- i.icon-back.color-pink,
6715
- i.icon-back.theme-pink,
6716
- .theme-pink i.icon-back {
6717
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
6718
- }
6719
- i.icon-forward.color-pink,
6720
- i.icon-forward.theme-pink,
6721
- .theme-pink i.icon-forward {
6722
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
6723
- }
6724
- i.icon-bars.color-pink,
6725
- i.icon-bars.theme-pink,
6726
- .theme-pink i.icon-bars {
6727
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6728
- }
6729
- @media (-webkit-min-device-pixel-ratio: 2) {
6730
- i.icon-bars.color-pink,
6731
- i.icon-bars.theme-pink,
6732
- .theme-pink i.icon-bars {
6733
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6734
- }
6735
- }
6736
- .theme-pink a,
6737
- .theme-pink .item-link.list-button {
6738
- color: #ff2d55;
6739
- }
6740
- .theme-pink .tabbar a,
6741
- .tabbar.theme-pink a,
6742
- .theme-pink .tabbar a i,
6743
- .tabbar.theme-pink a i {
6744
- color: inherit;
6745
- }
6746
- .theme-pink .tabbar a.active,
6747
- .tabbar.theme-pink a.active,
6748
- .theme-pink .tabbar a.active i,
6749
- .tabbar.theme-pink a.active i {
6750
- color: #ff2d55;
6751
- }
6752
- .theme-pink .range-slider input[type="range"]::-webkit-slider-thumb:before,
6753
- .range-slider.theme-pink input[type="range"]::-webkit-slider-thumb:before {
6754
- background-color: #ff2d55;
6755
- }
6756
- .theme-pink label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6757
- .theme-pink label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6758
- background-color: #ff2d55;
6759
- }
6760
- .theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6761
- .theme-pink label.label-radio input[type="radio"]:checked ~ .item-inner {
6762
- 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");
6763
- }
6764
- .theme-pink .picker-calendar-day.picker-calendar-day-selected span {
6765
- background-color: #ff2d55 !important;
6766
- }
6767
- .swiper-pagination.color-pink .swiper-pagination-bullet-active,
6768
- .theme-pink .swiper-pagination .swiper-pagination-bullet-active {
6769
- background-color: #ff2d55;
6770
- }
6771
- .swiper-button-next.color-pink,
6772
- .swiper-container-rtl .swiper-button-prev.color-pink,
6773
- .theme-pink .swiper-button-next,
6774
- .theme-pink .swiper-container-rtl .swiper-button-prev {
6775
- 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");
6776
- }
6777
- .swiper-button-prev.color-pink,
6778
- .swiper-container-rtl .swiper-button-next.color-pink,
6779
- .theme-pink .swiper-button-prev,
6780
- .theme-pink .swiper-container-rtl .swiper-button-next {
6781
- 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");
6782
- }
6783
- .bg-pink,
6784
- .button.button-fill.bg-pink,
6785
- a.bg-pink,
6786
- .list-block .swipeout-actions-left a.bg-pink,
6787
- .list-block .swipeout-actions-right a.bg-pink {
6788
- background-color: #ff2d55;
6789
- }
6790
- .border-pink {
6791
- border-color: #ff2d55;
6792
- }
6793
- .color-blue {
6794
- color: #007aff;
6795
- }
6796
- .list-block .item-link.list-button.color-blue,
6797
- .tabbar a.active.color-blue,
6798
- a.color-blue {
6799
- color: #007aff;
6800
- }
6801
- .label-switch input[type="checkbox"]:checked + .checkbox.color-blue,
6802
- .label-switch.color-blue input[type="checkbox"]:checked + .checkbox {
6803
- background-color: #007aff;
6804
- }
6805
- .color-blue.button:not(.button-fill),
6806
- .color-blue.buttons-row .button,
6807
- .theme-blue .button:not(.button-fill) {
6808
- border-color: #007aff;
6809
- }
6810
- html:not(.watch-active-state) .color-blue.button:not(.button-fill):active,
6811
- html:not(.watch-active-state) .color-blue.buttons-row .button:active,
6812
- html:not(.watch-active-state) .theme-blue .button:not(.button-fill):active,
6813
- .color-blue.button:not(.button-fill).active-state,
6814
- .color-blue.buttons-row .button.active-state,
6815
- .theme-blue .button:not(.button-fill).active-state {
6816
- background-color: rgba(0, 122, 255, 0.15);
6817
- }
6818
- .color-blue.button:not(.button-fill).active,
6819
- .color-blue.buttons-row .button.active,
6820
- .theme-blue .button:not(.button-fill).active {
6821
- background-color: #007aff;
6822
- color: #fff;
6823
- }
6824
- .theme-blue .button.button-fill,
6825
- .button.button-fill.color-blue {
6826
- background: #007aff;
6827
- color: #fff;
6828
- }
6829
- .color-blue i.icon,
6830
- .theme-blue i.icon,
6831
- i.icon.color-blue,
6832
- i.icon.theme-blue {
6833
- color: #007aff;
6834
- }
6835
- i.icon-next.color-blue,
6836
- i.icon-next.theme-blue,
6837
- .theme-blue i.icon-next {
6838
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6839
- }
6840
- i.icon-prev.color-blue,
6841
- i.icon-prev.theme-blue,
6842
- .theme-blue i.icon-prev {
6843
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6844
- }
6845
- i.icon-back.color-blue,
6846
- i.icon-back.theme-blue,
6847
- .theme-blue i.icon-back {
6848
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
6849
- }
6850
- i.icon-forward.color-blue,
6851
- i.icon-forward.theme-blue,
6852
- .theme-blue i.icon-forward {
6853
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
6854
- }
6855
- i.icon-bars.color-blue,
6856
- i.icon-bars.theme-blue,
6857
- .theme-blue i.icon-bars {
6858
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6859
- }
6860
- @media (-webkit-min-device-pixel-ratio: 2) {
6861
- i.icon-bars.color-blue,
6862
- i.icon-bars.theme-blue,
6863
- .theme-blue i.icon-bars {
6864
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6865
- }
6866
- }
6867
- .theme-blue a,
6868
- .theme-blue .item-link.list-button {
6869
- color: #007aff;
6870
- }
6871
- .theme-blue .tabbar a,
6872
- .tabbar.theme-blue a,
6873
- .theme-blue .tabbar a i,
6874
- .tabbar.theme-blue a i {
6875
- color: inherit;
6876
- }
6877
- .theme-blue .tabbar a.active,
6878
- .tabbar.theme-blue a.active,
6879
- .theme-blue .tabbar a.active i,
6880
- .tabbar.theme-blue a.active i {
6881
- color: #007aff;
6882
- }
6883
- .theme-blue .range-slider input[type="range"]::-webkit-slider-thumb:before,
6884
- .range-slider.theme-blue input[type="range"]::-webkit-slider-thumb:before {
6885
- background-color: #007aff;
6886
- }
6887
- .theme-blue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
6888
- .theme-blue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
6889
- background-color: #007aff;
6890
- }
6891
- .theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-inner,
6892
- .theme-blue label.label-radio input[type="radio"]:checked ~ .item-inner {
6893
- 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");
6894
- }
6895
- .theme-blue .picker-calendar-day.picker-calendar-day-selected span {
6896
- background-color: #007aff !important;
6897
- }
6898
- .swiper-pagination.color-blue .swiper-pagination-bullet-active,
6899
- .theme-blue .swiper-pagination .swiper-pagination-bullet-active {
6900
- background-color: #007aff;
6901
- }
6902
- .swiper-button-next.color-blue,
6903
- .swiper-container-rtl .swiper-button-prev.color-blue,
6904
- .theme-blue .swiper-button-next,
6905
- .theme-blue .swiper-container-rtl .swiper-button-prev {
6906
- 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");
6907
- }
6908
- .swiper-button-prev.color-blue,
6909
- .swiper-container-rtl .swiper-button-next.color-blue,
6910
- .theme-blue .swiper-button-prev,
6911
- .theme-blue .swiper-container-rtl .swiper-button-next {
6912
- 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");
6913
- }
6914
- .bg-blue,
6915
- .button.button-fill.bg-blue,
6916
- a.bg-blue,
6917
- .list-block .swipeout-actions-left a.bg-blue,
6918
- .list-block .swipeout-actions-right a.bg-blue {
6919
- background-color: #007aff;
6920
- }
6921
- .border-blue {
6922
- border-color: #007aff;
6923
- }
6924
- .color-green {
6925
- color: #4cd964;
6926
- }
6927
- .list-block .item-link.list-button.color-green,
6928
- .tabbar a.active.color-green,
6929
- a.color-green {
6930
- color: #4cd964;
6931
- }
6932
- .label-switch input[type="checkbox"]:checked + .checkbox.color-green,
6933
- .label-switch.color-green input[type="checkbox"]:checked + .checkbox {
6934
- background-color: #4cd964;
6935
- }
6936
- .color-green.button:not(.button-fill),
6937
- .color-green.buttons-row .button,
6938
- .theme-green .button:not(.button-fill) {
6939
- border-color: #4cd964;
6940
- }
6941
- html:not(.watch-active-state) .color-green.button:not(.button-fill):active,
6942
- html:not(.watch-active-state) .color-green.buttons-row .button:active,
6943
- html:not(.watch-active-state) .theme-green .button:not(.button-fill):active,
6944
- .color-green.button:not(.button-fill).active-state,
6945
- .color-green.buttons-row .button.active-state,
6946
- .theme-green .button:not(.button-fill).active-state {
6947
- background-color: rgba(76, 217, 100, 0.15);
6948
- }
6949
- .color-green.button:not(.button-fill).active,
6950
- .color-green.buttons-row .button.active,
6951
- .theme-green .button:not(.button-fill).active {
6952
- background-color: #4cd964;
6953
- color: #fff;
6954
- }
6955
- .theme-green .button.button-fill,
6956
- .button.button-fill.color-green {
6957
- background: #4cd964;
6958
- color: #fff;
6959
- }
6960
- .color-green i.icon,
6961
- .theme-green i.icon,
6962
- i.icon.color-green,
6963
- i.icon.theme-green {
6964
- color: #4cd964;
6965
- }
6966
- i.icon-next.color-green,
6967
- i.icon-next.theme-green,
6968
- .theme-green i.icon-next {
6969
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6970
- }
6971
- i.icon-prev.color-green,
6972
- i.icon-prev.theme-green,
6973
- .theme-green i.icon-prev {
6974
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6975
- }
6976
- i.icon-back.color-green,
6977
- i.icon-back.theme-green,
6978
- .theme-green i.icon-back {
6979
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
6980
- }
6981
- i.icon-forward.color-green,
6982
- i.icon-forward.theme-green,
6983
- .theme-green i.icon-forward {
6984
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
6985
- }
6986
- i.icon-bars.color-green,
6987
- i.icon-bars.theme-green,
6988
- .theme-green i.icon-bars {
6989
- 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%2021%2014'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
6990
- }
6991
- @media (-webkit-min-device-pixel-ratio: 2) {
6992
- i.icon-bars.color-green,
6993
- i.icon-bars.theme-green,
6994
- .theme-green i.icon-bars {
6995
- 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%2042%2026'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
6996
- }
6997
- }
6998
- .theme-green a,
6999
- .theme-green .item-link.list-button {
7000
- color: #4cd964;
7001
- }
7002
- .theme-green .tabbar a,
7003
- .tabbar.theme-green a,
7004
- .theme-green .tabbar a i,
7005
- .tabbar.theme-green a i {
7006
- color: inherit;
7007
- }
7008
- .theme-green .tabbar a.active,
7009
- .tabbar.theme-green a.active,
7010
- .theme-green .tabbar a.active i,
7011
- .tabbar.theme-green a.active i {
7012
- color: #4cd964;
7013
- }
7014
- .theme-green .range-slider input[type="range"]::-webkit-slider-thumb:before,
7015
- .range-slider.theme-green input[type="range"]::-webkit-slider-thumb:before {
7016
- background-color: #4cd964;
7017
- }
7018
- .theme-green label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
7019
- .theme-green label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
7020
- background-color: #4cd964;
7021
- }
7022
- .theme-green label.label-radio input[type="checkbox"]:checked ~ .item-inner,
7023
- .theme-green label.label-radio input[type="radio"]:checked ~ .item-inner {
7024
- 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");
7025
- }
7026
- .theme-green .picker-calendar-day.picker-calendar-day-selected span {
7027
- background-color: #4cd964 !important;
7028
- }
7029
- .swiper-pagination.color-green .swiper-pagination-bullet-active,
7030
- .theme-green .swiper-pagination .swiper-pagination-bullet-active {
7031
- background-color: #4cd964;
7032
- }
7033
- .swiper-button-next.color-green,
7034
- .swiper-container-rtl .swiper-button-prev.color-green,
7035
- .theme-green .swiper-button-next,
7036
- .theme-green .swiper-container-rtl .swiper-button-prev {
7037
- 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");
7038
- }
7039
- .swiper-button-prev.color-green,
7040
- .swiper-container-rtl .swiper-button-next.color-green,
7041
- .theme-green .swiper-button-prev,
7042
- .theme-green .swiper-container-rtl .swiper-button-next {
7043
- 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");
7044
- }
7045
- .bg-green,
7046
- .button.button-fill.bg-green,
7047
- a.bg-green,
7048
- .list-block .swipeout-actions-left a.bg-green,
7049
- .list-block .swipeout-actions-right a.bg-green {
7050
- background-color: #4cd964;
7051
- }
7052
- .border-green {
7053
- border-color: #4cd964;
7054
- }
7055
- .color-red {
7056
- color: #ff3b30;
7057
- }
7058
- .list-block .item-link.list-button.color-red,
7059
- .tabbar a.active.color-red,
7060
- a.color-red {
7061
- color: #ff3b30;
7062
- }
7063
- .label-switch input[type="checkbox"]:checked + .checkbox.color-red,
7064
- .label-switch.color-red input[type="checkbox"]:checked + .checkbox {
7065
- background-color: #ff3b30;
7066
- }
7067
- .color-red.button:not(.button-fill),
7068
- .color-red.buttons-row .button,
7069
- .theme-red .button:not(.button-fill) {
7070
- border-color: #ff3b30;
7071
- }
7072
- html:not(.watch-active-state) .color-red.button:not(.button-fill):active,
7073
- html:not(.watch-active-state) .color-red.buttons-row .button:active,
7074
- html:not(.watch-active-state) .theme-red .button:not(.button-fill):active,
7075
- .color-red.button:not(.button-fill).active-state,
7076
- .color-red.buttons-row .button.active-state,
7077
- .theme-red .button:not(.button-fill).active-state {
7078
- background-color: rgba(255, 59, 48, 0.15);
7079
- }
7080
- .color-red.button:not(.button-fill).active,
7081
- .color-red.buttons-row .button.active,
7082
- .theme-red .button:not(.button-fill).active {
7083
- background-color: #ff3b30;
7084
- color: #fff;
7085
- }
7086
- .theme-red .button.button-fill,
7087
- .button.button-fill.color-red {
7088
- background: #ff3b30;
7089
- color: #fff;
7090
- }
7091
- .color-red i.icon,
7092
- .theme-red i.icon,
7093
- i.icon.color-red,
7094
- i.icon.theme-red {
7095
- color: #ff3b30;
7096
- }
7097
- i.icon-next.color-red,
7098
- i.icon-next.theme-red,
7099
- .theme-red i.icon-next {
7100
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
7101
- }
7102
- i.icon-prev.color-red,
7103
- i.icon-prev.theme-red,
7104
- .theme-red i.icon-prev {
7105
- 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
7106
- }
7107
- i.icon-back.color-red,
7108
- i.icon-back.theme-red,
7109
- .theme-red i.icon-back {
7110
- 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
7111
- }
7112
- i.icon-forward.color-red,
7113
- i.icon-forward.theme-red,
7114
- .theme-red i.icon-forward {
7115
- 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
7116
- }
7117
- i.icon-bars.color-red,
7118
- i.icon-bars.theme-red,
7119
- .theme-red i.icon-bars {
7120
- 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%2021%2014'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
7121
- }
7122
- @media (-webkit-min-device-pixel-ratio: 2) {
7123
- i.icon-bars.color-red,
7124
- i.icon-bars.theme-red,
7125
- .theme-red i.icon-bars {
7126
- 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%2042%2026'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
7127
- }
7128
- }
7129
- .theme-red a,
7130
- .theme-red .item-link.list-button {
7131
- color: #ff3b30;
7132
- }
7133
- .theme-red .tabbar a,
7134
- .tabbar.theme-red a,
7135
- .theme-red .tabbar a i,
7136
- .tabbar.theme-red a i {
7137
- color: inherit;
7138
- }
7139
- .theme-red .tabbar a.active,
7140
- .tabbar.theme-red a.active,
7141
- .theme-red .tabbar a.active i,
7142
- .tabbar.theme-red a.active i {
7143
- color: #ff3b30;
7144
- }
7145
- .theme-red .range-slider input[type="range"]::-webkit-slider-thumb:before,
7146
- .range-slider.theme-red input[type="range"]::-webkit-slider-thumb:before {
7147
- background-color: #ff3b30;
7148
- }
7149
- .theme-red label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
7150
- .theme-red label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
7151
- background-color: #ff3b30;
7152
- }
7153
- .theme-red label.label-radio input[type="checkbox"]:checked ~ .item-inner,
7154
- .theme-red label.label-radio input[type="radio"]:checked ~ .item-inner {
7155
- 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");
7156
- }
7157
- .theme-red .picker-calendar-day.picker-calendar-day-selected span {
7158
- background-color: #ff3b30 !important;
7159
- }
7160
- .swiper-pagination.color-red .swiper-pagination-bullet-active,
7161
- .theme-red .swiper-pagination .swiper-pagination-bullet-active {
7162
- background-color: #ff3b30;
7163
- }
7164
- .swiper-button-next.color-red,
7165
- .swiper-container-rtl .swiper-button-prev.color-red,
7166
- .theme-red .swiper-button-next,
7167
- .theme-red .swiper-container-rtl .swiper-button-prev {
7168
- 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");
7169
- }
7170
- .swiper-button-prev.color-red,
7171
- .swiper-container-rtl .swiper-button-next.color-red,
7172
- .theme-red .swiper-button-prev,
7173
- .theme-red .swiper-container-rtl .swiper-button-next {
7174
- 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");
7175
- }
7176
- .bg-red,
7177
- .button.button-fill.bg-red,
7178
- a.bg-red,
7179
- .list-block .swipeout-actions-left a.bg-red,
7180
- .list-block .swipeout-actions-right a.bg-red {
7181
- background-color: #ff3b30;
7182
- }
7183
- .border-red {
7184
- border-color: #ff3b30;
7185
- }