framework7_rails 1.0.6 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
- }